body  {
	font: 12px Arial, Helvetica, sans-serif;
	background: #F4F4F4;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}
a:link {
	color: #EC6F1D;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #EC6F1D;
}
a:hover {
	text-decoration: underline;
	color: #EC6F1D;
}
a:active {
	text-decoration: none;
	color: #EC6F1D;
}
form {
	margin:0;
	padding:0;
}
hr {
	margin:25px 0 25px 0;
	#margin:5px 0 5px 0;
	height:1px;
	color:#CCCCCC;
}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
	#bottom:5px;
	_bottom:7px;
}
sub {
	top: .5ex;
}
#container { 
	width: 936px;
	background: #FFFFFF;
	margin: 19px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(img/bg_middle.gif) repeat-y;
} 
#background {
	width: 936px;
	padding:0 0 60px 0;
	#padding:0 0 70px 0;
	background: url(img/bg_bottom.jpg) no-repeat bottom;
	float:left;
	_margin-top:-80px;
}
#header {
	width:936px;
	height:115px;
} 
#subNav {
	float: left; /* since this element is floated, a width must be given */
	width: 206px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 17px 10px 0 26px;
	margin:0;
}
.subPHead {
	font-size:15px;
	font-weight:bold;
	padding:0 0 3px 4px;
}
.subSHead {
	font-size:15px;
	font-weight:bold;
	padding:20px 0 3px 4px;
}
.sublink {
	background: url(img/subnav_divider.gif) no-repeat left top;	
	padding:5px 0 3px 4px;
	width:195px;
	height:14px;
	#padding:4px 0 3px 4px;
	#height:15px;
}
	.sublink, x:-moz-any-link {
		padding:4px 0 3px 4px;
		height:15px;
	}
	.sublink.two {
		height:28px;
		#height:29px;
	}
#mainContent {
	margin: 0 0 0 252px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the subNav div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #subNav space when the content in #subNav ends. */
	padding: 22px 24px 5px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	line-height:16px;
	_margin:0 0 0 245px;
}
.home #mainContent {
	padding-top:13px;
}
.main #mainContent {
	padding-right:40px;
}
#homeMain {
	width:370px; /*361*/ 
	height:147px;
	padding:90px 268px 0 24px;
	background: url(img/home_main.jpg) no-repeat left top;
	color:#FFFFFF;
	font-size:15px;
	line-height:18px;
	cursor:pointer;
}
#homeMain p {
	margin:9px 0 0 0;
	font-size:16px;
	color:#EC6F1D;
	font-weight:bold;
}
	a.nodec:link, a.nodec:hover {
		color:#FFFFFF;
		text-decoration:none;
	}
.subhead {
	font-size:27px;
	margin:0;
	#margin:0 0 -5px 0;
	padding:0;
	line-height:26px;
	font-weight:normal;
}
	.subhead a {
		text-decoration:none;
		color: #333333;
	}
.subhead2 {
	font-size:18px;
	margin:18px 0 -5px 0;
	padding:0;
}
.subhead3 {
	font-size:16px;
	margin:10px 0 2px 0;
	padding:0;
	color:#353535;
}
.subhead4 {
	font-size:18px;
	margin:18px 0 5px 0;
	padding:0;
}
.subhead5 {
	font-size:16px;
	margin:18px 0 -12px 0;
	padding:0;
}
.subhead6 {
	font-size:20px;
	margin:18px 0 3px 0;
	padding:0;
	color:#EC6F1D;
}
#mainContent ul, #mainContent ol {
	margin-top:10px;
	margin-bottom:0px;
}
.sidebar {
	width:248px;
	float:right;
	margin:0 0 0 35px;
	#margin-bottom:-7px;
	_margin-bottom:0px;
}
.sidebar a {
	padding:0 0 0 6px;
}
.pic {
	border:1px solid #A1A4A1;
	margin:0 0 3px 0;
}
#homePet {
	width:660px;
	height:54px;
	margin:6px 0 -2px 0;
	padding:16px 0 0 0;
	background: url(img/home_petition.gif) no-repeat left top;
}
#homePetImg {
	width:660px;
	height:52px;
	background: url(img/home_petition.gif) no-repeat left -16px;
	cursor:pointer;
}
a.petLink {
	text-decoration:none;
}
#homelinks {
	width:660px;
	margin:23px 0 0 0;
	#margin-bottom:-10px;
}
#solutions {
	float:left;
	width:208px;
	margin:0 18px 5px 0;
	padding:110px 0 0 0;
	background: url(img/home_solutions.jpg) no-repeat left top;
}
#services {
	float:left;
	width:208px;
	margin:0 18px 5px 0;
	padding:110px 0 0 0;
	background: url(img/home_services.jpg) no-repeat left top;
}
#references {
	float:left;
	width:208px;
	margin:0 0 5px 0;
	padding:110px 0 0 0;
	background: url(img/home_references.jpg) no-repeat left top;
}
select#jumpMenu {
	width:208px;
}
#footer {
	width:936px;
	margin:auto;
	margin-top:-7px;
	color:#1a1a1a;
} 
#footer em {
	font-style:normal;
	margin:0 4px 0 4px;
	font-size:12px;
}
#nabcep {
	font-size:11px;
	margin:18px 0 0 0;
}
#credits {
	font-size:11px;
	margin:6px 0 0 0;
}
#credits a:link, #credits a:visited, #credits a:hover, #credits a:active {
	color: #333333;
	text-decoration:underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.team {
	font-size:14px;
	font-weight:bold;
}
.team2 {
	font-size:15px;
	font-weight:bold;
}
ul.map {
	position:relative;
	top:-6px;
}



/* FORMS */
input.name, input.email, input.captcha {
	width:180px;
}
textarea.message {
	height:100px;
	width:360px;
}
img#captchaimg {
	margin:2px 0 7px 0;
}
#contact_form_errorloc {
	margin-top:-10px;
	color:#CC0000;
}
p.err {
	margin-top:15px;
	margin-bottom:25px;
	color:#CC0000;
}



/* SUB-NAVIGATION */

.backup .bu {
	background: url(img/subnav_active.gif) no-repeat left top;
	padding-left:5px;
}
.backup .bu a:link, .backup .bu a:visited, .backup .bu a:hover, .backup .bu a:active {
	color:#FFFFFF;
	text-decoration:none;
	cursor:auto;
}
.solarhot .hot {
	background: url(img/subnav_active.gif) no-repeat left top;
	padding-left:5px;
}
.solarhot .hot a:link, .solarhot .hot a:visited, .solarhot .hot a:hover, .solarhot .hot a:active {
	color:#FFFFFF;
	text-decoration:none;
	cursor:auto;
}
.primary .pri {
	background: url(img/subnav_active.gif) no-repeat left top;
	padding-left:5px;
}
.primary .pri a:link, .primary .pri a:visited, .primary .pri a:hover, .primary .pri a:active {
	color:#FFFFFF;
	text-decoration:none;
	cursor:auto;
}
.battery .ups {
	background: url(img/subnav_active.gif) no-repeat left top;
	padding-left:5px;
}
.battery .ups a:link, .battery .ups a:visited, .battery .ups a:hover, .battery .ups a:active {
	color:#FFFFFF;
	text-decoration:none;
	cursor:auto;
}
.surge .prot {
	background: url(img/subnav_active.gif) no-repeat left top;
	padding-left:5px;
}
.surge .prot a:link, .surge .prot a:visited, .surge .prot a:hover, .surge .prot a:active {
	color:#FFFFFF;
	text-decoration:none;
	cursor:auto;
}
.sysdesign .design {
	background: url(img/subnav_active.gif) no-repeat left top;
	padding-left:5px;
}
.sysdesign .design a:link, .sysdesign .design a:visited, .sysdesign .design a:hover, .sysdesign .design a:active {
	color:#FFFFFF;
	text-decoration:none;
	cursor:auto;
}
.generators .gen {
	background: url(img/subnav_active2.gif) no-repeat left top;
	padding-left:5px;
}
.generators .gen a:link, .generators .gen a:visited, .generators .gen a:hover, .generators .gen a:active {
	color:#FFFFFF;
	text-decoration:none;
	cursor:auto;
}
.alternative .alt {
	background: url(img/subnav_active2.gif) no-repeat left top;
	padding-left:5px;
}
.alternative .alt a:link, .alternative .alt a:visited, .alternative .alt a:hover, .alternative .alt a:active {
	color:#FFFFFF;
	text-decoration:none;
	cursor:auto;
}
#related {
	margin-left:10px;
	font-size:11px;
	display:none;
}
#related p {
	margin:4px 0 4px 0;
}
#related a {
	color: #333333;
}	
.solarhot #related.hot_rel {
	display:block;
}
.backup #related.backup_rel {
	display:block;
}
.primary #related.primary_rel {
	display:block;
}
.battery #related.batt_rel {
	display:block;
}
.surge #related.prot_rel {
	display:block;
}
.sysdesign #related.des_rel {
	display:block;
}
.generators #related.gen_rel {
	display:block;
}
.alternative #related.alt_rel {
	display:block;
}
.blog {
	background: url(img/subnav_divider_blog.gif) no-repeat left top;	
	padding-left:23px;
}
.fb {
	background: url(img/subnav_divider_fb.gif) no-repeat left top;
	padding-left:23px;	
}
.blue a {color:#4972bf;}
.blue a:hover, .blue a:active, .blue a:visited {color:#4972bf;}
.blue a:hover {text-decoration:underline;}
.nabcep {
	margin:22px 0 0 0;
}


/* NAVIGATION */

#navFrame { width:690px; height:115px; background: url(img/header_sky.jpg) no-repeat top; margin:0 0 0 246px; padding-top:81px; }
#frameNav { width:690px; height:115px; background: url(img/header_sky.jpg) no-repeat top; margin:0 0 0 246px; }
#nav { position:relative; top:81px; left:0px; width:690px; height:34px; }
ul.menu { margin: 0; padding: 0; white-space: nowrap; }
ul.menu li { margin: 0; padding: 0; white-space: nowrap; list-style: none; float: left; }
ul.navMenu li { margin-right: 0; }
ul.navMenu a { display: block; }

	#navHome { width:103px; height:34px; background: url(img/nav_test.gif) no-repeat 0px 0px; }
	#navAbout { width:119px; height:34px; background: url(img/nav_test.gif) no-repeat -103px 0px; }
	#navServices { width:112px; height:34px; background: url(img/nav_test.gif) no-repeat -222px 0px; }
	#navReasons { width:122px; height:34px; background: url(img/nav_test.gif) no-repeat -334px 0px; }
	#navPricing { width:105px; height:34px; background: url(img/nav_test.gif) no-repeat -456px 0px; }
	#navSecurity { width:111px; height:34px; background: url(img/nav_test.gif) no-repeat -561px 0px; }
	#navContact { width:128px; height:34px; background: url(img/nav_test.gif) no-repeat -672px 0px; }
	#navLogin { width:131px; height:34px; background: url(img/nav_test.gif) no-repeat -800px 0px; }
	
	a:hover #navHome { background-position: 0px -34px; cursor:pointer; }
	a:hover #navAbout { background-position: -103px -34px; cursor:pointer; }
	a:hover #navServices { background-position: -222px -34px; cursor:pointer; }
	a:hover #navReasons { background-position: -334px -34px; cursor:pointer; }
	a:hover #navPricing { background-position: -456px -34px; cursor:pointer; }
	a:hover #navSecurity { background-position: -561px -34px; cursor:pointer; }
	a:hover #navContact { background-position: -672px -34px; cursor:pointer; }
	a:hover #navLogin { background-position: -800px -34px; cursor:pointer; }
	
	a:active #navHome { background-position: 0px -76px; }
	a:active #navAbout { background-position: -103px -76px; }
	a:active #navServices { background-position: -222px -76px; }
	a:active #navReasons { background-position: -334px -76px; }
	a:active #navPricing { background-position: -456px -76px; }
	a:active #navSecurity { background-position: -561px -76px; }
	a:active #navContact { background-position: -672px -76px; }
	a:active #navLogin { background-position: -800px -76px; }
	
	.mycleanlist #navLogin { width:131px; height:38px; background: url(../img/nav.gif) no-repeat -931px 0px; }
	.mycleanlist a:hover #navLogin { background-position: -931px -38px; }
	.mycleanlist a:active #navLogin { background-position: -931px -76px; }


/*REFERENCES*/
.project {
	width:650px;
	float:left;
	margin:17px 0 5px 0;
	padding-bottom:22px;
	border-bottom:solid 1px #CCCCCC;
}
	.project .subhead4 {
		margin-top:0;
		line-height:19px;
		font-size:16px;
	}
	.last {
		border:none;
		padding-bottom:0px;
	}
	.pad {
		margin-bottom:50px;
	}
.details {
	width:312px;
	#width:309px;
	float:left;
	padding-right:26px;
}
.photos {
	margin: 3px 0 0 338px;
	#margin-left:335px;
}
.ref {
	padding:0 0 3px 3px;
}


/*TEAM*/
#mva {
	padding:7px 0 10px 30px;
}

#mva p {
	margin:5px 0 0px 0;
}
#mva hr {
	margin:20px 0 20px 0;
	#margin:10px 0 10px 0;
}


/*TWEAK GUIDE*/

/*
IE 6 Tweak = _property:value; 
IE 7 Tweak = #property:value;
Firefox 2 Tweak = selector, x:-moz-any-link {
Firefox 3 Tweak = selector, x:-moz-any-link, x:default {
*/