@import url("/css/reset.css");

img, div, a { behavior: url(/css/iepngfix.htc) }
* {margin:0; padding:0}

body {
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height:16px;
	background-image:url(/images/topBG.gif);
	background-repeat:repeat-x;
	background-color:#000000;
}

.clear {
	clear:both;
}	

a {
	color:#0e629a;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:15px;
	line-height:18px;
}

hr {
	margin:20px 0px;
	border:solid 1px #CCC;
}	

strong {
	font-weight:bold;
}	

#container {
	width:960px;
	background-color:#006699;
	margin-left:auto;
	margin-right:auto;
}	

#header {
	height:120px;
	width:960px;
	background-color:#FFFFFF;
	background-image:url(/images/headerBG.gif);
	background-repeat:no-repeat;
	position:relative;
}

.logo {
	float:left;
	margin-left:25px;
	margin-top:8px;
}

#navbar {
	float:right;
	height:43px;
	margin-top:76px;
}	

#navbar ul li {
	display:inline;
	float:left;
}	

#navbar ul li a {
	display:block;
	line-height:43px;
	padding:0px 21px;
	background-image:url(/images/navbarBG-off.gif);
	background-repeat:repeat-x;
	font-size:14px;
	color:#515050;
	text-decoration:none;
}

#navbar ul li a:hover {
	background-image:url(/images/navbarBG-on.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
}	

#navbar a.right {
	border-right:solid 1px #c0c0c0;
}

#navbar a:hover.right {		
	border-right:solid 1px #3f6c88;
}

#topNav {
	position:absolute;
	width:379px;
	height:65px;
	right:0px;
	top:20px;
	text-align:right;
	padding-right:20px;
}

#phones {
	position:absolute;
	width:225px;
	height:65px;
	left:270px;
	top:9px;
}

#phones p {
	font-size:12px;
	color:#345A72;
}	

#phones .number {
	float:right;
}

#topNav a {
	font-size:13px;
	font-weight:bold;
	color:#1b7dbf;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
}

#topNav a:hover {
	color:#315f7d;
}

#phones h2 {
	font-size:12px;
	color:#345a72;
	font-weight:bold;
	line-height:21px;
}

#homeContent {
	width:960px;
	background-color:#FFF;
}

#homeLeft {
	width:694px;
	float:left;
}

#leftText {
	width:644px;
	padding:25px;
}

#leftText h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#212121;
	margin-bottom:25px;
}

#leftText p {
	line-height:21px;
}

#leftText .portrait {
	margin-left:20px;
	margin-bottom:20px;
}

#homeRight {
	width:266px;
	float:right;
}

/*sub page */

#subRight {
	width:694px;
	float:right;
}

#subText {
	width:644px;
	padding:25px;
}

#subText ul {
	margin-top:15px;
	margin-bottom:15px;
}	

#subText ul li {
	list-style:circle;
	list-style-position:outside;
	margin-left:40px;
}	

#subText ul li ul li {
	margin-left:25px;
	list-style:disc;
	list-style-position:outside;
}	

#subText ul li ul {
	margin:0px;
}	

#subText h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#212121;
	margin-bottom:15px;
}

#subText h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#5283a2;
	margin-bottom:15px;
	font-weight:bold;
	line-height:22px;
}

#subText p {
	line-height:21px;
}

#subText .portrait {
	margin-left:20px;
	margin-bottom:20px;
}

#subLeft {
	width:250px;
	float:left;
	padding-left:16px;
}

#miniForm {
	width:242px;
	height:344px;
	background-image:url(/images/miniformBG.gif);
	background-repeat:no-repeat;
	padding:12px;
}

#btnSubmit {
	background-color:#5384a4;
	line-height:30px;
	height:30px;
	color:#FFF;
	padding:0px 30px;
	border:1px solid #666;
}

#btnCancel {
	background-color:#5384a4;
	line-height:30px;
	height:30px;
	color:#FFF;
	padding:0px 30px;
	border:1px solid #666;
}

.HeadCol 
{
	padding: 9px;
}

.blueHead {
	background-color:#345A72;
	color:#FFFFFF;
	border-left:1px solid #E9E9E0;
	border-top:1px solid #E9E9E0;
	margin:0px 0px 35px 0px;
	padding:9px;
	border-bottom:1px solid #E9E9E0;
	border-right:1px solid #E9E9E0;
	
}

.blueHead a {
	color:#ffffff;
}

.blueHead a:hover {
	color:#CC9933;
}

input#btnSubmit:hover {
	background-color:#0e5685;
}

#subSubmit {
	background-color:#5384a4;
	line-height:30px;
	height:24px;
	color:#FFF;
	padding:0px 30px;
	border:1px solid #666;
}

input#subSubmit:hover {
	background-color:#0e5685;
}

#miniForm .sun {
	margin-right:10px;
}

#miniForm p {
	color:#FFF;
	margin-bottom:10px;
}

#miniForm .check {
	margin-right:10px;
}

#miniForm h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-bottom:18px;
	line-height:17px;
}

#miniSelect {
	margin-bottom:20px;
	background-color:#FFF;
	border:1px solid #727070;
	height:24px;
	width:200px;
	padding-top:2px;
	color:#999;
}

#subForm {
	width:242px;
	height:94px;
	background-image:url(/images/miniformBG.gif);
	background-repeat:no-repeat;
	padding:12px;
}

#subForm .sun {
	margin-right:10px;
}

#subForm p {
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:15px;
	margin-bottom:7px;
}

#subForm .check {
	margin-right:10px;
}

#subForm h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:5px;
	line-height:20px;
}

#subSelect {
	
	background-color:#FFF;
	border:1px solid #727070;
	height:24px;
	width:115px;
	padding-top:2px;
	color:#999;

}

.faqItem {
	position:relative;
	margin-bottom:20px;
}

.faqItem .question {
	margin-bottom:15px;
	display:block;
}

.faqItem .question .letQ {
	font-size:20px;
	color:#999999;
	float:left;
	padding-right:10px;
}
.faqItem .question span {
	font-size:14px;
	color:#000000;
	line-height:16px;
	color:#5283A2;
}

.faqItem .question span:hover {
	text-decoration:underline;
}

.faqItem .answer {
	padding:20px;
	border:1px solid #CCCCCC;
	background:#FAFAFA;
	display:none;
}

.faqItem .answer .letA {

	font-size:20px;
	color:#999999;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	
}


#news {
	padding:33px 24px;
}

#news h2 {
	font-size:17px;
	color:2b2a2a;
	font-weight:bold;
	margin-bottom:20px;
	line-height:22px;
}

#news h2 a {
	font-size:17px;
	color:#2b2a2a;
	font-weight:bold;
	margin-bottom:20px;
	line-height:22px;
	text-decoration:none;
}

#news h2 a:hover {
	font-size:17px;
	color:#0e629a;
	font-weight:bold;
	margin-bottom:20px;
	line-height:22px;
}

#news .date {
	font-weight:bold;
}

#news .newspaper {
	margin-right:10px;
}
	
#footerWide {
	height:196px;
	background-color:#4b4c4d;
}

#footer {
	height:150px;
	width:910px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fcfcfc;
	border-top:solid 1px #c9c9ca;
	padding:20px 25px 25px 25px;
	background-image:url(/images/footerBG.gif);
	background-repeat:no-repeat;
}

#footer #footerLeft {
	float:left;
	width:640px;
	height:150px;
}

#footer #footerRight {
	float:right;
	width:270px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0E629A;
}

#footer #footerRight p {
	font-size:10px;
	color:#333;
	margin:0px;
	font-weight:bold;
}

#footer .footerLinks {
	margin:0px;
	width:160px;
	float:left;
}

#footer li {
	width:160px;
	line-height:1.8em;
}	

#footer ul li a {
	text-decoration:none;
	font-weight:bold;
}

#footer ul li a:hover {
	color:#C60;
}

#mainImage {
	width:694px;
	height:368px;
	position:relative;
}

#mainImage #slider {
	width:694px;
	height:368px;
}

#subImage {
	width:960px;
	height:118px;
	position:relative;
	background-color:#5384a4;
}

#subHeader {
	color:#FFFFFF;
	font-size:23px;
	height:100px;
	left:26px;
	line-height:40px;
	position:absolute;
	top:13px;
	width:350px;
	overflow:hidden;
}	

#slider {
	position:relative;
	z-index:10;
}

#slide1 {
	position:relative;
	height:368px;
	width:694px;
	z-index:10;
	display:block;
}

#slide2 {
	position:relative;
	height:368px;
	width:694px;
	z-index:10;
	display:block;
}

#slide3 {
	position:relative;
	height:368px;
	width:694px;
	z-index:10;
	display:block;
}	

#slide4 {
	position:relative;
	height:368px;
	width:694px;
	z-index:10;
	display:block;
}	

#slide5 {
	position:relative;
	height:368px;
	width:694px;
	z-index:10;
	display:block;
}

#slideNavigation {
	position:absolute;
	bottom:0px;
	width:694px;
	height:77px;
	z-index:10;
}

#thumb1 {
	height:67px;
	width:138px;
	background-image:url(/images/thumbBG-off.png);
	background-repeat:repeat;
	display:block;
	float:left;
	margin-top:10px;
	margin-right:1px;
	text-align:center;
	line-height:67px;
	font-size:35px;
	color:#373738;
}

a#thumb1:hover {
	height:77px;
	background-image:url(/images/thumbBG-on.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	color:#FFF;
}	

#slideNavigation a.activeSlide {
	height:77px;
	background-image:url(/images/thumbBG-on.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	color:#FFF;
}

#thumb2 {
	height:67px;
	width:138px;
	background-image:url(/images/thumbBG-off.png);
	background-repeat:repeat;
	display:block;
	float:left;
	margin-top:10px;
	margin-right:1px;
	text-align:center;
	line-height:67px;
	font-size:35px;
	color:#373738;
}

a#thumb2:hover {
	height:77px;
	background-image:url(/images/thumbBG-on.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	color:#FFF;
}	

#thumb3 {
	height:67px;
	width:138px;
	background-image:url(/images/thumbBG-off.png);
	background-repeat:repeat;
	display:block;
	float:left;
	margin-top:10px;
	margin-right:1px;
	text-align:center;
	line-height:67px;
	font-size:35px;
	color:#373738;
}

a#thumb3:hover {
	height:77px;
	background-image:url(/images/thumbBG-on.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	color:#FFF;
}	

#thumb4 {
	height:67px;
	width:138px;
	background-image:url(/images/thumbBG-off.png);
	background-repeat:repeat;
	display:block;
	float:left;
	margin-top:10px;
	margin-right:1px;
	text-align:center;
	line-height:67px;
	font-size:30px;
	color:#373738;
}

a#thumb4:hover {
	height:77px;
	background-image:url(/images/thumbBG-on.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	color:#FFF;
}

#thumb5 {
	height:67px;
	width:137px;
	background-image:url(/images/thumbBG-off.png);
	background-repeat:repeat;
	display:block;
	float:right;
	margin-top:-6px;
	margin-right:1px;
	text-align:center;
	line-height:67px;
	font-size:30px;
	color:#373738;
}

a#thumb5:hover {
	height:77px;
	background-image:url(/images/thumbBG-on.gif);
	background-repeat:no-repeat;
	margin-top:-16px;
	color:#FFF;
}

#slideNavigation a#thumb5.activeSlide {
margin-top:-16px;
}

.slideTextBG {
	height:56px;
	right:0px;
	position:absolute;
	top:30px;
	width:472px;
	z-index:15;
}

.slideText {
	height:44px;
	width:442px;
	right:0px;
	position:absolute;
	top:30px;
	z-index:15;
	font-size:25px;
	line-height:31px;
	color:#000;
	padding-top:12px;
	padding-left:20px;
	padding-right:10px;
}

#subNav {
	margin-bottom:30px;
	margin-top:25px;
}

#subNav h2 {
	display:block;
	height:24px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	padding:4px 16px 0px 0px;
	margin-left:5px;
}

#subNav h3 {
	display:block;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:4px 16px 0px 0px;
	margin-bottom:5px;
}

#subNav ul {
	margin:0px;
	padding:0px;
}

#subNav ul li {
	list-style-image:none;
	margin:0px;
	padding:0px;
}

#subNav ul li ul {
	list-style-image:none;
	margin-left:20px;
	padding:0px;
}

#subNav ul li ul li a {
	font-size:11px;
	background-color:#FFF;
	padding:2px 10px;
}

#subNav ul li a {
	display:block;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-weight:normal;
	padding:4px 10px 4px 10px;
	margin-right:20px;
	text-decoration:none;
	border-bottom:solid 1px #dcdadb;
	background-color:#f5f5f5;
}

#subNav ul li a:hover {
	background-color:#757374;
	color:#FFFFFF;
}	

.spacer {
	height:150px;
}	

a.service1 {
	display:block;
	float:left;
	height:155px;
	width:146px;
	margin-right:20px;
	background-image:url(/images/sliding-solarPV.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

a.service1:hover {
	background-image:url(/images/sliding-solarPV.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

a.service2 {
	display:block;
	float:left;
	height:155px;
	width:146px;
	margin-right:20px;
	background-image:url(/images/sliding-pool.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

a.service2:hover {
	background-image:url(/images/sliding-pool.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

a.service3 {
	display:block;
	float:left;
	height:155px;
	width:146px;
	margin-right:20px;
	background-image:url(/images/sliding-waterheater.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

a.service3:hover {
	background-image:url(/images/sliding-waterheater.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

a.service4 {
	display:block;
	float:left;
	height:155px;
	width:146px;
	background-image:url(/images/sliding-Other.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

a.service4:hover {
	background-image:url(/images/sliding-Other.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

a.service5 {
	display:block;
	float:left;
	height:155px;
	width:146px;
	margin-right:20px;
	background-image:url(/images/sliding-sunpower.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

a.service5:hover {
	background-image:url(/images/sliding-sunpower.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

a.service6 {
	display:block;
	float:left;
	height:155px;
	width:146px;
	margin-right:20px;
	background-image:url(/images/sliding-fafco.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

a.service6:hover {
	background-image:url(/images/sliding-fafco.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

a.service7 {
	display:block;
	float:left;
	height:155px;
	width:146px;
	margin-right:20px;
	background-image:url(/images/sliding-solarroof.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

a.service7:hover {
	background-image:url(/images/sliding-solarroof.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

a.service8 {
	display:block;
	float:left;
	height:155px;
	width:146px;
	background-image:url(/images/sliding-sharp.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

a.service8:hover {
	background-image:url(/images/sliding-sharp.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.FormField {
	padding:2px;
	border:1px solid #2222222;
	margin:5px 0px;
	height:13px;
}

.rightImg {
	margin:0px 0px 15px 15px;
}

.gallery {
	border:solid 1px #666666;
	margin-right:5px;
	margin-bottom:10px;
}

.errField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #c00;
}

.OddRow1 {
	background-color:#FFFFFF;
}

.TableStyle {
	background-color:#F8F8F5;
	border-left:1px solid #E9E9E0;
	border-top:1px solid #E9E9E0;
	margin:0px 0px 35px 0px;
	
}


.TableStyle td {
	padding:9px;
	border-bottom:1px solid #E9E9E0;
	border-right:1px solid #E9E9E0;
}

.TableStyle .blue {
	background-color:#345A72;
	color:#FFFFFF;
}

.TableStyle .blue a {
	color:#ffffff;
}

.TableStyle .blue a:hover {
	color:#CC9933;
}			

.BodyTextErr{color:#FF0000;}

#subText .check li {
	list-style-image:url(/images/check.png);
}

.basic-form label {
clear:left;
display:block;
float:left;
margin-right:10px;
margin-top:10px;
padding-top:3px;
text-align:left;
width:150px;
}

.basic-form textarea, .basic-form input[type="text"], .basic-form input[type="file"], .basic-form select, .basic-form button, .basic-form optgroup, .basic-form .inputButton {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE url(/images/bg-input.png) repeat-x scroll center top;
border:2px solid #E3E5E7;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-top:10px;
padding:6px;
width:450px;
display:block;
}

.tip {
color:#666666;
display:block;
font-size:11px;
margin:3px 0px 15px 0px;
padding:0;
}

td.checkBox input {
	margin-right:10px;
}

#subVideoRight {
	width:300px;
	padding:0px 0px 15px 15px;
	float:right;
}	

.bbb {
	margin-left:20px;
}

#cody {
	width:171px;
	float:right;
	display:block;
	margin-left:20px;
	margin-bottom:8px;
	
}	

#cody p {
	font-size:12px;
	font-weight:bold;
	display:block;
	color:#003366;
}