* { margin:0; padding:0; }
html { background-color:#F1EEE8;  }
body { background:#fff url(/assets/img/bkgd-container.jpg) repeat-x center 115px; font:14px Arial, Helvetica, sans-serif; color:#444; padding-top:42px;  }

h1 { font:normal 30px Georgia, "Times New Roman", Times, serif; color:#586979; margin:2px 0 2px 0; }
h2 { font:normal 20px Georgia, "Times New Roman", Times, serif; color:#737b35; margin:2px 0 2px 0; }
h3 { font:normal 18px Georgia, "Times New Roman", Times, serif; color:#586979; margin:2px 0 2px 0; }
h4 { font:normal 14px Georgia, "Times New Roman", Times, serif; color:#444; margin:2px 0 2px 0; }
p { margin:0 0 15px 0; line-height:1.4em; }
a { color:#ab710a; }
a:hover { text-decoration:none; }

#wrapper { background:url(/assets/img/bkgd-content.png) repeat-y 0 100px; width:920px; padding:0 20px; margin:0 auto; overflow:auto; }
#header { background:#fff url(/assets/img/bkgd-header.gif) no-repeat; padding:0 0 0 0; width:920px; margin:0 auto; }
#logo { display:block; width:215px; height:135px; margin:11px 12px 11px 11px; float:left; }
#logo img { border:solid 1px #E5E1D7; }

#banner { float:left; width:669px; height:135px; margin:11px 0 11px 0; border:solid 1px #E5E1D7; }

.banner-1 { background-image:url(/assets/img/banners/1.jpg); }
.banner-10 { background-image:url(/assets/img/banners/10-about-us.jpg); }
.banner-12 { background-image:url(/assets/img/banners/12-services.jpg); }
.banner-4 { background-image:url(/assets/img/banners/4-faq.jpg); }
.banner-5 { background-image:url(/assets/img/banners/5-resources.jpg); }
.banner-6 { background-image:url(/assets/img/banners/6-contact.jpg); }

/*--------------------------------------------------------------------------*/
#header .navigation { clear:left; background:url(/assets/img/bkgd-navigation.gif) repeat-x; height:38px; padding:10px 0 0 10px; }

#header .navigation li { 
	list-style:none; 
	float:left; 
	height:28px; 
	padding-left: 4px; 
	margin-right: 4px; 
	font-size: 11px;
	font-weight: bold;
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	background: url(/assets/img/bkgd-navs.png) no-repeat 0 0; 
}
#header .navigation li a.nav-link { 
	display: block; 
	height:22px;
	outline: none; 
	margin-left: 0; 
	padding: 6px 14px 0 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: url(/assets/img/bkgd-navs.png) no-repeat 100% 0; 
}

#header .navigation li.nav-style2 a.nav-link { 
	color: #000;
}

/* Hover states */
#header .navigation li:hover { background-position: 0 -28px; }
#header .navigation li:hover a.nav-link { background-position: 100% -28px; }

/* Focus states */
#header .navigation li:active { background-position: 0 -56px; }
#header .navigation li:active a.nav-link { background-position: 100% -56px; }

/* Focus states */
#header .navigation li.on { background-position: 0 -84px; }
#header .navigation li.on a.nav-link { background-position: 100% -84px; }

/* Nav Hover */

#header .navigation li { /*position: relative;*/ }
/*
.nav-tooltip { display: none; }
.nav-tooltip { position: absolute; top: -12px; left: 100%; width: 180px; height: auto; font: normal 12px/1.5 Arial, Helvetica, sans-serif; }
.nav-tooltip .wrapper { padding: 5px; border: 2px solid #9a6f37; border-radius: 8px; background: #fff; }
.nav-tooltip a {  }
*/
/* tooltip styling */
.tooltip {
	/*display: none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow.png);
	height: 122px;
	padding:0;
	width: 209px;
	font-size:11px;
	color:#fff;*/

	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:160px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
.tooltip .wrapper {
	
	font: normal 12px/1.5 Arial, Helvetica, sans-serif !important;
}
.tooltip .wrapper a {
	color: #FFEA00;
}
/*--------------------------------------------------------------------------*/


hr.clear { clear:both; display:none; width:920px; }

#content { background:#fff; min-height:400px; overflow:auto; }

#side .promo { border:solid 1px #E5E1D7; background-color:#fff; padding:10px 10px 10px 90px; margin-bottom:10px; font-size:12px; color:#666; }
#side .promo h3 { font:normal 18px Georgia, "Times New Roman", Times, serif; color:#737b35; }
#side .promo p { margin:0; }

.mclear { height:1px; background:#fff; width:880px; clear:left; } /* this is for stupid contribute / dreamweaver design mode */

#bottom { margin:0 auto; background-color:#F1EEE8; }

#footer { padding:40px 40px 0 40px; width:880px; height:115px; background:url(/assets/img/bkgd-footer.png) no-repeat 0 0; margin:0 auto; font:12px Arial, Helvetica, sans-serif; color:#000; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer ul { list-style:none; height:15px; }
#footer li { float:left; background:url(/assets/img/pipe-footer.gif) no-repeat center right; padding-right:15px; margin-right:15px; }
#footer li.last { background-image:none; }
#footer p { clear:left; font-size:10px; padding-top:10px; }
#copyright { display:block; }

#scoular-logo { display:block; float:right; width:107px; height:27px; margin:-30px 0 0 0; }
#scoular-logo img { border:0; } 

.news { background:url(/assets/img/promo-icon-newspaper-news.png) no-repeat 10px 18px; }
.careers { background:url(/assets/img/promo-icon-briefcase-careers.png) no-repeat 10px 18px; }