/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #f5f8fa; color:#666666;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	}
	
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
	
h1 {
	margin:0;
	padding:18px 0px 5px 0px;
	color:#00407b;
	font-size:22px;
	font-weight:normal;
}

h2 {
	margin:0;
	padding:18px 0px 5px 0px;
	color:#00407b;
	font-size:18px;
	font-weight:normal;
}

/* structure */
#wrapper {
	background: #f5f8fa;
	margin: 0 auto;
	width: 778px;
}
#container {
background: #f5f8fa url(images/two-columns_large.gif) repeat-y;
	margin: 0 auto;
	width: 778px;
}

.imageright{
	float:right;
	padding:0px 0px 15px 15px;
}


/* ------------------------------ header Home ------------------------------ */
#submenu ul{
	position:absolute;
	left:572px;
	top:174px;
	width:190px;
	padding:0;
	margin:0;
	height: 164px;
}
#submenu ul li{
	color:#FFFFFF; height:34px;}
#submenu ul li.noborder{
	background-image:none; color:#FFFFFF; height:34px;}
#submenu ul li a{
	font:bold 13px/28px Arial, Helvetica, sans-serif; color:#256f81; text-decoration:none; padding:0px 0 0 13px; height:34px;}
#submenu ul li a.hover{
	font:bold 13px/28px Arial, Helvetica, sans-serif; color:#ee2e24; text-decoration:none; padding:0px 0 0 13px; height:34px;}
#submenu ul li a:hover{
	font:bold 13px/28px Arial, Helvetica, sans-serif; color:#ee2e24; text-decoration:none; padding:0px 0 0 13px; height:34px;}
	
#header{
	background:url(images/header_bg.jpg) no-repeat 0 0 #FFFFFF; color:#4A3D0F; height:344px; width:778px;
	position:relative; margin:0 auto;}
	
#header img{
	position:absolute; left:567px; top:17px; border:none;}
	
#header h1{
	background:url(images/h1_bg.gif) no-repeat 0 0 #0371DC; color:#FFFFFF; width:217px; height:109px; position:absolute; left:281px; top:262px; text-indent:-2000px;}


#headerconstruction{
	background:url(images/header_bg_construction.jpg) no-repeat 0 0 #FFFFFF; color:#4A3D0F; height:344px; width:778px;
	position:relative; margin:0 auto;}
	
#headerconstruction img{
	position:absolute; left:567px; top:17px; border:none;}
	
#headerconstruction h1{
	background:url(images/h1_bg.gif) no-repeat 0 0 #0371DC; color:#FFFFFF; width:217px; height:109px; position:absolute; left:281px; top:262px; text-indent:-2000px;}


#headersurfacing{
	background:url(images/header_bg_surfacing.jpg) no-repeat 0 0 #FFFFFF; color:#4A3D0F; height:344px; width:778px;
	position:relative; margin:0 auto;}
	
#headersurfacing img{
	position:absolute; left:567px; top:17px; border:none;}
	
#headersurfacing h1{
	background:url(images/h1_bg.gif) no-repeat 0 0 #0371DC; color:#FFFFFF; width:217px; height:109px; position:absolute; left:281px; top:262px; text-indent:-2000px;}



#headerlighting{
	background:url(images/header_bg_lighting.jpg) no-repeat 0 0 #FFFFFF; color:#4A3D0F; height:344px; width:778px;
	position:relative; margin:0 auto;}
	
#headerlighting img{
	position:absolute; left:567px; top:17px; border:none;}
	
#headerlighting h1{
	background:url(images/h1_bg.gif) no-repeat 0 0 #0371DC; color:#FFFFFF; width:217px; height:109px; position:absolute; left:281px; top:262px; text-indent:-2000px;}



#headerutilities{
	background:url(images/header_bg_utilities.jpg) no-repeat 0 0 #FFFFFF; color:#4A3D0F; height:344px; width:778px;
	position:relative; margin:0 auto;}
	
#headerutilities img{
	position:absolute; left:567px; top:17px; border:none;}
	
#headerutilities h1{
	background:url(images/h1_bg.gif) no-repeat 0 0 #0371DC; color:#FFFFFF; width:217px; height:109px; position:absolute; left:281px; top:262px; text-indent:-2000px;}



#headernews{
	background:url(images/header_bg_news.jpg) no-repeat 0 0 #FFFFFF; color:#4A3D0F; height:344px; width:778px;
	position:relative; margin:0 auto;}
	
#headernews img{
	position:absolute; left:567px; top:17px; border:none;}
	
#headernews h1{
	background:url(images/h1_bg.gif) no-repeat 0 0 #0371DC; color:#FFFFFF; width:217px; height:109px; position:absolute; left:281px; top:262px; text-indent:-2000px;}




/* ------------------------------ Navigation ------------------------------ */
#navigationBar{
	padding-top:0px;
	width: 550px;
	float: left;
	height: 44px;
	padding-left: 0px;}
	
#nav{
	margin:0;
	padding:0;
	height:44px;
	list-style:none;
	display:inline;
	overflow:hidden;}
	
#nav li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;}
	
#nav a{
	float: left;
	padding: 44px 0 0 0;
	overflow: hidden;
	height: 0px;
	height /**/:0px; /* for IE5/Win only */}
	
#nav a:hover{
	background-position: 0 -44px;}
	
#nav a:active, #nav a.selected{
	background-position: 0 -44px;}

#thome a {
	width: 89px;
	background-image: url(images/nav_home_btn.jpg); 
	background-position:top left;
	background-repeat: no-repeat;}

#tconstruction a {
	width: 118px;
	background-image: url(images/nav_construction_btn.jpg); 
	background-position:top left;
	background-repeat: no-repeat;}
	
#tsurfacing a {
	width: 96px;
	background-image: url(images/nav_surfacing_btn.jpg); 
	background-position:top left;
	background-repeat: no-repeat;}

#tlighting a {
	width: 84px;
	background-image: url(images/nav_lighting_btn.jpg); 
	background-position:top left;
	background-repeat: no-repeat;}

#tutilities a {
	width: 80px;
	background-image: url(images/nav_utilities_btn.jpg); 
	background-position:top left;
	background-repeat: no-repeat;}

#tnews a {
	width: 83px;
	background-image: url(images/nav_news_btn.jpg); 
	background-position:top left;
	background-repeat: no-repeat;}

#navshadow{
height: 28px;
width: 550px;}

/* ------------------------------ Navigation ------------------------------ */

	
/* ------------------------------ content panels -------------------------- */


/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {
	width: 550px;
	min-height: 500px;
}
	
.col2 p.intro{
font: normal 14px Arial, Helvetica, sans-serif;
line-height: 21px;
color: #3f6f9c}

.col2 p.divider{
	background:url(images/line_divider.gif) repeat-x 0 27px #f5f8fa;
	color:#FFFFFF;
	height:28px;
	margin:0px 0px 15px 0px;
	padding:0;
	line-height:0;
	font-size:0;
}
	
		
.col2 .right .content {background: #FFF;}
.col2 .right {width: 228px;}
.content {
	padding: 0px 20px 20px 20px;
}
.content .image {width: 190px;}
.content p {margin-bottom:10px;}

.content a {color: #6482a8; text-decoration:none;}
.content a:hover {color: #666666; text-decoration:none;}
	
.content ul {
	margin: 0px 0px 5px 0px;
	list-style: none;
	padding-bottom: 10px;
	font-family: "Lucida Sans", "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #666666;}

.content ul li {
	background: url(images/bullet.gif) no-repeat 0 4px;
	padding-left: 10px;
	padding-bottom: 5px;}
	
.left {float: left;}

/* ------------------------------ Right panel -------------------------- */

.right {float: right;}
.right .content {padding: 0px 10px 12px 20px;}

.right .textboxes {
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#6482a8;
	padding: 0px 10px 12px 16px;}

.right .content .image {width: 190px;}

.right a{font:bold 11px Arial, Helvetica, sans-serif; color:#6482a8; text-decoration:none;}
.right a:hover{font:bold 11px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}

.right p.divider{
background:url(images/line_divider.gif) repeat-x 0 15px #ffffff; 
height:28px; 
margin:0 0 0 0; 
padding:0; 
font-size:0;}



/* ------------------------------ Pennant Links -------------------------- */


#pennantcivil{
  display: block;
  width: 190px;
  height: 51px;
  background: url("images/pennantcivil.jpg") no-repeat 0 0;}

#pennantcivil:hover{ 
  background-position: 0 -51px;}

#pennantcivil span{
  display: none;}

#pennantplant{
  display: block;
  width: 190px;
  height: 48px;
  background: url("images/pennantplant.jpg") no-repeat 0 0;}

#pennantplant:hover{ 
  background-position: 0 -48px;}

#pennantplant span{
  display: none;}

/* ------------------------------ Pennant Links -------------------------- */


/* main */
.main#two-columns {background: #f5f8fa url(images/two-columns.gif) repeat-y;}


/* ------------------------------ Form styles -------------------------- */

.formtext{
	font-size: 11px;
	color: #666666;
	height: 20px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
.formmessage{
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.formbutton{
	padding: 0px 0px 15px 0px;
	margin: 10px 0px 0px 0px;
}

/* ------------------------------ content panels -------------------------- */


#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #6482a8; color:#38495f; font:normal 12px/15px Arial, Helvetica, sans-serif;
	position:relative; margin:0 auto; height:158px; text-align:center;}
#footer ul{
	margin:0 auto; padding:40px 0 0 0; width:460px; }
#footer ul li{
	float:left; font:normal 13px/16px Arial, Helvetica, sans-serif; color:#FAFBFA;}
#footer ul li a{
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#FAFBFA;
	text-decoration:none;
	padding:0 12px;
}
#footer ul li a:hover{
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#FAFBFA;
	text-decoration:none;
	padding:0 12px;
}
#footer p{
	padding:40px 0 15px 0;
}
	
#footer a{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#38495f;
	text-decoration:none;}
	
#footer a:hover{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#FAFBFA;
	text-decoration:none;}