/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* restores some defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

/*--------------------------------------------------------------------------------------*/

/* for temp splash page, delete */
#main {
	margin:0 auto;
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	text-align:center;
}
/* for temp splash page, delete */

body {
	background:url(../images/navBarSlice.png) repeat-x 0px 181px;
	font-family:Arial, Helvetica, sans-serif;
}

#container {
	width:960px;
	padding: 0 0px;
	margin: 0 auto;
}
#logo {
	float:left;
	margin:20px 0 0 0;
}
#saveEnergy {
	float:right;
	margin:86px 0 0 0;
}

/* navbar */
#navBar {
	clear:both;
	float:right;
	width:666px;
	height:18px;
	padding: 19px 0 0 0;
	margin: 0 0 19px 0;

}
#navBar li {
	display: inline;
}
/* why button */
#navBar #whyLink a {
	float:right;
	height:18px;
	width:158px;
	
}
li.why a:link, li.why a:visited {
	background:url(../images/BTNwhy.png) no-repeat;
	height:18px;
	width:158px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}
li.why a:hover {
	background:url(../images/BTNwhy.png) no-repeat -158px 0;
}

/* about button */
#navBar #aboutLink a {
	float:right;
	height:18px;
	width:162px;
	margin: 0 0 0 25px;	
}
li.about a:link, li.about a:visited {
	background:url(../images/BTNabout.png) no-repeat;
	height:18px;
	width:162px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

li.about a:hover {
	background:url(../images/BTNabout.png) no-repeat -162px 0;
}

/* what is ti button */
#navBar #whatLink a {
	float:right;
	height:18px;
	width:181px;	
	margin: 0 0 0 25px;	
}
li.what a:link, li.what a:visited {
	background:url(../images/BTNwhat.png) no-repeat;
	height:18px;
	width:181px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

li.what a:hover {
	background:url(../images/BTNwhat.png) no-repeat -181px 0;
}

/* contact button */
#navBar #contactLink a {
	float:right;
	height:18px;
	width:57px;
	margin: 0 0 0 25px;		
}
li.contact a:link, li.contact a:visited {
	background:url(../images/BTNcontact.png) no-repeat;
	height:18px;
	width:57px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

li.contact a:hover {
	background:url(../images/BTNcontact.png) no-repeat -57px 0;
}
/* --- end main navbar --- */


/* --- slide --- */
#vertical_slide {
	background:url(../images/servicesSlice.png) repeat-y;
	font-weight: bold;
	padding: 10px 0 0 0;
}
#serviceMenu {clear:both; }
div.marginbottom { margin-bottom: 5px; }

/* services navbar */
#serviceNavBar {
	clear:both;
	float:left;
	height:78px;
	padding: 0 12px;
	width:936px;
}
#serviceNavBar li {
	display: inline;
}
/* industrial button */
#serviceNavBar #industrialLink a {
	float:left;
	height:78px;
	width:234px;
}
li.industrial a:link, li.industrial a:visited {
	background:url(../images/BTNindustrial.png) no-repeat;
	height:78px;
	width:234px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}
li.industrial a:hover {
	background:url(../images/BTNindustrial.png) no-repeat 0 -78px;
}
/* commercial button */
#serviceNavBar #commercialLink a {
	float:left;
	height:78px;
	width:234px;
}
li.commercial a:link, li.commercial a:visited {
	background:url(../images/BTNcommercial.png) no-repeat;
	height:78px;
	width:234px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}
li.commercial a:hover {
	background:url(../images/BTNcommercial.png) no-repeat 0 -78px;
}
/* residential button */
#serviceNavBar #residentialLink a {
	float:left;
	height:78px;
	width:234px;
}
li.residential a:link, li.residential a:visited {
	background:url(../images/BTNresidential.png) no-repeat;
	height:78px;
	width:234px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}
li.residential a:hover {
	background:url(../images/BTNresidential.png) no-repeat 0 -78px;
}

/* marine button */
#serviceNavBar #marineLink a {
	float:left;
	height:78px;
	width:234px;
}
li.marine a:link, li.marine a:visited {
	background:url(../images/BTNmarine.png) no-repeat;
	height:78px;
	width:234px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}
li.marine a:hover {
	background:url(../images/BTNmarine.png) no-repeat 0 -78px;
}
/* --- slide --- */

/* --- mainContent ---*/
#mainContent {
	font-size:12px;
	line-height:20px;
	color:#666;
	padding:25px 10px 25px 10px;
}
#mainContent p {
	padding: 10px 10px 13px 10px;
}
#mainContent h1 {
	font-size:14px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding: 5px 0 3px 8px;
	background:#F7F7F7;
}
#mainContent h2 {
	font-size:18px;
	padding: 0 0 25px;
}
#mainContent ul {
	margin:0px;
	padding:0 0 13px 35px;
}
#mainContent li {
	list-style-type:disc;
}
#mainContent a:link, #mainContent a:visited {
	color:#333399;
}
#mainContent a:hover {
	text-decoration:none;
}
#flash {
	float:left;
	margin: 0 15px 0 0;
	width:400px;
}
#indexRight {
	float:right;	
	width:500px;
	margin:0 0 25px 0;	
}
#indexRight p {
	padding:0 0 25px 0;
}
#left {
	float:left;
	width:400px;
}	
#right {
	float:left;
	margin: 50px 0 0 50px;
}

/* --- footer --- */
#footer {
	font-size:10px;
	color:#999;
	padding: 3px 3px 15px 3px;
	border-top:1px solid #ccc;
	clear:both;
}
#footer a:link, #footer a:visited {
	color:#999;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}

/*-- classes --*/
.top a:link, .top a:visited {
	font-style:italic;
	font-size:11px;
	color:#333399;
	text-decoration:none;
	height:16px;
	background:url(../images/up.png) no-repeat left center;
	padding: 5px 5px 5px 20px;
	border:1px solid #eee;
}
.top a:hover {
	text-decoration:none;
	background:url(../images/up.png) no-repeat left center #FFFFCC;
}
.section {
	padding:0 0 15px 0;
	float:left;
	width:100%;
}
.imageLeft {
	padding:5px 15px 5px 5px;
}
iframe {
	padding:3px;
	border:1px solid #ccc;
}
.imageRight {
	padding:2px;
	margin:5px 0px 5px 15px;
	border:1px solid #ccc;
}
.captionIndustrial {
	float:right;
	margin: 5px 0px 5px 15px;
	font-size:10px;
	width:320px;
	line-height:16px;
	text-align:center;
	font-style:italic;
}
.captionIndustrial img, .captionMarine img, .captionResidential img {
	border:1px solid #ccc;
	padding:2px;
}
.captionMarine {
	float:right;
	margin: 5px 0px 5px 15px;
	font-size:10px;
	width:397px;
	line-height:16px;
	text-align:center;
	font-style:italic;
}

.captionResidential {
	float:right;
	margin: 5px 5px 5px 15px;
	font-size:10px;
	width:200px;
	line-height:16px;
	text-align:center;
	font-style:italic;
}
.sampleReport a {
	height:30px;
	padding: 10px 10px 0 45px;
	margin:0 0 0 5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	background:url(../images/download.png) no-repeat 5px center;
	font-size:16px;
	float:left;
	text-decoration:none;
}
.sampleReport a:hover {
	background:url(../images/pdf.png) no-repeat 5px center #FFFFCC;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.sampleReportBox a {
	padding: 10px 0px 10px 53px;
	margin:15px 5px 15px 15px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	background:url(../images/download.png) no-repeat 10px center;
	font-size:16px;
	float:right;
	text-decoration:none;
	width:175px;
}
.sampleReportBox a:hover {
	background:url(../images/pdf.png) no-repeat 10px center #FFFFCC;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}