/*
Theme Name: Arctic Coast
Theme URI: http://www.arcticcoast.ca
Description: Arctic Coast
Author: Lisa
*/


/* &) -=-=-=- SITE STRUCTURE -=-=-=- */

body {
	margin: 0;
	padding: 0;
	/*background: url(images1/bg_body.jpg) top left repeat-x;*/
	background: url("../gradex/images/bg_container.jpg") center repeat-y;
	}

#container {

	/*background: url(images1/bg_container.jpg) center repeat-y;*/
	}

#header {
	height:99px;
	}
	
#topnav_wrapper {
	margin: 0 auto;
	position: relative;
	width: 817px;
	left:10px;
	border-bottom:1 solid #000000;

	}
	#topnav_mini_menu {
		top: 3px;
		right: 20px;
		position: absolute;
		color: #ccc;
		}
	#topnav_mini_menu a,
	#topnav_mini_menu a:link,
	#topnav_mini_menu a:active,
	#topnav_mini_menu a:visited {
		color: #bbb !important;
		text-decoration: none;
		font-size: 11px;
		font-family: "Trebuchet MS", Arial;
		}

	#topnav_message {
		top: 100px;
		left: 0px;
		position: absolute;
		color: #000000;
    	padding: 0;
    	margin: 0;
    	height: 50px;
    	border:1 solid #000000;
		}

/* Body */
#content_wrapper {
	background: url("../gradex/images/xxxbg_container.jpg") center repeat-y;
	color: #444;
	text-align: left;
	width: 817px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px 15px 0;
	}
	#content_left {
		clear: left;
		float: left;
		padding: 20px 0 20px 25px;
		width: 500px;
		/*border: 1px solid #ddd;*/
		}
	#content_right {
		clear: right;
		float: right;
		padding: 15px 35px 25px 15px;
		width: 204px;
		background: url("../gradex/images/bg_right.jpg") top left no-repeat;
		}

	#content_left h1{
    	/*background: url(images1/web_apps.gif) left no-repeat;*/
    	padding-left:0px;
    	padding-bottom:-10px;
    	padding-top:10px;
	    color: #db3f04;
	    font-size: 1.8em;
	    letter-spacing: -.5px;
	}
	
	#content_left h2{
    	/*background: url(images1/web_apps.gif) left no-repeat;*/
    	padding-left:0px;
    	padding-bottom:-10px;
    	padding-top:10px;
	    color: #07325e;
	    font-size: 1.8em;
	    letter-spacing: -.5px;
	}
	

#pre-footer {
	width: 817px;
	background: #fff;
	text-align: center;
	padding: 1px 0;
	border-top: 1px solid #efefef;
	font-size: 11px;
	color: #999;
	margin: 0 auto;
}
	#pre-footer span {
		padding: 0 5px;
		color:#ddd;
		}
		
/* Footer */
#footer_wrapper {
	clear: both;
	height: 50px;
	margin: 0 0 0;
	z-index: 900;
	background: #5e5e5e;
	border-top: 7px solid #5393da;
	}
	#footer_wrapper #footer {
		margin: 0 auto;
		width: 817px;
		padding: 15px 0;
		color: #ccc;
		text-align: left;
		font-size: 90%;
		}


/* &) -=-=-=- GENERAL SELECTORS -=-=-=- */
a:link img, a:visited img {
	border: none !important;
	}
body {
	color: #eee;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: center;
	margin-top: 1px;
	}
h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Geneva, Arial;
	font-weight: normal;
	}
h1 {
	color: #db3f04;
	font-size: 1.8em;
	border-bottom: dotted 1px #ddd;
	padding-bottom: 2px;
	letter-spacing: -.5px;
	
	}
h1 a:link, h1 a:visited {
	color: #db3f04;
	text-decoration: none;
	}
h1 a:hover, h1 a:active {
	color: #db3f04;
	text-decoration: none;
	}
h2 {
	color: #81b51c;
	font-size: 1.5em;
	letter-spacing: 1.5px;
	padding-top:10px
	}
h5 {
	color: #ffffff;
	font-size: 1.5em;
	letter-spacing: -.5px;
	}
.highlight {
	color: #3882b3;
	}

#container a:link, a:visited,
#footer_wrapper a:link, a:visited  {
	color: #74906c;
	}	
#container a:hover, a:active,
#footer_wrapper a:hover, a:active {
	color: #74906c;
	text-decoration: none;
	}
blockquote {
	border-left: 4px solid #3f3f3f;
	padding: 0 10px;
	margin: 0 0 0 10px;
	font-style: italic;
	}	
p {
	line-height: 1.7em;
	}
sup {
	font-size: 60%;
	vertical-align: top;
	}
.fl_left {
	float: left;
	margin: 0 6px 4px 0;
	}
.fl_right {
	float: right;
	margin: 0  -20px 0 10px;
	border: 0px solid #000000;
	}
.design {
	float: right;
	color: #888;
	}
	.design a:link,
	.design a:active,
	.design a:visited {
	color: #999; !important;
	}

div.top {
	width: 100%;
	text-align: right;
	padding: 0px 0;
	margin: 0 0 0 0;
	}
	div.top a,
	div.top a:link,
	div.top a:active,
	div.top a:visited {
		padding: 5px 0;
		display:block;
		color: #bbb !important;
		text-decoration: none !important;
		font-size: 90%;
		}
div.address {
	float:left;
	margin: -5px 20px 0 10px;
	}
/* &) -=-=-=- HEADER SELECTORS -=-=-=- */
#header h1.maintitle {
	color: #ddd;
	margin: 0;
	font-size: 2.2em;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	}

h1.maintitle span {display: none;}
h1.maintitle img {border:none;}
h1.maintitle small {font-size: 60%; display: block;}


/* &) -=-=-=- CONTENT RIGHT SELECTORS -=-=-=- */
#content_right { 
	text-align: left !important; 
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#content_right a:link, 
	#content_right a,
	#content_right a:active,
	#content_right a:visited {
		color: #fefefe;
		}
	#content_right h3 {
		font-size: 1.7em;
		color:#81b51c;
		margin: 0 0 5px 0;
		}
	#content_right h2 {
		font-size: 1.7em;
		margin-bottom:0;
		color: #07325e !important;
		}
	#content_right p {
		margin: 10px 0;
		}
	#content_right .box {
		padding: 0;
		margin: 0 0 20px 0;
		position: relative;
		width: 220px;
		}
		#content_right .box div.pad {
			padding:0 15px 15px;
			}
		#content_right .box h2 {
			font-size: 1.7em;
			color:#9b3144;
			}
		#content_right .box div.top img {
			position: absolute;
			top: 0;
			left: 0;
			height: 7px;
			display:block;
			}
		#content_right .box div.btm img {
			position: absolute;
			bottom: 0;
			left: 0;
			height: 7px;
			display:block;
			}
		#content_right .bg1{
			background: #b0d46a;
			}

		#content_right .bg2{
			background: #a1bedb;
			color:#ffffff;
			}

	#content_right ul {
		list-style:url("../gradex/images/bullet.gif") outside;
		margin: 0 0 0 20px;
		padding: 0;
		}
	#content_right li {
		margin: 2px 0;
		padding: 3px 1px;
		line-height: 1.5em;
		}
	#content_right .qmenu {
		padding: 15px;
		margin: 0;
		width: 190px;
		background: url("../gradex/images/bg_qmenu.jpg") top left no-repeat;
		}
		#content_right .qmenu a,
		#content_right .qmenu a:link,
		#content_right .qmenu a:active,
		#content_right .qmenu a:visited {
			color:#666 !important;
			}

/* &)-=-=-=- Hacks -=-=-=- */
.clearfix:after { /* float hack used to float content correctly */
    content: "."; 
   	display: block; 
   	height: 0; 
   	clear: both; 
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* Hides from IE-mac \*/
/* End hide from IE-mac */

.clear {
	clear: both;
	}
.clearfix {display: inline-table;}
.clearfix {display: block;}

/* &)-=-=-=-=- New Stuff -=-=-=-=*/

ul#topnav {
	margin: 0;
	list-style: none;
	padding: 0;
	position:absolute;
	top: 100px;
	left: 0px;
	/*border: solid 1px red;*/
	color:#000;
	}
	#topnav li {
		float: left;
		margin-left: 1px;
		padding: 7px 0;
		display: inline;
		background:url("../gradex/images/nav.gif") no-repeat;
		width:91px;
		height:20px;
		text-align:center;
		}
		#topnav li.active {
			background:url("../gradex/images/nav_active.gif") no-repeat;
			}
		#topnav li.big {
			padding: 7px 0;
			background: url("../gradex/images/nav_larger.gif") no-repeat;
			width: 100px;
			}
			#topnav li.bigactive {
				padding: 7px 0;
				background: url("../gradex/images/nav_larger_active.gif") no-repeat;
				width: 100px;
				}
			#topnav li a,
			#topnav li a:link,
			#topnav li a:active,
			#topnav li a:visited {
				font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
				color: #fff;
				font-size:13px; 
				text-decoration: none;
				}
	
.titlelogo {
	position: absolute;
	left: 0;
	top: 0;
	}

/* &)-=-=-=-=- Content -=-=-=-=*/

.lists ul,
.lists-serv ul {
	margin: 0;
	list-style: none;
	padding: 0;
	}
	.lists li {
		margin-right: 10px;
		list-style: none;
		padding: 6px 4px;
		font-size:90%;
		/*letter-spacing: -.5px;*/
		border-bottom: dotted 1px #eee;
		width: 162px;
		color: #888;
		font-family: "Trebuchet MS", Arial;
		}
	.lists-serv li {
		margin-right: 10px;
		list-style: none;
		padding: 6px 4px;
		/*letter-spacing: -.5px;*/
		border-bottom: dotted 1px #eee;
		width: 500px; /*245px;*/
		color: #aaa;
		}
		.lists li:hover {
			background:#f3f9f9;
			color: #222;
			}
		.lists li.top {
			border-top: solid 2px #f58458;
			}
	.lists ul.end li {
		margin-right: 0;
		}
		.lists .list-l,
		.lists-serv .list-l {
			float: left;
			}
			
			
/* &)-=-=-=-=- Technologies Specific Content -=-=-=-=*/

.lists ul {
	margin: 0 0 25px 0;
	list-style: none;
	padding: 0;
	}
	.lists div.list-t li {
		margin-right: 10px;
		list-style: none;
		padding: 5px 4px 5px 10px;
		/*letter-spacing: -.5px;*/
		border-bottom: dotted 2px #eee;
		width: 500px; /*245px;*/
		color: #888;
		font-size: 100%;

		background: url("../gradex/images/bullet.gif") left no-repeat 8px;


		}
		.lists div.list-t li:hover {
			background:#f5f9f2;
			color: #222;

    		background: url("../gradex/images/bullet.gif") left no-repeat 8px;
			}

		.lists div.list-t li.top {
			border-top: none;
			padding: 5px 10px 5px 4px;
			font-size: 1.5em !important;
			font-weight: bold;
			color: #777;
			font-family: Arial, Helvetica, sans-serif !important;
			background: url("../gradex/images/bg_litop.gif") top left;

			}

	.lists ul.end li {
		margin-right: 0;
		}
		.lists .list-t {
			float: left;

			text-align:justify;
			}