@charset "utf-8";

body {
 font-family: arial, sans-serif;
 color: #939598;
 background: #2f2f61;
 text-align:center;
 margin: 0em; padding: 0em;
}

img {
 border:0;

}

.right {
 float: right;
 margin:0;
 padding:0;
}

.left {
 float:left;
}

h2.title {
 font-weight: 300;

}


/* Rounded Corners */
.rtop, .rbottom{display:block; clear:both;}
.rtop *, .rbottom *{display: block; clear:both; height: 1px; overflow: hidden; background:#ededed;}
.r0{margin: 0 7px}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}


.rtop-column, .rbottom-column {
	width:195px;
}

.rbottom-leverage {

}

.rtop-leverage *, .rbottom-leverage * {
 
 background: #fdb813;
 

}

.rtop-inner-content, .rbottom-inner-content {
 width: 630px;
 float:right;
}

{
background:#ffffff;
}

.rtop-inner, .rbottom-inner {

 width: 610px;
}

.rtop-commercial, .rbottom-commercial {
 width: 185px
}


.rtop-inner *, .rbottom-inner *, .rtop-column *, .rbottom-column *, .rtop-inner-content *, .rbottom-inner-content *, .rtop-commercial *, .rbottom-commercial * {
background:#ffffff;
}




.rbottom-container {
 margin: 0 auto;
 width: 880px;
}

.rbottom-container * {
 background:#ffffff;
}

.rbottom-news {
 margin: 0 auto;
 width: 195px;
}

.rbottom-news * {
background:#ffffff;
}

/* container styles */

#container {
 text-align: left;
 margin: 0 auto;
 background: #ffffff;
 width:850px;


 padding:10px 15px 10px 15px;
} 

/* header styles */

#header {
 float:left;

}
#header a {
text-decoration:none;
}

/* navigation styles */

#navigation {
 font-size: 13px;
 float:right;
}

#navigation ul {
 margin-top:50px;
 background: #ffffff;
 padding:0;
 list-style:none;
 float: left;
 text-align:right;

}

#navigation ul li {
 display:inline;

}

#navigation ul li.current a.home {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/home-nav.jpg') no-repeat top center;
 width: 62px; /* + 5 px*/
 height: 20px;
 margin:0;
 color: #ffffff;

}

#navigation ul li.current a.residential {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/residential-nav.jpg') no-repeat top center;
 width: 94px; /* + 5 px for more seperation between images*/
 height: 20px;
 margin:0;
 color: #ffffff;
}

#navigation ul li.current a.commercial {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/commercial-nav.jpg') no-repeat top center;
 width: 94px; /* + 5 px for more seperation between images*/
 height: 20px;
 margin:0;
 color: #ffffff;
}

#navigation ul li.current a.aboutus {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/aboutus-nav.jpg') no-repeat top center;
 width: 94px; /* + 5 px for more seperation between images*/
 height: 20px;
 margin:0;
 color: #ffffff;
}

#navigation ul li.current a.contact {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/contact-nav.jpg') no-repeat top center;
 width: 94px; /* + 5 px for more seperation between images*/
 height: 20px;
 margin:0;
 color: #ffffff;
}
/* Hovers added by BM */
#navigation ul li a.home:hover {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/home-nav.jpg') no-repeat top center;
 width: 62px;
 height: 20px;
 margin:0;
 color: #ffffff;
}

#navigation ul li a.residential:hover {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/residential-nav.jpg') no-repeat top center;
 width: 94px;
 height: 20px;
 margin:0;
 color: #ffffff;
}


#navigation ul li a.commercial:hover {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/commercial-nav.jpg') no-repeat top center;
 width: 94px;
 height: 20px;
 margin:0;
 color: #ffffff;

}

#navigation ul li a.aboutus:hover {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/aboutus-nav.jpg') no-repeat top center;
 width: 94px;
 height: 20px;
 margin:0;
 color: #ffffff;

}

#navigation ul li a.contact:hover {
 display:block;
 text-align:center;
 padding: 3px 0px 0px 0px;
 background: url('../images/contact-nav.jpg') no-repeat top center;
 width: 94px;
 height: 20px;
 margin:0;
 color: #ffffff;

}

/* next two to fix hover problem */

#navigation ul li a{
 display:block;
 color: #939598;
 text-decoration:none;
 text-align:center;
 padding: 3px 0px 0px 0px;
 margin:0;
 width: 94px;
 height: 20px;
 float: left;
}

#navigation ul li a.home{
 width:62px;
}

#navigation ul li a:visited{
	/*color: #;*/

}

#navigation ul li a:hover{
	/*background-color: #;
	color: #;*/
 text-decoration: underline;
}

/* Residential and Commerical Left Column Navigation */
#res-subnavigation{
    width: 185px;
	background:#ffffff;
	padding-bottom: 150px;
	font-size:12px;
	text-align:left;
	margin:0;
	}

#res-subnavigation a {
color:#C9CACB;
text-decoration:none;
}

#res-subnavigation a:visited {
color:#C9CACB;
text-decoration:none;
}

#res-subnavigation ul {
list-style:none;
margin-left:5px;
padding-left:5px;
padding-top:0px;
margin-top:0px;
}

#res-subnavigation ul li ul li{
list-style:none;
margin-left: 5px;
padding-left: 5px;
padding-top: 5px;
}

#res-subnavigation a.current {
color:#939598;
font-weight:bold;
}

#res-subnavigation a:hover {
color:#939598;
text-decoration:underline;
}



/* content styles */
#inner-container{

 padding:10px 15px;

 background-color: #ededed; 
overflow: auto;
	width: 820px;

}

#content{
	float:left;

	padding-left: 5px;
	padding-right:5px;
	width:600px;
	height:555px;
	background: #ffffff;
}




#commercial-inner {
    
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	margin:0 auto;
	background: #ffffff url('../images/commercial-header.jpg') no-repeat 50% 5px;

}

#commercial-inner1 {
    
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	margin:0 auto;
	background: #ffffff url('../images/commercial-header.jpg') no-repeat 50% 5px;

}
#residential-inner {
    
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	
	background: #ffffff url('../images/residential-solutions-bg.jpg') no-repeat 50% 5px;

}
#residential-inner1 {
    
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	height:650px;
	background: #ffffff url('../images/residential-solutions-bg.jpg') no-repeat 50% 5px;

}
#commercial-solar-hot-water-inner {
    
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;

	background: #ffffff url('../images/commerical-hotwater-subhead.jpg') no-repeat 50% 5px;

}
#residential-solar-hot-water-inner {
    
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;

	background: #ffffff url('../images/residential-solar-hot-water-bg.jpg') no-repeat 50% 5px;

}

#residential-solar-hot-water-how-inner {
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	/*height:600px;*/
	background: #ffffff url('../images/residential-header.jpg') no-repeat 50% 5px;

}

#commercial-solar-hot-water-how-inner {
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	/*height:600px;*/
	background: #ffffff url('../images/header-sub-com-hot-water.jpg') no-repeat 50% 5px;

}

#residential-electric-inner {
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	/*height:600px;*/
	background: #ffffff url('../images/header-sub-res-electric.jpg') no-repeat 50% 5px;

}

#res-solar-hot-water-how-inner {
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	height:550px;
	background: #ffffff url('../images/residential-header.jpg') no-repeat 50% 5px;

}
#commercial-electric-subheader {
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	height:600px;
	background: #ffffff url('../images/header-commercial-electric.jpg') no-repeat 50% 5px;

}
#commercial-electric-subheader1 {
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	background: #ffffff url('../images/header-commercial-electric.jpg') no-repeat 50% 5px;

}
#residential-solar-hot-water-how-inner-cost {
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	height:800px;
	background: #ffffff url('../images/residential-header.jpg') no-repeat 50% 5px;

}

#residential-solar-hot-water-subheaders {
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	background: #ffffff url('../images/header-sub-res-hot-water.jpg') no-repeat 50% 5px;

}
#residential-solar-electric-inner-cost {
 float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	background: #ffffff url('../images/residential-header.jpg') no-repeat 50% 5px;

}
#contact-inner {
    
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	min-height:550px;
	background: #ffffff url('../images/header-abouts-us.jpg') no-repeat 50% 5px;

}
#contact-inner1 {
	float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	background: #ffffff url('../images/header-abouts-us.jpg') no-repeat 50% 5px;
}

#efficiency-inner {
    
    float:right;
	padding-left: 25px;
	padding-right:5px;
	width:600px;
	background: #ffffff url('../images/efficiency-header.jpg') no-repeat 50% 5px;

}


#residential-header {
padding-top:235px;
}

#commercial-header {
 padding-top:235px;
}

#residential-solar-hot-water-header{
	padding-top:235px;
}

#residential-solar-hot-water-how-header, #contact-header  {
	padding-top:105px;
}

#inner-column {
float:left;
width: 185px;
height:550px;
background-color: #ededed;
}


#efficiency-button,#solar-expert-button  {
margin: 10px 0px 10px 0px;
}



#commercial-links {
    width: 185px;
	background:#ffffff;
	padding-bottom: 150px;
}

#commercial-links p, #res-subnavigation p {
display: block;
margin: 0; 
padding:5px;
 font-size: 12px;
}

#commercial-links a:link, a:visited {
text-decoration: none;
color: #939598;
} 

#res-subnavigation a:links, a:visited {
text-decoration: none;
color: #939598;
}

#commercial-links a:hover, #res-subnavigation a:hover{
	/*background-color: #;
	color: #;*/
 text-decoration: underline;
}


#offset {
  width: 185px;
	background:#ffffff;
}
#offset p {
text-align:center;
padding:15px 25px 15px 25px;
display: block;
margin: 0; 
 font-size: 10px;
}

#content-home {
	float:left;

	padding-left: 5px;
	padding-right:5px;
	width:600px;
	height: 555px;
	background: #ffffff url('../images/tip-content-bg.jpg') no-repeat 50% 5px;
}

#content-home-text {

	text-align:center;
	padding: 240px 50px 0px 50px;
	
}

#content-home-text p {
line-height: 1.5em;

}

#content-home a {
color: #96b7d6;
}




/* right column styles (home page) */

#right-column {
float:right;
width: 195px;
height:550px;

}

#efficiency img{
display:block;
}

#efficiency-container {


 height: 75px;
 width: 195px;
 background: url('../images/efficiency-bg.jpg') no-repeat bottom center;
 margin-bottom: 5px;
}

#solar img{
display:block;
}

#solar-container {

 height: 75px;
 width: 195px;
 background: url('../images/solar-bg.jpg') no-repeat bottom center;
 margin-bottom: 5px;
}

#solar-container p, #efficiency-container p {
display:block;
text-align: center;
margin:0;
font-size: 11px;
color: #ffffff;
padding: 10px 95px 0px 10px;
}

/* added by BM */
#solar-container a, #efficiency-container a {
color:#FFFFFF;
text-decoration:none;
}
/* added by BM */
#solar-container a:hover, #efficiency-container a:hover {
text-decoration:underline;
}

#news {
 background: #ffffff;
 height: 275px;
}

#news .news-item {
display:block;
 font-size: 10px;
 margin: 0px 10px 0px 10px;
 
 line-height: 30%;
 border-bottom: 1px solid #939598;
}
#news .news-item1 {
display:block;
 font-size: 10px;
 margin: 0px 10px 0px 10px;
 
 line-height: 30%;
/* border-bottom: 1px solid #939598;*/
}

#news .news-item .item-title, #news .news-item .item, #news .news-item1 .item-title, #news .news-item1 .item  {
line-height: 100%;
}

#news .news-item span, #news .news-item1 span {
 margin: 10px 0px 10px 0px;

}

.news-item span, .news-item1 span {

display:block;
}



#news .date {
 font-size: 10px;
}

#news .news-item .item-title, #news .news-item1 .item-title {
 font-size: 12px;
 font-weight: 700;
 margin-bottom:-5px;
}



#news .item a:link {
  color: #fdb813;
}


#news .item a:visited{
	color: #fdb813;
}

#commercial-inner-column, #residential-inner-column  {
float: right;
width:173px;
margin-right:15px;
background: #fff;

}
#commercial-inner-column img, #residential-inner-column img {
 display:block;

}

#commercial-inner-column-text, #residential-inner-column-text {
 background: #fdb813;
 color: #ffffff;
 margin:0;
 padding:0px;
 font-size:12px;
}
#content-images {
float:right;
clear:right;
}


/*overlay dimensions are defined with CSS. this tool detects them dynamically       
and resizes the background image correspondingly */ 
#myOverlay {         
width:580;
/* overlay is initially hidden */     
display:none;     
}  

/*close button (div.close element) is auto-generated by default.      
here it is positioned on top-right corner  */ 
#myOverlay div.close {     
background:url(../js/overlay-close.gif) no-repeat;     
position:absolute;     
top:390px;     
left:26px;     
width:75px;     
height:25px;     
cursor:pointer;     
}  
/*the actual content is moved little bit inside so that it doesn't overlap     
with the drop shadow in the overlayed image */ 
#myOverlay p {     
color:#567;     
font-size:50px;     
margin:110px 135px; 
}


#myRes-How1,  #myRes-How2, #myRes-How3, #myRes-How4{         
width:580;
/* overlay is initially hidden */     
display:none;     
}  

/*      close button (div.close element) is auto-generated by default.      
here it is positioned on top-right corner  */ 

#myRes-How1 div.close, #myRes-How2 div.close, #myRes-How3 div.close, #myRes-How4 div.close {     
background:url(../js/overlay-close.gif) no-repeat;     
position:absolute;     
top:320px;     
left:26px;     
width:75px;     
height:25px;     
cursor:pointer;     
}  
/*      the actual content is moved little bit inside so that it doesn't overlap     
with the drop shadow in the overlayed image */ 
#myRes-How1 p, #myRes-How2 p, #myRes-How3 p, #myRes-How4 p {     
color:#567;     
font-size:50px;     
/*margin:110px 135px;*/ 
}

#commerical-overlay {
cursor:pointer;
}

#how-overlay-tag {
cursor:pointer;
color:#96b7d6;
text-decoration:underline;
}

#leverage-container{
}

#leverage-box {
margin:20px;
padding:50px;
height:350px;
width:420px;
text-align:left;
}


#how-box {
margin:20px;
padding:50px;
height:320px;
width:320px;
text-align:left;
}
#leverage-text {
 background: #fdb813;
 font:Arial, Helvetica, sans-serif;
 color: #ffffff;
 margin:0;
 padding:20px;
 font-size:15px;
}

#leverage-text a {
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;
}

/* added by BM */
#commercial-inner-column-list {
margin-right: 5px;
margin-left: 0px;
padding: 0px;
padding-top:5px;
}
/* added by BM */
#commercial-inner-column-text ul, #residential-inner-column-text ul{
list-style:none;
margin-top:0px;
padding-left: 0;
margin-left: 0;
margin-bottom:0;
}
/* added by BM */
#commercial-inner-column-text ul li, #residential-inner-column-text ul li{
 background: url(../images/commercial-arrow.png) left top no-repeat;
 padding-left:25px;
 margin-left:0px; 
 margin-top:5px;
 line-height:20px;
}


#commercial-inner-column-text p, #residential-inner-column-text p{
display:block;
margin:0;
padding:0;
}



#commercial-text, #residential-text {
 float:left;
 width: 400px;
}

#commercial-text p, #residential-text p {
 font-size: 13px;
 margin:0;
}
/* added by BM */
#commercial-text a, #residential-text a {
color:#96b7d6;
text-decoration:underline;
}

#residential-solar-hot-water-text {
 font-size: 13px;
 margin:0;
 padding-right:10px;
}
#aboutus-text {
font-size:13px;
 padding-right:10px;
}


#contact-text{
float:left;
width:200px;
font-size: 13px;
margin:0;
}
#contact-text a, #aboutus-text a {
color:#96b7d6;
}
/* contact form added by BM */
#contact-box {
float:right;
width:250px;
padding:5px;
margin-right:30px;
font-size:13px;
}

input.subject {
display: none;
}  

input, select, textarea {
  font-size: 13px;
  color:#939598;
  margin:3px;
  padding:0;
}
input.value {
font-size:10px;
}

input.submit-button {
font-size:14px;
}

#chart-header {
color:#FFFFFF;
font-weight:bold;
}

#chart-border {
border: solid 0 #333333;

 border-bottom-width:1px;
}

/* footer styles */

#footer {
 padding-top:10px;
 margin-left: 20px;
 line-height: 2em;
 font-size: 10px;
}


#footer ul {
	display:inline;
	margin-left:0;
	padding-left:0;
}

#footer ul li {
	text-decoration:none;
	margin:0;
	border-right:1px #939598 solid;
	padding-right: 9px;
	padding-left: 9px;
	display:inline;
}

#footer ul.noborder li {
	border-right:none;
	padding-right: 9px;
	padding-left: 0px;
}

#footer ul li.last {
	border-right:none;
}
#footer ul li.first{
	padding-left:0px;
}

#footer a:link, a:visited {
text-decoration: none;
color: #939598;
} 

#footer a:hover{
	/*background-color: #;
	color: #;*/
 text-decoration: underline;
}

.yellow {
 color: #fdb813;
}
/*hide preloaded images*/
div#preload {
position:absolute;
top:-9999em;
left:-999em 
}