/*
Theme Name: SunTerra Power

Theme URI: http://entropicstudio.net/

Description: Sunterra Solar is a solar systems designer, installer and integrator of solar panels and solar power systems, serving the U.S. market with an emphasis on California. Sunterra's solar electric generators use photovoltaic panels from top manufactures including, Suntech, Sharp, Sunpower, inverters from top manufactures including Satcon, SMA, and PV Power, and mounting hardware from top manufactures including, Professional Solar and UniRac.  Use the sun as a generator, with or without a battery, and spin your electric meter backwards!  Sunterra also sells and installs fuel cell power systems for residential and commercial applications

Version:1.0

Author: Entropic Studio

Author URI: http://entropicstudio.net

Tags: solar, panels, panel, depot, batteries, electric, electricity, electrician, battery, power, meter, generators, pv, inverter, system, photovoltaic, generator, sun, fuel, cell, cells, PG&E, SCE, SDG&E, california, contractor, building, PPA, Power Purchase Agreement, Napa, Sonoma, Marin , San Diego, Fresno, Bakersfield, Orange County, Winery, SCEIP, Solar Financing. SolarLease, Sunrun

*/



* {
margin:0;
padding:0;
}
html, body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:65.5%;
height:100%;
margin:0;
min-width:960px;
padding:0;
width:100%;
}
img {border:none;}
.wp-smiley {
border:medium none;
padding:0;
margin:0;
}


h1, h2, h3, h4, h5, h6 { 
	text-transform: uppercase;
}



h1 {font-size: 1.8em; line-height:1.6667em; color:#000; margin-top:.83335em; padding-left:10px; font-weight:normal; text-decoration:none;font-variant:small-caps;
}
h2 {font-size: 1.7em; line-height:1.7647em; color:#000; margin-top:.83335em; padding-left:10px; font-weight:normal; text-decoration:none;font-variant:small-caps;
}
h3 {font-size: 1.6em; line-height:1.875em; color:#000; margin-top:.83335em; padding-left:10px; font-weight:normal; text-decoration:none;font-variant:small-caps;
}
h4 {font-size: 1.5em; line-height:2em; margin-top:.83335em; padding-left:10px; font-weight:normal; text-decoration:none;font-variant:small-caps;
}

.title_dark {font-size: 2.4em; line-height:1.25em; color:#fff; margin:0px; padding:5px 10px; background-color:#90a2a7; width:100%;}

.title_light {font-size: 2.4em; line-height:1.25em; color:#fff; margin:0px; padding:5px 10px; background-color:#99a3a6; width:100%;}




a {
color:#84817E; text-decoration:none;
}
a:hover {
color:#141F8F; text-decoration:none;
}
a img { border: 0; }


.alignleft {
display:block;
float:left;
text-align:left;
margin-right:10px;
padding-left:0px;
}
.alignright {
display:block;
float:right;
text-align:right;
margin-left:10px;
padding-right:0px;
}
p {
color:#666;
font-size:1.5em;
line-height:2em;
/*font-variant:small-caps;*/
margin:0;
padding:5px 10px;
text-align:left;
}
small {
color:#000;
font-size:1.3em;
line-height:.6em;
/*font-variant:small-caps;*/
margin:0;
padding:0px 10px;
text-align:left;
}
label {
font-size:1.8em;
line-height:1.66667em;
font-variant:small-caps;
margin:0;
padding:0px 10px;
text-align:left;
}

ul {margin-left:20px; padding-right:20px;list-style: circle; overflow:hidden; border-bottom:1px solid #FFF;}
ul li {
font-size:1.5em;
line-height:2em;
margin-left:0px;
padding:0px;
text-align:left;
}


/* ---------------- NAV -------------------------*/


#above_box {
height:42px;
margin:0 auto;
padding-top:0px;
}





#nav img{
margin:0;
padding:0;
}


#nav {
color:#000000;
margin:0 auto;
margin-top:39px;
}
#nav, #nav ul {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow: hidden;
margin:0px; padding:0px;
border-bottom:none;
}
#nav a, #nav a:hover {
border:medium none;
text-decoration:none;
padding:4px 15px;
font-weight:lighter;
}
#nav li {
display:block;
float:left;
font-size:1.8em;
font-weight:lighter;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
text-align:center;
text-transform:uppercase;
background-color:#f0f0f0;
}
#nav a, #nav a:visited {
color:#000;
display:block;
}
#nav a:hover, #nav a:active, #nav .current_page_item a, #nav .current_page_parent a, #nav .current_page_ancestor a, #home .on, .active a {
color: #141F8F;
text-decoration:none;
background-color:#FFF;
text-transform:uppercase;
}






/* ---------------- HEADER -------------------------*/

#header_wrap {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin:0 auto;
padding:0;
width:100%;
height:75px;
border-bottom:1px solid #CCC;
}

#header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin:0 auto;
padding:0;
voice-family:inherit;
width:960px;
height:75px;
text-align:right;
}


#main_image {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin:0 auto;
padding:0;
voice-family:inherit;
width:958px;
height:232px;
border:1px solid #999;
border-top:none;
/*background:url(images/header_image.jpg) top center no-repeat;*/
}

/* ---------------- CTA -------------------------*/


#cta {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin:0;
padding:0;
width:316px;
height:142px;
position:relative;
top:110px;
right:-659px;
}



/* ---------------- SUBSCRIBE -------------------------*/

.content_wrap {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin:0 auto;
padding:0;
width:958px;
border:1px solid #999;
}

.subscribe_wrap {
margin:0 auto;
padding:0;
width:958px;
border-left:1px solid #999;
border-right:1px solid #999;
display:block;
}

.subscribe_wrap p{
color:#666;
font-size:1.5em;
line-height:2em;
/*font-variant:small-caps;*/
margin:0;
padding:5px 10px;
text-align:right;
}

.orange { background:url(images/cta_bg_1pix.jpg) repeat-x;}

#subscribe {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin:0;
padding-top:10px;
width:550px;
height:32px;
background:url(images/subscribe_bg.jpg) top left no-repeat;
}



.breadcrumb {
	/* This is the outer 'div' you can style */
margin:0;
padding:0px;
float:left;
font-size:1.5em;
line-height:2em;
}

.breadcrumb-trail {
	/* This is the inner 'div' you can style */
color:#666;
margin:0;
padding:10px 0px 0px 0px;
text-align:left;
	}
	
	
	


/* ---------------- MAIN CONTENT -------------------------*/


.current_project {
margin:0;
padding:0;
width:49%;
min-height:225px;
float:left;
border-right:1px solid #999;
}
.current_project h1 {background-color:#e3e3e3; color:#888; font-size: 3em; line-height:1.5em; margin-top:0em; padding:0px 10px; font-weight:normal; text-decoration:none;font-variant:small-caps;
}
.current_project h3 a{font-size: 1.3em; line-height:1.30769em; color:#000; margin-top:.83335em; padding-left:0px; font-weight:normal; text-decoration:none;font-variant:small-caps;}

.current_project h3 a:hover {color:#000;}

.project_image {
margin:10px 10px 0px 10px;
padding:0px 10px 0px 0px;
width:77px;
float:left;
}
.project_image img{
margin:4px;
padding:0px;
border:1px solid #999;
}


.project-button {
margin:10px 0px;
padding:0;
}








.solar-box {
margin:0;
padding:0;
width:25%;
min-height:225px;
float:left;
overflow: hidden;
background-color:#fff;
border-right:1px solid #999;
}

.solar-box h1 {background-color:#e3e3e3; color:#888; font-size: 3em; line-height:1.0em; margin-top:0em; padding:5px 10px; font-weight:normal; text-decoration:none;font-variant:small-caps;
}
.solar-box p {
margin:0;
padding-left:20px;
}

.solar-box a {
color:#736357; text-decoration:none;
}
.solar-box a:hover {
color:#141F8F; text-decoration:none;
}




.news {
margin:0;
padding:0;
width:25.7%;
min-height:225px;
float:left;
overflow: hidden;
background-color:#fff;
}

.news h1 {background-color:#e3e3e3; color:#888; font-size: 3em; line-height:1.0em; margin-top:0em; padding:5px 10px; font-weight:normal; text-decoration:none;font-variant:small-caps;
}
.news h2 {font-size: 1.7em; line-height:1.4647em; margin-top:.83335em; padding-left:10px; font-weight:normal; text-decoration:none;font-variant:small-caps;
}
.news p {
margin:0;
padding-left:20px;
}

.news a {
color:#736357; text-decoration:none; padding-right:5px;
}
.news a:hover {
color:#141F8F; text-decoration:none;
}






#sidebar {
margin:0;
padding:0;
width:298px;
float:left;
overflow: hidden;
background-color:#F0F0F0;
}
#sidebar p {
margin:0;
padding-left:20px;
}

.sidebar {
margin:0;
padding:0;
width:298px;
float:left;
overflow: hidden;
background-color:#F0F0F0;
}
.sidebar p {
margin:0;
padding-left:20px;
}

/*.sidebar_cta {
margin:0;
padding:0;
width:295px;
overflow: hidden;
position:relative;
top:0px;
right:-25px;
z-index:2500;
}*/
.readmore { text-align: left; width:146px; margin:0px; padding:0px 0px 0px 0px; }
.readmore img{ margin:0px;padding:0px;}
.readmore ul { margin: 0px; padding: 0px; list-style: none; }
.readmore li { display: block; margin: 0px; padding-top: 0px; overflow: visible; }

.readmore a { display: block; text-indent: 3265px; padding-top: 0px; text-decoration:none; color:#000000;  }
.readmore a:hover { background-position: 0 0px !important;  }
.readmore a.active { background-position: 0 0px !important;  }
.readmore a:hover.active { background-position: 0 -50px !important; }



.sidebar_cta { text-align: left; width:295px; height:100px; margin:0px; padding:0px 0px 0px 0px; }
.sidebar_cta img{ margin:0px;padding:0px;}
.sidebar_cta ul { margin: 0px; padding: 0px; list-style: none; }
.sidebar_cta li { display: block; margin: 0px; padding-top: 0px; overflow: visible; }

.sidebar_cta a { display: block; text-indent: 3265px; padding-top: 0px; text-decoration:none; color:#000000;  }
.sidebar_cta a:hover { background-position: 0 0px !important;  }
.sidebar_cta a.active { background-position: 0 0px !important;  }
.sidebar_cta a:hover.active { background-position: 0 -50px !important; }

#buy {  }
#buy a {width: 295px; height:50px; background: url(images/cta_how-to-buy.png) 0 -50px no-repeat; text-indent: -123456px; }

#eval {  }
#eval a {width: 295px; height:50px; background: url(images/cta_evaluation.png) 0 -50px no-repeat;  text-indent: -123456px;}

.home_cta { text-align: left; float:right; width:225px; height:200px; margin-top:20px; padding:0px 0px 0px 0px; }
.home_cta img{ margin:0px;padding:0px;}
.home_cta ul { margin: 0px; padding: 0px; list-style: none; }
.home_cta li { display: block; margin: 0px; padding-top: 0px; overflow: visible; }

.home_cta a { display: block; text-indent: 3265px; padding-top: 0px; text-decoration:none; color:#000000;  }
.home_cta a:hover { background-position: 0 0px !important;  }
.home_cta a.active { background-position: 0 0px !important;  }
.home_cta a:hover.active { background-position: 0 -100px !important; }

#buy-home {  }
#buy-home a {width: 295px; height:100px; background: url(images/cta_how-to-buy-home.png) 0 -100px no-repeat; text-indent: -123456px; }

#eval-home {  }
#eval-home a {width: 295px; height:100px; background: url(images/cta_evaluation-home.png) 0 -100px no-repeat;  text-indent: -123456px;}




#readmore { }
#readmore a { float:right; width: 146px; height:50px; background: url(images/cta_read-more.png) 0 -50px no-repeat; text-indent: -123456px; }






.gray-box {
border-top:1px solid #999; border-bottom:1px solid #999; border-right:1px solid #999; background-color:#D9E5EB; margin:0px; padding:10px 0px;}



.content {
margin:0;
padding:0;
overflow: hidden;
height:100%;
}

.bluebg {
background-color:#f0f0f0;
}

.whitebg {
background-color:#FFF;
}

.main_content {
margin:0 auto;
padding:0;
width:958px;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
}
.main_content img {
border:medium none;
padding:1px;
margin:1px;
border:2px solid #fff;
}

.entry {
float:left;
min-height:150px;
width:659px;

}
.main-entry {
width:958px;
}

.gallery_scroll {
margin:0 auto;
padding:0;
width:958px;
border-top:1px solid #999;
}
.gallery_scroll_thumb {
margin:0 auto;
padding:10px;
width:98px;
float:left;
}
.gallery_scroll img {
width:115px;
height:115px;
padding:5px;
margin:5px;
/*border:1px solid #fff;*/
}


.gallery_scroll_thumb p {
font-size:1.8em;
line-height:1.66667em;
font-variant:small-caps;
margin:0;
padding:0px;
text-align:center;
}




/* ---------------- FOOTER -------------------------*/





.footer {
margin:0 auto;
padding:0;
width:958px;
}



.social {
margin:0 auto;
padding:10px 0px;
width:958px;
height:30px;
border-bottom:1px solid #666;
}


/* ---------------- FOOT NAV -------------------------*/


#foot_nav img{
margin:0;
padding:0;
}
#foot_nav p{
text-align:center;
}


#foot_nav {
color:#000000;
padding-top:10px;
padding-bottom:60px;
overflow: hidden;
margin:0 auto;
text-align:center;
width:50%;
}
#foot_nav ul {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow: hidden;
margin:0 auto;
padding-left:60px;
text-align:center;
width:80%;
}
#foot_nav a, #foot_nav a:hover {
border:medium none;
text-decoration:none;
text-transform: uppercase;
}
#foot_nav li {
display:block;
float:left;
font-size:1.5em;
font-weight:lighter;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0px 10px;
text-align:center;
}
#foot_nav a, #foot_nav a:visited {
color: #999;
display:inline;
font-weight:lighter;
padding:0;
}
#foot_nav a:hover, #foot_nav a:active, .current_page_item a, #home .on, .active a {
color: #141F8F;
text-decoration:none;
}













/* ACCORDION  - OLD
--------------------------------------------------------*/


h5#directors { text-align:left; padding:3px 10px; margin:0px;background-color:#F0F0F0;font-weight:lighter; border-top:none;} 


/*h5#forestry { text-align:right;padding:3px 10px; margin:0px;background-color:#c5c19c; border-top:none;} 


h5#finance { text-align:right;padding:3px 10px;; margin:0px;background-color:#c5c19c; border-top:none;} 


h5#name1 { text-align:left; padding:3px 10px; margin-left:10px; background: url(images/chevron_down_small.png) bottom right no-repeat; border-bottom:1px solid #C87A30;} 

h5#article { text-align:left; padding:10px 10px; margin-left:10px; color:#000000;
} 

h5#article a {color:#000000; text-decoration:none;} 

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


.title {	
	margin-top:0em;
	color:#000;
	padding:0px;
}
.title p{	
	font-size:3em;
	line-height:1em;
	margin:10px 0px 5px 0px;
	color:#888;
	padding:0px;
	text-transform: uppercase;
	font-weight:lighter;
}
/*span.author {
	font-size:1.1em;
	line-height:1.5em;
	margin-top:10px;
	color:#999999;
	padding:0px;
	font-style:italic;
	font-weight:normal;
}*/

#accordion {margin:0px; padding-top:3.3em; float:left;}
#accordion img {margin:0px; padding-top:0px;}

#accordion ul {margin-left:0px; padding:0em;list-style:none;}
#accordion li {margin:0px; padding:3px 0px 3px 25px; list-style:none;}



#accordion_team {margin:0px; padding-top:0em; float:left;}
#accordion_team img {margin:0px; padding-top:0px;}

#accordion_team ul {margin-left:0px; padding:0em;list-style:none; width:100%; overflow:hidden;}
#accordion_team li {margin:0px; padding:0px; list-style:none;}



#accordion_wide {margin:0px; padding-top:3.3em; width:420px; float:left;}
#accordion_wide img {margin:0px; padding-top:0px;}

#accordion_wide ul {margin-left:0px; padding:0em;list-style:none; width:100%; overflow:hidden;}
#accordion_wide ul li {margin:0px; padding:0px; list-style:none;}


.toggler {
	color: #000;
	cursor: pointer;
	font-size:1.6em;
	line-height:1.87em;
	margin-top:.4687em;
	font-weight: bold;
	border-bottom:1px solid #FFF;
}

.toggler a {
	color: #c87a30;
	
}
.toggler a:hover, .toggler a.active {
	color: #FFF;
}




/*#open { display:block;}*/



/*.element_wide {	
	width:90%; 
	padding:0px 0px 0px 20px; 
	margin:0px; 
 
}
 
.element_wide p {
	margin: 0;
	padding: 5px;
}


.element_wide ul{ list-style:none;}
.element_wide li{ list-style:none;}*/









.element {	
	width:299px; 
	padding-right: 0px; 
	margin:0px; 
}
 
.element p {
	margin: 0;
	padding: 5px;
}

.element ul {
	list-style: none;
	display:block;
	width: 100%;
	margin:0 auto;
	padding-right:10px;
	border-bottom:1px solid #999;
}
.element a, .element a:hover, .element a.active {
	text-decoration: none;
	border:none;
}
.element ul li {
	font-size:1.6em;
	line-height:1.87em;
	margin-top:.4687em;
	list-style:none;
	display:block;
	text-align:right;
	color:#000000;
	border-bottom: 1px solid #F0F0F0;
}
.element a, .element a:visited {
	display:block;
	font-weight:normal;
	color: #999;
	padding-left:20px;
	text-align:left;
	letter-spacing:1px;
	background-color:#FFF;
}
.element a:hover, .element a.active, .arrowsidemenu ul li .current_page_item a, #home .on {
	text-decoration:none; color:#000; background-color: #F0F0F0;
}

.element li ul {
position: absolute;
left: -999em;
height: auto;
border-bottom: 1px solid #c70000;
margin:0px;
padding:0px;
}
.element li li {
float:left;
margin:0px;
padding:0px;
}
.element li li a, .element li li a:visited {
font-weight:normal;
font-size:10px;
background-color:#FFFFFF;
color:#000;
}
.element li li a:hover, .element li li a:active {
color:#709704;
}
.element li:hover ul, .element li li:hover ul, .element li li li:hover ul, .element li.sfhover ul, .element li li.sfhover ul, .element li li li.sfhover ul {
left: auto;color:#709704;
}
a.main:hover {
background:none; color:#709704;
}












/* ---------------- ACCORDION -------------------------*/

/*#sidebar_index {width: 330px; margin:0px; padding-top:27px; float:left;}
#sidebar_index p {
	font-size:2em;
	line-height:1.5em;
	color:#713e1f;
	margin:0px 0px;
	padding:0px;
}*/


.arrowsidemenu{
	width: 300px; /*width of menu*/
	height:188px;
}
	
.arrowsidemenu div a { /*header bar links*/
	display: block;
	/*background: transparent url(images/chevron_all.png) center right no-repeat;
	-moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em;*/
	height: 20px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding-top: 0px;
	line-height: 20px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited {
	color: #000;
}

.arrowsidemenu div a:hover {
	/*background-position: 100% -27px;*/
	color: #CCC;
}

.arrowsidemenu div.unselected a { /*header that's currently not selected*/
	color: #000;
}

	
.arrowsidemenu div.selected a { /*header that's currently selected*/
	/*background-position: 100% -60px !important;*/
	color: #666;
}

.arrowsidemenu ul {
	list-style-type: none;
	padding:0px; 
	margin:0px; 
}

.arrowsidemenu ul li {
	font-size:1.6em;
	line-height:1.87em;
	list-style:none;
	display:block;
	text-align:right;
	border-bottom: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	background-color:#FFF;
}


.arrowsidemenu ul li a { /*sub menu links*/
	display:block;
	font-weight:normal;
	color: #999;
	padding-left:20px;
	text-align:left;
	letter-spacing:1px;
}

.arrowsidemenu ul li a:hover {
	text-decoration:none; color:#000; background-color: #F0F0F0;
}
 .arrowsidemenu .current_page_item {
	text-decoration:none; color:#000; background-color: #cfd6d9;
}
.current_page_item ul li a {
	text-decoration:none; color:#000; background-color: #F0F0F0;

}

.menuheaders {
	text-align:left; padding:3px 10px; margin:0px;background-color:#F0F0F0;font-weight:lighter; border-top:none; text-transform:uppercase;
}

.selected {
	background-color:#d9e5eb; color:#999;
}

.menuheaders img {
	float:left;
	margin-top: -10px;
	padding-right: 10px;
}


select {
	width:290px;
	font-size:1.2em;
	line-height:2.5em;
	list-style:none;
	display:block;
	margin-right:10px;
	text-align:right;
	border-bottom: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	background-color:#FFF;
}





.menucontents {
	display:none;
	padding:0px 10px; 
	margin:0px; 
/*	background:#ccc; 
	border-left:1px solid #2f2c00; 
	border-right:1px solid #2f2c00;
*/}
.menucontents a, .menucontents ul li a{
	color:#778968;
	text-align:left;
	padding:0px;
}
.menucontents a:hover {color: #85534d;}

.menucontents img {
	margin: 0 auto;
	padding: 10px 10px 10px 50px;
}