/* CSS Document */
/* CSS Layout code, author: Butter Creative */
html, body { padding: 0; margin:0; }
body {
	font: 62.5%/1.6 /*Trebuchet, "Trebuchet MS",*/ Tahoma, Verdana, Helvetica, Arial, Helvetica, sans-serif;
	background-color: #676768;
	color: #000000;
	background-image: url(../imgs/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

#body1 {position: relative; margin: 0 auto; width: 900px; padding:0;}
#body1.IE {zoom: 1;}
#body1 p, #body1 label {font-size:1.2em;line-height:1.3em;}
	#body1 a:link, #body1 a:visited, #body1 a:active { color: #00588C; text-decoration:none; }
	#body1 a:hover {  color: #0069AA; text-decoration:none;}
	
	#body1 #middle3 a:link, #body1 #middle3  a:visited, #body1 #middle3  a:active { color: #00588C; text-decoration:underline; }
	#body1 #middle3  a:hover {  color: #0069AA; text-decoration:none;}	
	
/* put style back on elements */

pre, blockquote, fieldset, table {margin: 1em 0;}
.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}


/* Bullets */
ul, ol {margin:1em 0 1em 3.5em; line-height:1.3em;font-size:1.2em;}
li {padding: 0.06em 0;}
ul li {margin-left:0.63em;padding-left: 0.5em; list-style: square outside;	/* background:url(../imgs/list-on.gif) 0 0.6em no-repeat;*/ }
ol li {margin-left:0.63em;padding-left: 0.5em; list-style: decimal outside;}

	/* Bullets with Dotted Top and Bottom */
	#entriesList li a {
		padding:0.5em 0;
		border-top:1px dotted #C8CDD0;
		border-bottom:1px dotted #C8CDD0;
		display:block;
		margin-bottom:-1px;
	}
/* END */



/* Standard settings */
h1,h2,h3,h4,h5,h6 
{ color:black; font-family:/*Trebuchet, "Trebuchet MS",*/ Tahoma, Arial, Geneva, Verdana, Helvetica, sans-serif; font-weight:bold; }

h1 {font-size:2.2em; line-height:1.8em;}
	h1 a:link, h1 a:visited, h1 li a:active {color: black; text-decoration:underline;}
	h1 a:hover {color: black; text-decoration:none;}
h2 {font-size:1.8em;line-height:1.8em;}
	h2 a:link, h2 a:visited, h2 li a:active { color: black; text-decoration:underline;}
	h2 a:hover {color: black; text-decoration:none;}
h3 {font-size:1.5em;line-height:1.5em;}
h3.nobmargin {margin: 0; padding: 0;}
h4 {font-size:1.3em; line-height:1.3em;}

h5 {font-size:1.5em; line-height:1.2em; padding:3px 10px; color:#F39325; text-align:left; margin:8px 20px;}	
			
/* Layout */
#wrapper {background-color: #fff;}





/* header */	
	#header {position:relative;}
		.W3C #header, .IE7above #header {min-height:109px;}
		.IE6below #header {height:109px;}
	
	#wrapperContent {width:900px; padding-top:30px;}
	
		/* 2Colum Layout */
		#left3 {float:left;width:235px;	 margin:0; padding:0; }
		 			
			#news {width:194px; margin:0 0 0 25px; }
				#news h2 {padding: 0 5px;
						border-top:1px solid #b2b2b2;
						border-bottom:1px solid #b2b2b2;
						display:block;
						background-color:#d5d5d5;
						font-size:1.5em;}
		
			#middle3 {float:right; width:655px; margin:0; padding: 0; }		
			
			#casestudy {}
			
			#casestudydesc {	}
			.casestudydesc {padding:2px 5px; font-size:1em; margin:0; color:#FFFFFF;background-color:#333333;	text-align:right;white-space:nowrap;}
				
	 		#contentArea {margin:0 10px 0 0 ; padding: 10px 0;}
				.W3C #contentArea, .IE7above #contentArea {min-height:275px;}
				.IE6below #contentArea {height:275px;}
				
				

				
				
		
		.backtotop {text-align:right; clear:both;}
		/* 2 Col Layout */
			#colLeft {margin:0 270px 0 0; padding: 0;}
			#colRight {float:right; width:260px; margin:0; padding:0;}
			
			#colEvenL {margin:0 325px 0 0; padding: 0;}
			#colEvenR {float:right; width:320px; margin:0; padding:0;}
			
			#colLR {margin:0 0 0 0; padding: 0;}
			
		/* Home 2 Col Layout */
			#colRight.homepage {margin-top:15px;}
			#colLeft.homepage {margin-top:15px;}
			.hometitle { margin:0;}
			.homespace  {margin-top:60px;}
			.hometitle span {font-size:0.9em; }
		/* About 2 Col Layout */
			
			.careers span {background-color:#0069AA; margin: 5px; padding:5px; float:right; color:#fff; font-size:1.2em}
			.careersapply span {background-color:#0069AA; margin: 1px 1px 1px 5px; padding:0;  color:#fff; font-size:0.7em;}
	
			.industryLinks a span {font-size:1.4em; font-weight:bold;}
			.newsLinks a span {font-size:1.3em; font-weight:bold;}
			
			
	#location, #footer {position:relative; width:900px; margin:0 auto; color:#fff;}
		#location {background-color: #3d3d3d;
		background-image: url(../imgs/footer-bg.jpg);
		background-repeat: repeat-x;
		background-position: top left;}
			.W3C #location, .IE7above #location {min-height:223px;}
			.IE6below #location {height:223px;}
			
			

			
			#location h3 {position:absolute; top:19px; left:126px;color:#fff; padding:0; margin:0;}
			
			#location p#address {position:absolute; top:75px; left:26px;}
			#location #map {padding-left:345px;}
			#location #footerlogo {position:absolute; top:15px; left:26px;}
		
		#footer { padding:10px 0;}
			#footer a:link, #footer a:visited, #footer a:active { color: #fff; text-decoration:underline; }
			#footer a:hover {  color: #fff; text-decoration:none; }


/* other bits*/

#requestform legend {color:#333333;}
#requestform fieldset {  border:solid 1px #333333; font-size:1.4em; font-weight:bold;}
.W3C #requestform fieldset, .IE7above #requestform fieldset { padding:15px 15px; margin:15px 15px;}
.IE6below #requestform fieldset { padding:15px 15px; margin:10px 10px;}
#requestform label {    width:240px; float:left; font-weight:normal; font-size:0.8em; text-align:right; padding-top:5px;}
.W3C #requestform div, .IE7above #requestform div {min-height:25px;}
.W3C #requestform div.medium, .IE7above #requestform div.medium {min-height:40px;}
.W3C #requestform div.higher, .IE7above #requestform div.higher{min-height:50px;}
.IE6below #requestform div.vbig {height:150px;}

.IE6 #requestform div {height:25px;}
.IE6 #requestform div.medium {min-height:40px;}
.IE6 #requestform div.higher {height:50px;}
.IE6 #requestform div.vbig {height:150px;}

#requestform input, #requestform select, #requestform textarea, #requestform img {margin:0 0 0 30px;}
#requestform label.required {color:#333; font-weight:bold;}
#requestform .submit {width:100px; padding:5px; margin:20px 0 0 450px; font-weight:bold; font-size:14px}
#requestform  input, #requestform select, #requestform textarea {width:200px}


img.border {border: 1px solid #F3F3F3; padding: 3px; background-color: #fff;}

form {margin:0; padding:0;}
input, select, textarea {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; font-size:10px;}
fieldset, label {border:0;  padding:0; margin:0;}


.fwidth {width:212px; margin:3px 0;}

.altLink a:link, .altLink a:visited, .altLink a:active { color: black; text-decoration:underline; }
.altLink a:hover {  color: #660000; text-decoration:none; }

/* image buttons */

#mainlogos , #mainlogos h1, #mainlogos h2 {padding:0; margin:0;}

.button {display: block; background-position:0 0;background-repeat: no-repeat;	background-color: transparent; 	text-indent: -1200px;	overflow: hidden; 	}
	.onside  {background: url(../imgs/onside-logo.gif);height: 65px;	width: 195px;margin:98px 0 0 25px;padding:0;}
	.call  {background: url(../imgs/call-icon.gif);height: 89px;	width: 194px;margin:93px 0 44px 25px;padding:0;}	
	#location .onsidefooter {position:absolute; top:15px; left:26px; background: url(../imgs/footer-logo.gif);height: 34px;	width: 94px;}
	
	.homeicon  {display: block; background-position:0 0;background-repeat: no-repeat; overflow: hidden;  line-height:30px;
	background-image: url(../imgs/home-icon.gif);height: 28px;	width: 58px; padding:0; margin:0;}	
	.homeicon  span {padding: 0 0 0 28px; margin-top:10px; color:#FFFFFF; font-size:10px}

/*-----------FIRE WIND WATER */

#ffww {position:relative; height:63px; }
	.W3C #ffww {}
	.W3C #ffww {}
		
#ffww ul { margin:0; padding:0; list-style: none;}
#ffww li { margin:0; padding:0;  display:inline; float:left;}
#ffww li a {text-indent: -1200em; background-color: #0870b1; overflow: hidden; display: block;	height:63px;	width:131px;    text-decoration: none; vertical-align: bottom; /* This fixes the IE5 Win gap! */}	


#ffww a.fire:link, #ffww a.fire:visited, #ffww a.fire:active { background:url(../imgs/ffww/fire.jpg) 0 0 no-repeat;}
#ffww a.fire:hover {  background:url(../imgs/ffww/fire.jpg) 0 -63px no-repeat;}
#ffww ul #fire {  background:url(../imgs/ffww/fire.jpg) 0 -63px no-repeat;}	

#ffww a.flood:link, #ffww a.flood:visited, #ffww a.flood:active { background:url(../imgs/ffww/flood.jpg) 0 0 no-repeat;}
#ffww a.flood:hover {  background:url(../imgs/ffww/flood.jpg) 0 -63px no-repeat;}
#ffww ul #flood {  background:url(../imgs/ffww/flood.jpg) 0 -63px no-repeat;}	

#ffww a.wind:link, #ffww a.wind:visited, #ffww a.wind:active { background:url(../imgs/ffww/wind.jpg) 0 0 no-repeat;}
#ffww a.wind:hover {  background:url(../imgs/ffww/wind.jpg) 0 -63px no-repeat;}
#ffww ul #wind {  background:url(../imgs/ffww/wind.jpg) 0 -63px no-repeat;}	

#ffww a.bio:link, #ffww a.bio:visited, #ffww a.bio:active { background:url(../imgs/ffww/bio.jpg) 0 0 no-repeat;}
#ffww a.bio:hover {  background:url(../imgs/ffww/bio.jpg) 0 -63px no-repeat;}
#ffww ul #bio {  background:url(../imgs/ffww/bio.jpg) 0 -63px no-repeat;}	

#ffww a.eclaim:link, #ffww a.eclaim:visited, #ffww a.eclaim:active { background:url(../imgs/ffww/eclaim.jpg) 0 0 no-repeat;}
#ffww a.eclaim:hover {  background:url(../imgs/ffww/eclaim.jpg) 0 -63px no-repeat;}
#ffww ul #eclaim {  background:url(../imgs/ffww/eclaim.jpg) 0 -63px no-repeat;}	


/* FIRE WIND WATER  END */
/* menu */	
	#menu { position:absolute;border-bottom:black solid 1px; background:url(../imgs/menu-bg.jpg) repeat-x top left #a5a5a5;z-index:999; }
			.W3C #menu, .IE7above #menu {min-height:30px;width:900px;}
			.IE6below #menu {height:30px;width:900px;}
			

			
			
		#menu ul { margin:0; padding:0;  list-style:none; text-transform: uppercase; }
		#menu li { display:inline; margin:0; padding:0; }
		
		#menu a {padding:0 25px;}
		#menu a:link, #menu a:visited, #menu a:active {  text-decoration:none;  }
		#menu a:hover { text-decoration:none;  }
		
		/*#menu a.home {margin-right:205px; padding:0 5px;}*/


/* home button */
#navhome {float:left; margin:0 200px 0 10px ;}
#navhome a {padding:0;}


#nav a:link, #nav a:visited, #nav a:active { color: #fff; text-decoration:none; line-height: 30px;}
#nav a:hover {  color: #fff; text-decoration:none; line-height: 30px;}
/* -------------------------- */
/* Overall main navigation styles */
#nav, #nav ul {position:relative;	float: right;
	list-style: none;	background-color: transparent;	font-weight: bold;	padding: 0;
	margin: 0;
}
/* -------------------------- */
/* The top main navigation links */
#nav a {
	display: block;
	/*padding: 5px 20px;*/
	background-color:#EEEEEE;
	background: url(../imgs/line.jpg) no-repeat top right; /* puts a "bar" on right of the main nav links */
	text-decoration: none;
}
/* I'm targeting the last main navigation link to have no "bar" on the right side */
#nav a.last {
	background-image: none;
}
#nav a.home, #nav a.one, #nav a.two, #nav a.three, #nav a.four, #nav a.five, #nav a.six, #nav a.seven {
	text-align: left;
	font-size: 1em;
	 
}
#nav li {
	float: left;
	padding: 0;
}
/* -------------------------- */
/* The dropdown links lists */

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 130px; 
	font-weight: normal;
	text-transform: none; 
	border: 1px solid #999;
	
	
	margin: 0;
	font-size: 0.9em;
	z-index:999; /* FIX FOR W3C*/
}



			.W3C #nav li ul, .IE7above #nav li ul {background:url(../imgs/grey-menu.png) repeat top left;}
			.IE6below #nav li ul {background-color: #D7D7D7;}
#nav li li {
	padding: 0;
	width: 130px; 
}
#nav li ul a {
	padding: 0 10px;
	width: 110px;
	* html width: 90px;
}
/* This controls the flyout location of the second level dropdowns */
#nav li ul ul {
	margin: -2em 0 0 140px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#nav li:hover, #nav li.sfhover {
	background-color: #D7D7D7; /* ccc opacity:.75;
	filter: alpha(opacity=75); -moz-opacity: 0.75;*/
}
/* -------------------------- */
/* The dropdown links list colors */

#nav li ul a:link, #nav li ul a:visited, #nav li ul a:active { color: #000; text-decoration:none; line-height: 22px;}
#nav li ul a:hover {  color: #fff; text-decoration:none;line-height: 22px;} /* height for the sub menu items */

#nav li ul.under a {
	/*color: #000;*/
	background-image: none;
	
}
#nav li ul.under a:hover {
	background-color: #0069AA;
	/*color:#fff;*/
}
/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
	color: #fff;
}
#nav li ul.under li:hover, #nav li ul.under li.sfhover {
	background-color: #0069AA;
	color:#fff;
}
/* -------------------------- */

#submenuleft { width:194px; margin:0 0 0 25px; list-style-type: none;}
#submenuleft h2 {padding: 0 5px; border-top:1px solid #b2b2b2;	border-bottom:1px solid #b2b2b2;display:block;	background-color:#d5d5d5; font-size:1.5em;}

#submenuleft ul, #navlist {margin-left: 0;	padding-left: 0; list-style-type: none;}
#submenuleft li {list-style-type: none; margin:2px 0 0 5px; }
.W3C #submenuleft li.facts {font-size:0.9em; margin-left:5px; margin-right:10px; line-height:1.3em;}
.IE6 #submenuleft li.facts {font-size:0.9em; margin-left:5px; margin-right:10px;line-height:1.3em;}

#submenuleft a {display: block;  padding: 5px 4px; width:160px; background-color: #0069AA; }

#submenuleft a:link, #navlist a:visited {color: #EEE;text-decoration: none;border-right: 5px solid #0069AA;}
#submenuleft a:hover, #submenuleft #selected {background-color: #087CB6;color: #fff;border-right: 5px solid #F39325;}		


.Post {	position: relative; clear: left; margin:4px 0;}
.firstPost {margin-top:10px;}
.W3C .Post, .IE7above .Post {min-height:55px;}
.IE6below .Post {height:55px;}




.Post h2 { font-size: 17px; /*line-height: 19px;*/  font-weight: normal;  padding: 0; margin: 0; display: block;}
.Post h2 a { color: #d30703; text-decoration: none;}
.Post h2 a:visited { color: #d30703; text-decoration: none;}
.Post h2 a:hover { color: #003399; text-decoration: none;}

.Post h3  { font-size: 13px; line-height: 13px;    padding: 0; margin: 0; display: block;}

.PostHead { padding-left: 40px; }

.PostInfo { padding: 0px; margin: 0px; font-size: 11px; color: #828282;}

.PostInfo em { font-style: normal;}

.PostInfo em a { text-decoration: underline; color: #828282;}

.PostInfo em a:visited { text-decoration: underline; color: #828282;}

.PostInfo em a:hover { text-decoration: underline; color: #828282; }

.PostDate { position: absolute; top: 0px; left: 0; text-align: center; margin: 0; padding: 2px 7px 2px 0px; list-style: none; border-right: solid 1px #ccc;}

.PostDate .month { display: block; font-size: 9px; line-height: 9px; color: #F39325; text-transform: uppercase;}
.PostDate .day { display: block; font-size: 21px; font-family: 'Arial'; font-weight: bold; line-height: 19px; color: #ccc; letter-spacing: -1px;}

.W3C .PostDate .year, .IE7above .PostDate .year {display: block; font-size: 7px; line-height: 9px; color: #ccc; text-transform: uppercase;}
.IE6below .PostDate .year {display: block; font-size: 9px; line-height: 9px; color: #ccc; text-transform: uppercase;}


blockquote.withquote {background:url(../imgs/quote.gif)no-repeat;background-position:top left; margin:15px 20px; padding:0 25px;color:#0069AA; font-weight:bold;} 
p.withunquote {background: url(../imgs/unquote.gif) no-repeat;background-position:bottom right;padding-right:5px;}

.toggler {
	color: #222;
	margin: 0 0 0 0 ;
	padding: 2px 5px;
	background: #F7F7F7;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #F7F7F7;
	border-top: 1px solid #ddd;
	border-left: 1px solid #f6f6f6;
	/*font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;*/
}
.element {padding: 0 0; margin: 0 0 0 0;} /*.element {padding: 0 5px; margin: 0 10px 0 0;} */
.element p, .element h1, .element h2, .element h3, .element h4 {margin-left:5px;margin-right:5px;}