@charset "utf-8";
/* CSS Document */


/*********Change Notes*************

7-31-09

- set language bar to display: none;

- removed thickbox description from latest projects pages

- changed headers from green back to blue

***********************************/

body { background: url(../images/body-bk.jpg) top center repeat-x #88a4c2; behavior: url("../scripts/csshover.htc"); }

#container { width: 900px; margin: 0 auto 2em auto; border: 12px solid #003f79; background-color: #fff;}

#header {overflow:auto; height:138px;}

ol#header_address { float: right; position: relative; background: #131313; width: 257px; height: 138px; list-style: none; padding: 0 1em 0 0;}
	ol#header_address span.language {display: none; /*display:block;*/text-align:right;float:right;color:#fff; font:.873em Arial, Helvetica, sans-serif;padding:.5em 0;}
		ol#header_address span.language a {color:#d5dee7;}
	ol#header_address li { color: #fff; text-align: right; font: 1em Arial, Helvetica, sans-serif; }
		ol#header_address li#position_vertical { margin-top: 4em; }
		
#logo { margin-bottom: 1em; float:left; }
		
a#skipto { position: absolute; left: -999em; }
		
ol#navigation { list-style: none; background-color: #003f79; clear: both; overflow: auto; height: 37px; padding-left: 2.5em; border-bottom: 1px solid #657893;}
	ol#navigation li {  display: inline; float: left; }
		ol#navigation li a {  display: block; margin-top: 1px; padding: .687em .5em; font: bold .875em Arial, Helvetica, sans-serif; text-decoration: none; color:#fff; border-right: 1px solid #fff;}
		ol#navigation li a:hover { background-color: #ddd; color: #003f79; }
			ol#navigation li a.noborder { border: none; } 

#content { padding: 1em 0 0 1em; }
			
h1 { font: bold 1.5em Arial, Helvetica, sans-serif; color: #003f79; border-bottom: 1px solid #acb6c5; margin: 1em 0; width: 90%;}
h2 { font: bold 1.25em Arial, Helvetica, sans-serif; color: #003f79; margin: .75em auto; }
h3 { font: bold 1em Arial, Helvetica, sans-serif; color: #003f79; margin: .75em auto; }
h4 { font: bold 1em Arial, Helvetica, sans-serif; color: #003f79; margin: 0; }
p { font: .75em Arial, Helvetica, sans-serif; margin: .75em 0; line-height: 1.5; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	a { color: #003f79; }
	p.columntwohead { font: bold 1.25em Arial, Helvetica, sans-serif; color: #003f79; margin: .75em auto; }
	
#brandingimage { width: 900px; height: 270px; background: url(../images/hp-branding.jpg) top left no-repeat; }	

ol#homepage_columns { list-style: none; width: 900px; clear: both; overflow: auto; margin-bottom: 1em}
	ol#homepage_columns li { display: inline; float: left; }
	li#left_column { width: 550px; padding-left: 1em; }
	li#typical_apps { width: 275px; margin: 0 0 1em 2.65em; background: #fff; }
		li#typical_apps h2 { background: #ddd; padding: .4em; }
		
ol#homepage_columns li ol { margin: .75em 1em; list-style: decimal; font: .75em Arial, Helvetica, sans-serif;}
	ol#homepage_columns li ol li { display: list-item; float: none; }
ol#homepage_columns li ul { margin: .75em 1em; list-style-image: url(../images/ul-bullet.gif); font: .75em Arial, Helvetica, sans-serif; }
	ol#homepage_columns li ul li { display: list-item; float: none; margin-left: 1.5em; padding: .4em; }
	
#latest_projects { margin-top: 4em; width: 900px; clear: both; overflow: auto;}
	#latest_projects h3 { margin-left: 2em;}
	#latest_projects ul { list-style: none; overflow: auto; clear: both; width: 600px; background: #e3e3e3; width: 876px; padding-left: 1.5em;}
		#latest_projects ul li { display: inline; float: left; margin-top: 2px; }
		#latest_projects ul li:hover { background: #ccc; }
		#latest_projects ul li img { border: 5px solid #fff; }
		#latest_projects ul li p { text-align: center; margin: .4em; }
		#latest_projects ul li p a { text-decoration: none; color: #000; font-weight: bold; }
		
#olson-bldg { margin: 1em 0 26px 30px; float:left;}

/*a#request_quote { position: relative; float: left; left: 625px; top:-18px; width: 259px; text-decoration: none; margin-bottom: -300px;}*/
a#request_quote { float: right; width: 259px; text-decoration: none; margin:-20px 10px 0 0;}
a#request_quote h4 { border-bottom: 1px solid #acb6c5; width: 150px; margin: 0 0 .4em .5em;}

ol#footer_nav { border-top: 10px solid #003f79; height: 25px; margin: 10px 0 0 0; padding-left: 1.5em; padding-top: .5em;clear: both; overflow: auto; text-align: center; }
	ol#footer_nav li { list-style: none; display: inline;  }
	ol#footer_nav li a { margin-top: 1px; padding: .687em .4em; font: .875em Arial, Helvetica, sans-serif; text-decoration: none; color:#003f79; border-right: 1px solid #003f79; }
	ol#footer_nav li a.noborder { border: none; }
	
.right {float:right;margin:0 0 1em .25em;}
.left { float: left; margin: 0 0 1em .25em; }
.center { display: block; margin: .5em auto; }
.title {text-align:right;}
.title_left {text-align:left; }
table#form1 {margin-left:10px; width:80%; font: .875em Arial, Helvetica, sans-serif;}
	table#form1 tr td {padding:3px;}
	table#form1 tr td input, textarea, select {border:solid 1px #acb6c5; padding:2px;}
		
li#left_column ul#contact_address { width:200px; margin-left:10px; list-style: none;}
	li#left_column ul#contact_address li {list-style-type:none; margin:0; padding: .4em;}

#directions {width:760px;}
#map_canvas {width:360px;height:300px;border:solid 2px #5449AF;float:left;}
#route {width:360px;border:solid 2px #eee;float:right;margin-bottom:100px;}
	#route table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
	#route div {font:1em Arial, Helvetica, sans-serif;color:#666;}

div#lbContent {width:300px;height:300px;background: url(../images/dir_bg.jpg) top left repeat-x;margin:0 auto;padding:20px;border:solid 5px #afbfc5;}
#lightbox.done {background:none;border:none;}
#lightbox ul li label {margin-bottom:2px;display:block;}
#lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#fff;}
#lightbox ul, #lightbox form {text-align:center;}
#lightbox form ul li {margin:10px 0;}
#lightbox input {padding:4px;font-size:1em;color:#0673B6;width:200px;}
#lightbox select, #lightbox option {font-size:1em;color:#0673B6;width:200px;}
#lightbox select {border:solid 1px #afbfc5;}
#lightbox h2{margin:0 0 1em 0;font-size:1.125em;color:#fff;}
#lightbox h3{color:#fff;}
#lightbox.done p{color:#fff;}
.highlight{background: url(../images/dir_bg.jpg) top left repeat-x;}