/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; background:url(../images/body-tail.jpg) center top repeat-x;}
#main {width:915px; margin:0 auto; text-align:left;}
img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; color:#666666;}

a {text-decoration:underline; color:#299AD4;}
a:hover {text-decoration:none;}
ul {list-style:none;}
li a {text-decoration:none;}
li a:hover {text-decoration:underline;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both;}



/***************masthead***************/

#masthead {
	width:913px;
	display:block;
	margin:0 auto;
	}
#logo {
	height:115px;
	width:185px;
	display:block;
	padding:8px 80px 8px 20px;
	float:left;
	}
	
#logo h1 a{
	height:115px;
	width:185px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../images/logo.png) no-repeat;
	}
	
#topContact {
	width:618px;
	height:133px;
	display:block;
	float:left;
	background:transparent url(../images/topContact-bg.jpg) no-repeat;
	}
	
#topContact h2 {
	text-indent:-9999px;
	}

#navigation ul li {
	width:113px;
	height:50px;
	display:block;
	background:#0291CB url(../images/nav-bg.jpg) no-repeat;
	float:left;
	list-style-type:none;
	margin-right:1px;
	}
	
#navigation ul li a {
	width:113px;
	height:50px;
	display:block;
	padding:15px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#005ca3;
	text-decoration:none;
	}
	
#navigation ul li.right {
	margin-right:0;
	}

#homeSlides {
	background:#FFFFFF;
	align:center;
	}

#homeSlides img{
	width:885px;
	height:316px;
	margin:0 0 20px 0;
	}
	
#innerSlides {
	background:#FFFFFF;
	padding:0;
	}

#innerSlides img{
	width:885px;
	height:200px;
	margin:0 0 0 0;
	padding:0;
	}

#slide1 {
	width:885px;
	height:200px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	}

#slide2 {
	width:885px;
	height:316px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	}

/***************all-pages************/

#main {background:#FFFFFF;}
.wrapper {width:100%; overflow:hidden;}
.phone {float:right; margin-right:88px;}

#content {padding:0 11px 0 13px;}

#content p {
	font-size:14px;
	line-height:18px;
	padding-bottom:10px;
	}
	
#contentMain {padding:20px 0 20px 0;}

#contentMain h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#00467d;
	padding:30px 20px 10px;
	}

#content #contentMain p {
	padding:10px 30px;
	}
	
#content #contentMain.faq p {
	padding:10px 30px;
	}
	
span.yellow {
	color:#f7931d;
	}

h2 {color:#006699; font-weight:normal; padding-bottom:15px;}

#content #contentMain.faq h2 {color:#006699; font-weight:normal; padding:20px 0 0 0;}
	
img.right {
	float:right;
	margin-left:15px;
	}
	
h5.start a {
	float:right;
	width:211px;
	height:73px;
	display:block;
	background:url(../images/solarStart2.jpg) no-repeat;
	text-indent:-9999px;
	padding-top:0;
	margin:10px 0 20px 30px;
	}
	
#footer a.facebook {
	width:182px;
	height:58px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../images/facebook.png) no-repeat;
	margin:0 auto;
	}
	
	
/***************home***************/

#events {
	height:205px;
	display:block;
	}

#events h3{
	color:#00467d;
	padding-top:20px;
	}
	
#events h4{
	color:#00467d;
	font-weight:normal;
	padding:10px 0;
	}
	
#events img{
	margin:0 30px;
	float:left;
	padding:1px;
	border:1px solid #999999;
	}
	
#homeBuckets {
	padding-bottom:30px;
	}
	
div.bucket {
	width:282px;
	height:338px;
	display:block;
	float:left;
	margin-right:20px;
	padding-top:20px;
	}
	
div.bucketResidential {
	background:url(../images/home-solar-residential-bucket-bg.jpg) no-repeat;
	}

div.bucketResidential h2 a{
	border:none;
	width:278px;
	height:32px;
	display:block;
	background:transparent url(../images/home-residential-solar-solutions.png) no-repeat;
	}
	
div.bucketCommercial {
	background:url(../images/home-solar-commercial-bucket-bg.jpg) no-repeat;
	}

div.bucketCommercial h2 a{
	border:none;
	width:278px;
	height:32px;
	display:block;
	background:transparent url(../images/home-commercial-solar-solutions.png) no-repeat;
	}
	
div.bucketFinancing {
	background:url(../images/home-solar-financing-bucket-bg.jpg) no-repeat;
	margin-right:0;
	}

div.bucketFinancing h2 a{
	border:none;
	width:278px;
	height:32px;
	display:block;
	background:transparent url(../images/home-solar-rebates-financing.png) no-repeat;
	}
	
div.bucket h2 {
	text-indent:-9999px;
	}
	
div.bucket p {
	font-size:14px;
	line-height:18px;
	margin-bottom:15px;
	padding:0 70px 0 20px;
	color:#393939;
	font-family:Arial, Helvetica, sans-serif;
	}
	
div.bucketCommercial p {
	color:#393939;
	}
	
div.bucket a {
	font-size:20px;
	color:#FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
	
div.bucket a.learn {
	padding-left:20px;
	}
	
div.bucket a.blue {
	color:#00467d;
	}
	
	
	

	
	
	

/*************** residential ***************/

#residentialLeft{
	width:400px;
	float:left;
	padding:0 20px;
	border-right:1px solid #eeeeee;
	}
	
#residentialLeft p, #residentialRight p{
	margin-bottom:20px;
	}
	
#residentialRight {
	width:400px;
	float:left;
	padding-left:30px;
	}
	
#residentialRight h3{
	padding-bottom:10px;
	}
	
#residentialLeft img {
	padding:2px;
	border:1px solid #eeeeee;
	}
	
#residentialRight img {
	padding:2px;
	border:1px solid #eeeeee;
	}

/*************** about ***************/

#aboutLeft{
	width:400px;
	float:left;
	padding:0 20px;
	margin-bottom:30px;
	border-right:1px solid #eeeeee;
	}
	
#aboutLeft p, #aboutRight p{
	margin-bottom:20px;
	}
	
#aboutRight {
	width:430px;
	float:left;
	padding-left:20px;
	}

	
#aboutRight h2{
	padding-bottom:10px;
	text-align:left;
	}	

	
#aboutRight h3{
	padding-bottom:10px;
	}
	
#aboutLeft img {
	padding:2px;
	border:1px solid #eeeeee;
	margin-bottom:40px;
	}
	
#aboutRight img {
	padding:2px;
	border:1px solid #eeeeee;
	}
	
#bio1 {
	width:214px;
	display:block;
	float:left;
	border-right:1px solid #eeeeee;
	}
	
#bio2 {
	width:215px;
	display:block;
	float:left;
	text-align:right;
	}
	
#bio3 h2{
	padding-bottom:10px;
	text-align:left;
	}	

#bio3 h3{
	padding-bottom:10px;
	}
	
/*************** financing ***************/

#financingLeft{
	width:260px;
	float:left;
	padding:0 20px 0 0;
	border-right:1px solid #eeeeee;
	}
	
#financingCenter{
	width:260px;
	float:left;
	padding:0 20px;
	border-right:1px solid #eeeeee;
	}
	
#financingRight{
	width:285px;
	float:left;
	padding:0 0 30px 20px;
	}
	
#financingLeft a, #financingCenter a, #financingRight a {
	font-size:14px;
	padding:10px 0;
	}
	
#financingLeft li, #financingCenter li, #financingRight li {
	padding:5px 0 10px;
	}

	
/*************** gallery ***************/

#gallery img{ 
	margin:0 10px 10px 0;
	padding:1px;
	border:1px solid #999999;
	}
	
	
/*************** contact ***************/

#contactLeft{
	width:430px;
	float:left;
	padding:0 20px;
	border-right:1px solid #eeeeee;
	}
	
#contactLeft p, #contactRight p{
	margin-bottom:20px;
	}
	
#contactLeft h3 {
	margin-bottom:10px;
	color:#00467d;
	font-weight:normal;
	}
	
#contactRight {
	width:370px;
	float:left;
	padding-left:30px;
	}

#mainContactForm {
	
	}
	
#mainContactForm input {
	width:340px;
	height:25px;
	margin-bottom:15px;
	float:none;
	font-size:12px;
	}
	
#mainContactForm input#code {
	width:45px;
	height:20px;
	display:block;
	float:left;
	font-size:12px;
	margin-right:30px;
	margin-top:11px;
	}
	
#mainContactForm input.submit {
	width:75px;
	height:25px;
	display:block;
	margin-bottom:5px;
	float:left;
	font-size:12px;
	margin-top:10px;
	}
	
#mainContactForm textarea {
	width:340px;
	height:200px;
	float:none;
	font-size:12px;
	}
	
#mainContactForm img {
	float:left;
	padding:5px 10px 0 50px;
	}



/***************footer***************/

#footer {width:900px;margin:0 auto;padding:37px;}
#footer p{margin-bottom:10px;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline}

#innerContact {
	width:915px;
	height:300px;
	display:block;
	background:url(../images/innerContact-bg.jpg) no-repeat;
	}
	
#innerContactLeft {
	width:507px;
	display:block;
	float:left;
	padding:20px 10px 0 20px;
	}
		
#innerContactLeft h2 {
	color:#016aac;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	}
	
#innerContactLeft p {
	float:left;
	width:260px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color:#016aac;
	text-align:center;
	padding-top:15px;
	}
	
#innerContactLeft img{
	float:left;
	padding-top:15px;
	}
	
#innerContactDivider {
	float:left;
	width:1px;
	height:258px;
	display:block;
	background:#d4d4d4;
	margin-top:20px;
	}
	
#innerContactRight {
	float:left;
	width:370px;
	display:block;
	padding-top:20px;
	text-align:center;
	}
	
#innerContactRight h2 {
	color:#016aac;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:24px;
	padding:0 0 5px 0;
	}
	
#innerContactRight h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#016aac;
	text-align:center;
	padding:0 0 5px 0;
	}
	
#innerContactForm {
	
	}
	
#innerContactForm input {
	width:270px;
	height:15px;
	margin-bottom:5px;
	float:none;
	font-size:12px;
	}
	
#innerContactForm input#code {
	width:45px;
	height:20px;
	display:block;
	float:left;
	font-size:12px;
	margin-right:30px;
	margin-top:11px;
	}
	
#innerContactForm input.submit {
	width:75px;
	height:25px;
	display:block;
	margin-bottom:5px;
	float:left;
	font-size:12px;
	margin-top:10px;
	}
	
#innerContactForm textarea {
	width:270px;
	height:80px;
	float:none;
	font-size:12px;
	}
	
#innerContactForm img {
	float:left;
	padding:5px 10px 0 50px;
	}
	


/* -------- EXTRAS--------- */

ul.sitemap li {
	padding:10px 0 0 30px;
	font-size:18px;
	}

.clearit {
	height: 0%;
	clear: both;
}