@charset "utf-8";
/* CSS Document */
html {
	height:100%;
}

body {
	margin:0;
	padding: 0;
	color:#FFFFFF;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	background-color: #3666a4;
	min-height: 100%;
}
div#floater {
	position: absolute;
/*	border:dotted 2px #FF0000; */
	top: 0px;
	width:1600px;
	margin:0;
	padding:0;
}
div#wrapper { /* this is the pusherdiv that holds the pagepic div lower */
	background-color:#3666a4;
	width:1600px;
	height: 450px; /* this just holds the elements down during layout - jquery changes it at run time */
}
div#pagepic {
	background-image:url(images/IH20.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#3666a4;
	width:1600px;
}
body#itwenty div#pagepic {
	background-image:url(images/IH20.jpg);
}
body#ruralroad div#pagepic {
	background-image:url(images/ruralroad.jpg);
}
body#portablelights div#pagepic {
	background-image:url(images/portablelights.jpg);
}

div#globalnav {
	background-image:url(images/globalnavbg.png);
	background-repeat:repeat-x;
	height:72px;
	position:relative;
}
#logoimg {
	position:absolute;
	margin: 13px 0 12px 25px;
}
#globalnavmenuholder {
	position:absolute;
	float:left;
	width: 960px;
	height: 62px;
	vertical-align:bottom;
}
#globalnav ul {
	float: right;
	margin: 0;
	padding:0;
	vertical-align:bottom;
}
#globalnav ul li {
	display:inline;
	list-style-type:none;
}
#globalnav ul li a {
	display:block;
	float:right;
	height: 20px;
	margin: 36px 0 0 24px;
	padding:0;
	font-size: 13px;
	text-transform:uppercase;
}
#globalnav ul li a:link, #globalnav ul li a:visited {
	color:#000000;
	text-decoration:none;
	border-bottom: solid 6px #ffffff;
}
#globalnav ul li a:hover, #globalnav ul li a:active {
	color:#000000;
	text-decoration:none;
	border-bottom: solid 6px #fcbc62;
}
body.homepage li#homelink {
	display:none;
}
body.homepage #globalnav  a.homepage:link, body.homepage #globalnav  a.homepage:visited {
	color:#000000;
	text-decoration:none;
	border-bottom: solid 6px #fcbc62;
}

body.gmenuabout #globalnav  a.gmenuabout:link, body.gmenuabout #globalnav  a.gmenuabout:visited {
	color:#000000;
	text-decoration:none;
	border-bottom: solid 6px #fcbc62;
}

body.gmenuservices #globalnav a.gmenuservices:link, body.gmenuservices #globalnav a.gmenuservices:visited {
	color:#000000;
	text-decoration:none;
	border-bottom: solid 6px #fcbc62;
}

body.gmenuexperience #globalnav a.gmenuexperience:link, body.gmenuexperience #globalnav a.gmenuexperience:visited {
	color:#000000;
	text-decoration:none;
	border-bottom: solid 6px #fcbc62;
}
body.gmenunews #globalnav a.gmenunews:link, body.gmenunews #globalnav a.gmenunews:visited {
	color:#000000;
	text-decoration:none;
	border-bottom: solid 6px #fcbc62;
}
/* end global nav styles */


div#homeleftcol {
	float: left;
	margin: 12px 0 0 50px;
	width: 416px;
	position:relative;
	display:inline; /* stops ie6 double margin */
}
div#homerightcol {
	float: left;
	margin: 12px 0 0 36px;
	width: 416px;
	position:relative;
}
#eyebrow {
	height: 23px;
	width: 960px;
	margin:0;
	padding: 0;
	position:relative;
	text-align:right;
}
/*	#footer {
background-color:#000000; old method for fixed footer
	height: 23px; 
	color: #FFFFFF;
	position:fixed;
	bottom: 0;
	width: 1600px;
} */

		div.footerbar {
			background-color: #000 ;
			border: 1px solid #000 ;
         	color: #FFFFFF;
			height: 23px ;
			position: fixed ;
			width: 1600px ;
			z-index: 1000 ;
			}
		div.fixed-s {
			bottom: 0px ;
/*			left: 50% ;
			margin-left: -800px ; */
			}
/* these next two effect IE only */
		div.footerbar {
			_position: absolute ;
			}
		div.fixed-s-w,
		div.fixed-s,
		div.fixed-s-e {
			_bottom: auto ;
			_top: expression( ie6 = (document.documentElement.scrollTop + document.documentElement.clientHeight - 25 + "px") ) ;
			}

 #footermenuholder { 
	height:23px;
	width: 960px;
	position:relative;
	text-align:right;
}  


#footermenuholder p {
	position: absolute;
	left: 25px;
	padding: 3px 0 0 0;
	margin: 0;
}
#footermenuholder .tinylinks, #eyebrow .tinylinks {
	position: absolute;
	right: 0px;
	padding: 3px 0 0 0;
	margin: 0;
}
#eyebrow .tinylinks a:link, #eyebrow .tinylinks a:visited, 
#footermenuholder .tinylinks a:link, #footermenuholder .tinylinks a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
#eyebrow .tinylinks a:hover, #eyebrow .tinylinks a:active,
#footermenuholder .tinylinks a:hover, #footermenuholder .tinylinks a:active {
	color: #FFFFFF;
	text-decoration:underline;
}


div.clearfix {
	clear:both;
}

#rotator {
	width: 408px;
	height: 190px;
	border: solid 1px #98b3d0;
	padding: 0px;
}


/* services links */
#serviceswrapper, #newswrapper {
	position:absolute;
	top:210px;
}

#serviceslinks {
	position:relative;
	width: 404px;
	border: solid 1px #98b3d0;
	padding: 2px 2px 4px 2px;
}
.servicesbutton {
	width: 199px;
	height: 62px;
	float:left;
	padding:0;
	margin: 2px 0 0 2px;
	border-top: solid 4px #fcbc62;
	background-color:#275c8d;
}
#newsitems, #downloads, #testimonials {
	position:relative;
	width: 410px;
	border: solid 1px #98b3d0;
	padding: 2px;
}
.newsitem {
	position:relative;
	float:left;
	margin: 2px;
	padding: 6px 48px 6px 12px;
	width: 346px;
	background-color: #275c8d;
	background-image:url(images/eye.gif);
	background-position:right center;
	background-repeat:no-repeat;
	font-size: 10px;
	line-height: 11px;
}
.newsitem img, .downloaditem img {
	position:relative;
	float:left;
	margin: 0 9px 0 0;
	border:none;
}
a:link .newsitem, a:visited .newsitem {
	color: #FFFFFF;
	text-decoration:none;
}
a:hover .newsitem, a:active .newsitem {
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}

.downloaditem {
	float:left;
	width: 180px;
	margin: 6px;
}
.downloaditem a:link, .downloaditem a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.downloaditem a:hover, .downloaditem a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

#testimonials p {
	margin: 2px;
	padding: 6px 12px;
	background-color: #275c8d;
}
#testimonials p a {
	color: #FFF;
	text-decoration: none;
}

/* inner page styles */
div#localnav {
	float:left;
	position:relative;
	margin: 24px 0 0 50px;
	padding: 4px;
	border: solid 1px #ffffff;
	width:225px;
	display:inline; /* stops ie6 double margin */
}
div#localnavcontent {
	padding: 0 0 9px 0;
	background-color: #275c8d;
	border-top: solid 4px #fcbc62;
}
#localnavcontent ul {
	margin:0;
	padding:0;
}
#localnavcontent ul li {
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	text-transform:uppercase;
	list-style:none;
	margin: 12px 0 0 12px;
	padding:0;
}

#localnavcontent ul ul {
	margin: 0 0 0 24px;
	padding: 0;
}
#localnavcontent ul ul li {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-transform:none;
	list-style:disc;
	margin: 2px 0 0 12px;
	padding:0;
}

#localnavcontent ul li a:link, #localnavcontent ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#localnavcontent ul li a:hover, #localnavcontent ul li a:active {
	color:#fcbc62;
	text-decoration:none;
}


/* local nav hold downs */
body.lmenutrans #localnav a.lmenutrans:link, body.lmenutrans #localnav a.lmenutrans:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenuhydro #localnav a.lmenuhydro:link, body.lmenuhydro #localnav a.lmenuhydro:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenute #localnav a.lmenute:link, body.lmenute #localnav a.lmenute:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenuwater #localnav a.lmenuwater:link, body.lmenuwater #localnav a.lmenuwater:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenusite #localnav a.lmenusite:link, body.lmenusite #localnav a.lmenusite:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenumanage #localnav a.lmenumanage:link, body.lmenumanage #localnav a.lmenumanage:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenucasestudies #localnav a.lmenucasestudies:link, body.lmenucasestudies #localnav a.lmenucasestudies:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenuwhy #localnav a.lmenuwhy:link, body.lmenuwhy #localnav a.lmenuwhy:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenudsnsolutions #localnav a.lmenudsnsolutions:link, body.lmenudsnsolutions #localnav a.lmenudsnsolutions:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenuawards #localnav a.lmenuawards:link, body.lmenuawards #localnav a.lmenuawards:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenuteam #localnav a.lmenuteam:link, body.lmenuteam #localnav a.lmenuteam:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenucertifications #localnav a.lmenucertifications:link, body.lmenucertifications #localnav a.lmenucertifications:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenuemployment #localnav a.lmenuemployment:link, body.lmenuemployment #localnav a.lmenuemployment:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenucontact #localnav a.lmenucontact:link, body.lmenucontact #localnav a.lmenucontact:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenuresources #localnav a.lmenuresources:link, body.lmenuresources #localnav a.lmenuresources:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenupress #localnav a.lmenupress:link, body.lmenupress #localnav a.lmenupress:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenunews #localnav a.lmenunews:link, body.lmenunews #localnav a.lmenunews:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenuarticles #localnav a.lmenuarticles:link, body.lmenuarticles #localnav a.lmenuarticles:visited {
	color:#fcbc62;
	text-decoration:none;
}
body.lmenuassoc #localnav a.lmenuassoc:link, body.lmenuassoc #localnav a.lmenuassoc:visited {
	color:#fcbc62;
	text-decoration:none;
}
/* end local nav styles */


div#pagehead {
	float:left;
	position:relative;
	margin: 24px 500px 0 25px;
	width: 600px;
}
div#pagehead h1 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	line-height: 32px;
	font-size: 32px;
}
div#pagehead h1.smaller {
	line-height: 26px;
	font-size: 26px;
}

div#leftcol {
	float:left;
	position:relative;
	margin: 12px 0 0 25px;
	width: 300px;
}
div#rightcol {
	float:left;
	position:relative;
	margin: 12px 0 0 25px;
	width: 300px;
}
div#singlecol {
	float:left;
	position:relative;
	margin: 12px 0 0 25px;
	width: 600px;
}
#leftcol ul li a, #rightcol ul li a, #singlecol ul li a {
	color: #FFF;
}
#leftcol p a, #rightcol p a, #singlecol p a {
	color: #FFF;
}

#leftcol h2, #rightcol h2, #signlecol h2 {
	font-size: 16px;
	line-height: 18px;
	color: #fcbc62;
	margin: 4px 0 2px 0;
}
#leftcol p, #rightcol p, #signlecol p {

}
#leftcol ul, #rightcol ul, #signlecol ul {
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 9px;
}
#leftcol a:link, #rightcol a:link, #signlecol a:link {
	color:#FFFFFF;
}
#leftcol a:visited, #rightcol a:visited, #signlecol a:visited {
	color:#CCCCCC;
}
#leftcol a:hover, #rightcol a:hover, #signlecol a:hover {
	color:#fcbc62;
}
#leftcol a:hover, #rightcol a:hover, #signlecol a:hover {
	color:#fcbc62;
}

#prlinks a:link, #prlinks a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#prlinks a:hover, #prlinks a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
#newslinks td {
	vertical-align:top;
}