@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(images/page_BG.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#a4a4a4;
	font-size:12px;
	color:#777;
	font-style:normal;
	margin:0;
	padding:0;
	text-align:left;
}

img {margin:0; padding:0; border:0;}

img, div {behavior: url(/iepngfix.htc);}

a:link, a:active, a:visited {text-decoration:none; color:#72962c;}
a:hover {color:#5a7428;}

h1 {
	color:#8fc729;
	font-weight:normal;
	font-size:2.2em;
	letter-spacing:2px;
	margin:0;
	padding:0 0 15px 0;
}

h2 {
	color:#006699;
	font-weight:bold;
	display:block;
	background-image:url(images/blue_horiz_dotted.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0 0 15px 0;
	margin:0 0 20px 0;
	font-size:1.6em;
}

h4 {
	color: #6699CC;
	font-weight: bold;
	font-size: 15px;
	margin:0;
}

span.lite {
	font-weight:normal !important;
	color:#666666;
	font-size:.7em;
	text-transform:uppercase;
	letter-spacing:1px;
}

h3 {
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	padding:0 0 5px 0;
}

h3.glossary {
	color: #006699;
	font-weight: bold;
	font-size:1.1em;
	padding:10px 0 3px 0;
}

hr {
	size:1px;
	height:1px;
	background-color:#6699CC;
	color:#6699CC;
	border:none;
}

.shadow_wrapper {
	margin: 0 auto;
	background-image:url(images/page_shadow.png);
	background-repeat:repeat-y;
	width:826px;
}

.container {
  width: 800px;
  margin: 0 13px;
  background-color:#FFFFFF;
}


.top_strip {
	background-image:url(images/top_strip_BG.gif);
	height:24px;
	background-repeat:repeat-x;
	text-align:right;
	padding:6px 16px 0 0;
}


/* HEADER
============================================================*/

.header_top {
	background-image:url(images/top_strip_shadow_BG.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:132px;

}

.panels {
	background-image:url(images/header_clouds.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	height:122px;
	width:780px;
	padding:10px 0 0 20px;
}

.header_bottom {
	background-image:url(images/blue_header_strip.gif);
	background-repeat:repeat-x;
	height:99px;
	text-align:right;
}


/* MAIn NAVIGATION
============================================================*/

.nav_bar {
	height:35px;

}

.nav_about
{
	background-image:url(images/nav_about.gif);
	background-position:0 0;
	width:111px;
	height:35px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_about:hover
{
	background-position:0 -35px;
}

.nav_contact
{
	background-image:url(images/nav_contact.gif);
	background-position:0 0;
	width:104px;
	height:35px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_contact:hover
{
	background-position:0 -35px;
}

.nav_works
{
	background-image:url(images/nav_how_it_works.gif);
	background-position:0 0;
	width:141px;
	height:35px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_works:hover
{
	background-position:0 -35px;
}

.nav_systems
{
	background-image:url(images/nav_systems.gif);
	background-position:0 0;
	width:246px;
	height:35px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_systems:hover
{
	background-position:0 -35px;
}

.nav_rebates
{
	background-image:url(images/nav_rebates.gif);
	background-position:0 0;
	width:198px;
	height:35px;
	float:left;
	text-indent:-99999px;
	overflow: hidden;
}

.nav_rebates:hover
{
	background-position:0 -35px;
}

.over
{
	background-position:0 -35px;
}



/* MAIN PAGE STUFF
============================================================*/

.page {
	background-image:url(images/nav_bar_shadow_BG.gif);
	background-repeat:repeat-x;
	background-position:top;
	line-height:1.4em;
}

.main_column {
	width:481px;
	float:left;
	padding:30px 19px 0 110px;
}

.box {
	border:1px solid #72962c;
	padding:1px;
}

.solar_logos {
	background-image:url(images/blue_horiz_dotted.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin:15px 0 0 0;
	padding:20px 0 20px 0;
}

.panel_icon {
	background-image:url(images/icon_panel.gif);
	background-position:19px 23px;
	background-repeat:no-repeat;
}

.charge_con_icon {
	background-image:url(images/icon_charge_con.gif);
	background-position:19px 23px;
	background-repeat:no-repeat;
}

.batt_charge_icon {
	background-image:url(images/icon_bat_charger.gif);
	background-position:19px 23px;
	background-repeat:no-repeat;
}

.battery_icon {
	background-image:url(images/icon_batts.gif);
	background-position:19px 23px;
	background-repeat:no-repeat;
}

.inverter_icon {
	background-image:url(images/icon_inverter.gif);
	background-position:19px 23px;
	background-repeat:no-repeat;
}

.rack_icon {
	background-image:url(images/icon_mount.gif);
	background-position:19px 23px;
	background-repeat:no-repeat;
}

.wind_icon {
	background-image:url(images/icon_wind.gif);
	background-position:19px 23px;
	background-repeat:no-repeat;
}

.tools_icon {
	background-image:url(images/icon_tools.gif);
	background-position:19px 23px;
	background-repeat:no-repeat;
}

.package_icon {
	background-image:url(images/icon_package.gif);
	background-position:19px 23px;
	background-repeat:no-repeat;
}


.system_component {
	border-bottom:1px solid #c0dfef;
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
}

.component_first {
	border-top:1px solid #c0dfef;
}

.system_component img {
	display:block;
	float:left;
	padding:0 10px 10px 0;
}



/* SITE MAP STUFF
============================================================*/

.site_map ul {
	list-style:none
}

.site_map li {
	color:#6699CC;
	font-weight:bold;
}

.site_map a, .site_map a:active, .site_map a:visited {
color:#6699CC;
}

.site_map ul li {
	
	font-size:12px;
	display:block;
	padding:5px 0;
}

.site_map ul li ul li{
	padding:5px 0;
	font-weight:bold;
}

.site_map ul li ul.lite li{
	padding:5px 0;
	font-weight:normal;
}

.site_map ul li ul li ul li{
	font-size:11px;
	padding:3px 0;
	font-weight:normal;
}






/* RIGHT SIDE BAR
============================================================*/


.rt_sidebar {
	width:153px;
	background-image:url(images/sidebar_shadow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:500px;
	float:left;
	padding:30px 15px 0 22px;
	line-height:1.2em;
	font-size:.9em;
	color:#666;
	
	overflow:visible;
}

.rt_sidebar_promo {
	background-image:url(images/blue_horiz_dotted.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.green_line {
	border-bottom: 1px solid #8fc724;
	padding-bottom:5px;
}

.bottom_border {
border-bottom:2px dotted #64a2c1;
}
	



/* RIGHT SIDE BAR JQUERY TEXT MENU
============================================================*/

ul.menu {
	text-indent:none;
	margin:0;
	padding:0;
	list-style:none;
}

ul.menu li{
	display:block;
	border-top:2px dotted #64a2c1;
	margin:0;
	border-bottom:1px solid #fff;
	
       
}

ul.menu li a{
	display:block;
	color:#7da831;
	cursor: pointer;
	background-image:url(images/L1_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:1.2em;
	padding:12px 0 10px 18px;
	margin:0;
       
}

ul.menu li.no_border {
	border:1px solid #fff;
}

ul.sub{
	text-indent:none;
	margin:0 0 0 8px;
	padding:0;
	list-style:none;
}

ul.sub li {
	background-image:none;
	padding:0 !important;
	margin:0 !important;
	border-bottom:1px solid #fff !important;
	border-top:0 !important;
}


ul.sub li a {
  display:block;
  color:#006699 !important;
  background-image:url(images/L2_bullet.gif);
  background-repeat:no-repeat;
  background-position:0 4px;
  padding: 5px 0 5px 10px; 
  text-decoration:none;
  border-bottom:1px solid #d1dae8;
  font-size:.9em;
  margin:0 !important;
}
ul.sub li a:hover {
  color: #318ab7!important;
}

ul.sub li a.last {
	border:0 !important;
}


/* FOOTER
============================================================*/

.footer {
	background-image:url(images/footer_BG.gif);
	height:30px;
	font-size:.85em;
	color:#666666;
}

.footer a, .footer a:active, .footer a:visited {
	color:#999;
}

.bottom_shadow {
	background-image:url(images/bottom_shadow.gif);
	width:826px;
	height:19px;
}


/* UTILITIES
============================================================*/

.left {
	float:left;
}

.right {
	float:right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */