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

* {
	margin:0px;
	padding:0px;
}
img {
	border:0px;
}
sup {
	font-size:70%;
}

#wrapper {
	width:900px;
	margin:auto;
}
img.logo {
	border:0px;
	float:left;
	margin:15px 0 15px 23px;
}
@font-face {
 font-family: Nilland;
 src: url("Nilland.eot") /* EOT file for IE */
}
@font-face {
 font-family: Nilland;
 src: url("Nilland.ttf") /* TTF file for CSS3 browsers */
}
.bluetext {
	color:#0165c3;
}
.smaller {
	font-size:80%;
}
.calcmessage {
	color:#0165c3;
}
.contactmessage {
	color:#0165c3;
	font-weight:bold;
}
p.clearleft {
	clear:left;
}
ul.smallnav {
	list-style:none;
	display:inline;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	color:#D5D5D5;
	margin:50px 30px 0 0;
	float:right;
}
ul.smallnav li {
	display:inline;
	color:#757575;
	font-size:0.75em;
}
ul.smallnav a {
	color:#757575;
	text-decoration:none;
}
ul.smallnav a:hover {
	color:#0165c3;
	text-decoration:none;
}
#featurepanel {
	width:900px;
	height:235px;
	clear:both;
	background-image:url(images/background_top.jpg);
	background-repeat:no-repeat;
}
/*#featurepanel h1{
	font-family:Nilland, "Helvetica Neue", Arial, sans-serif;
	color:#ffffff;
	font-weight:normal;
	font-size:2.5em;
	letter-spacing:0.02em;
	margin-left:30px;
	padding-top:25px;
}
#featurepanel h2{
	font-family:Nilland, "Helvetica Neue", Arial, sans-serif;
	color:#ffffff;
	font-weight:normal;
	font-size:1em;
	letter-spacing:0.01em;
	margin-left:30px;
	padding-top:7px;
}*/
#featurepanel ul#animation {
	font-family:Nilland, "Helvetica Neue", Arial, sans-serif;
	color:#ffffff;
	font-weight:normal;
	font-size:2.5em;
	letter-spacing:0.02em;
	margin-left:30px;
	padding-top:35px;
	list-style:none;
	line-height:80%;
}
#featurepanel ul#animation li .smallad {
	font-family:Nilland, "Helvetica Neue", Arial, sans-serif;
	color:#ffffff;
	font-weight:normal;
	font-size:40%;
	letter-spacing:0.01em;
	padding-top:0px;
	margin-top:0px;
}
#featurepanel ul#animation a {
	color:#ffffff;
	text-decoration:none;
}
#homeboxes {
	width:860px;
	margin-left:30px;
	padding-top:25px;
}
#homeboxes img {
	margin-right:16px;
}
#homefooter {
	width:900px;
	height:118px;
	background-image:url(images/background_bottom.jpg);
	background-repeat:no-repeat;
	clear:both;
	margin-top:20px;
}
#logocontainer {
	width:900px;
	clear:both;
	margin-top:30px;
}
#logocontainer img {
	float:left;
}
#copyright {
	width:900px;
	margin:auto;
	clear:both;
	padding-top:20px;
	margin-bottom:20px;
}
#copyright p {
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	color:#ABABAB;
	font-size:0.58em;
	text-align:center;
	padding-top:5px;
}
#copyright a {
	color:#ABABAB;
	text-decoration:none;
}
#copyright a:hover {
	color:#0165c3;
	text-decoration:none;
}


#contentcontainer {
	float:left;
	clear:both;
	width:900px;
}
/* ------------------------------------   SUBNAV STYLES START HERE   ----------------------------------------*/
#subnav {
	width:226px;
	height:auto;
	clear:left;
	margin-bottom:40px;
	float:left;
	margin-right:5px;
}

#subnav h2 {
	height:28px;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	color:#ffffff;
	font-weight:normal;
	font-size:0.9em;
	letter-spacing:0.01em;
	margin-top:2px;
}
#subnav img.navimg {
	/*margin-top:-3px;*/
	margin-bottom:1px;
}
#subnav h2.projects a {
	width:225px;
	height:28px;
	background-image:url(images/grey_nav_bar.gif);
	background-repeat:no-repeat;
	padding:4px 145px 12px 30px;
	margin-top:0px;
	color:#ffffff;
	margin-top:1px;
	text-decoration:none;
	display:block;
}
#subnav h2.projects a:hover {
	background-image:url(images/blue_nav_bar_hover.gif);
	background-repeat:no-repeat;
}

#subnav h2.products a {
	width:225px;
	height:28px;
	background-image:url(images/grey_nav_bar.gif);
	background-repeat:no-repeat;
	padding:4px 135px 12px 30px;
	margin-top:0px;
	color:#ffffff;
	margin-top:1px;
	text-decoration:none;
	display:block;
}
#subnav h2.products a:hover {
	background-image:url(images/blue_nav_bar_hover.gif);
	background-repeat:no-repeat;
}

#subnav h2.calc a {
	width:225px;
	height:28px;
	background-image:url(images/grey_nav_bar.gif);
	background-repeat:no-repeat;
	padding:4px 130px 12px 30px;
	margin-top:0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}
#subnav h2.calc a:hover {
	background-image:url(images/blue_nav_bar_hover.gif);
	background-repeat:no-repeat;
}
#subnav h2.company a {
	/*width:227px;*/
	height:28px;
	background-image:url(images/grey_nav_bar.gif);
	background-repeat:no-repeat;
	padding:4px 95px 12px 30px;
	margin-top:0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}
#subnav h2.company a:hover {
	background-image:url(images/blue_nav_bar_hover.gif);
	background-repeat:no-repeat;
}

/* -----------   SUBNAV PAGE SPECIFIC IMAGE STYLES   -------------------*/

.projects #subnav h2.projects a {
	background-image:url(images/blue_nav_bar.gif);
	background-repeat:no-repeat;
}
.products #subnav h2.products a {
	background-image:url(images/blue_nav_bar_product.gif);
	background-repeat:no-repeat;
}
.calc #subnav h2.calc a {
	background-image:url(images/blue_nav_bar_calc.gif);
	background-repeat:no-repeat;
}
.company #subnav h2.company a {
	background-image:url(images/blue_nav_bar_company.gif);
	background-repeat:no-repeat;
}

/* ------------------------------------   SUBNAV STYLES END HERE   ----------------------------------------*/


/* --------------------------------------  SUBSUBNAV STYLES START HERE ---------------------------------------*/

#subsubnav {
	width:192px;
	height:auto;
	float:right;
	background-image:url(images/sub-menu-mid.gif);
	background-repeat:repeat-y;
	margin-left:30px;
	margin-bottom:0px;
	padding:0px;
}

#subsubnav ul.subsubnavul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	color:#ffffff;
	font-size:0.65em;
	text-align:center;
}
#subsubnav ul.subsubnavul li {
	margin:0px;
	padding:0px;
	margin:5px 0 5px 0;
	clear:right;
	padding:3px 0 3px 0;
	float:right;
	width:192px;
}
#subsubnav ul.subsubnavul a {
	color:#9adcf5;
	text-decoration:none;
}
#subsubnav ul.subsubnavul a:hover {
	color:#ffffff;
	text-decoration:none;
}
#subsubnav ul.subsubnavul a.here {
	color:#ffffff;
	text-decoration:none;
}
#subsubnav img.subsubnavline {
	margin:0px;
	padding:0px;
	clear:both;
	float:right;
	/*margin-top:5px;*/
}
img.submenutop {
	float:right;
}
img.submenubottom {
	float:right;
	clear:right;
	margin-top:5px;
}
#subsubnav img.productimagefloatright {
	float:right;
	clear:right;
	margin-top:20px;
}


/* --------------------------------------  SUBSUBNAV STYLES END HERE ---------------------------------------*/


#content {
	width:668px;
	height:auto;
	/*float:right;*/
	float:left;
}
#content #subcontent {
	width:440px;
	float:left;
	margin:0px;
}
#content #subheader {
	width:668px;
	height:86px;
	background-image:url(images/sub_header.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
}

#content #subheader h1{
	font-family:Nilland, "Helvetica Neue", Arial, sans-serif;
	color:#ffffff;
	font-weight:normal;
	font-size:2em;
	letter-spacing:0.02em;
	margin-left:30px;
	padding-top:25px;
}
#content h2 {
	color:#0165c3;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:150%;
	margin:20px 30px 20px 30px;
	clear:left;
}
#content h3 {
	color:#0098dc;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	font-size:0.75em;
	font-weight:normal;
	line-height:150%;
	margin:20px 30px 8px 30px;
	clear:left;
}
#content h3.offgridh3 {
	color:#0098dc;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	font-size:0.75em;
	font-weight:normal;
	line-height:150%;
	margin:22px 30px 0px 30px;
	clear:left;
}
#content h4 {
	color:#0098dc;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	font-size:1em;
	font-weight:normal;
	line-height:150%;
	margin:20px 30px 10px 30px;
	clear:left;
}
#content p {
	/*width:408px;*/
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	color:#757575;
	font-size:0.75em;
	line-height:170%;
	margin:0px 30px 20px 30px;
	/*float:left;*/
	clear:none;
}
#content p.note {
	width:608px;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	color:#757575;
	font-size:0.6em;
	line-height:170%;
	margin:0px 30px 20px 30px;
}
#content p.backtotop {
	clear:left;
}
#content ul.plist {
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	color:#757575;
	font-size:0.75em;
	line-height:150%;
	margin:0px 30px 20px 30px;
	padding-left:15px;
	/*clear:left;*/
}
#content ul.plist li {
	margin-top:5px;
}
#content a {
	color:#0165c3;
	text-decoration:none;
}
#content a:hover {
	color:#0098dc;
	text-decoration:underline;
}
#content img.hrline {
	margin-left:30px;
}
#content img.productimage {
	margin-left:30px;
}
#content img.productimagefloat {
	float:left;
	clear:none;
	margin:8px 20px 15px 30px;
	border:1px solid #C0C0C0;
	padding:3px;
}
#content img.projectimagefloat {
	float:left;
	margin:10px 5px 20px 30px;
}
#content img.productimagefloatborder {
	float:left;
	margin:0 20px 15px 30px;
	border: 1px solid #757575;
	padding:10px;
}

#rightdiv {
	float:right;
}
#content img.inverterline {
	float:left;
	margin-left:30px;
	width:410px;
	height:1px;
}
#content img.inverterlinelonger {
	float:left;
	margin-left:30px;
	margin-bottom:20px;
	margin-top:30px;
	width:608px;
	height:1px;
}
#content img.offgridline {
	float:left;
	margin-left:30px;
	width:410px;
	height:1px;
	margin-bottom:20px;
}
#content .skipto {
	font-size:55%;
	/*margin-left:130px;*/
	color:#D5D5D5;
	/*float:right;*/
}
#content .skipto a {
	color:#ABABAB;
}
#content .skipto a:hover {
	color:#0098dc;
}
p.backtotopinverters {
	float:right;
	width:80px;
}
form#contactform {
	color:#757575;
	font-size:0.75em;
	margin-left:30px;
	margin-top:25px;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
}
form#contactform input,
form#contactform textarea {
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	color:#0165c3;
	font-size:0.9em;
	border:1px solid #0165c3;
	background-color:#E9E9E9;
	padding:2px;
}
form#contactform input {
	width:303px;
}
form#contactform input#submit {
	border:0px;
	background-color:none;
	cursor:pointer;
	color:#0165c3;
	font-size:1em;
	padding:2px;
	margin-top:20px;
	width:150px;
}
form#contactform td.lefttd {
	width:150px;
}
#content table.invertertable {
	width:608px;
	font-family:/*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "Helvetica Neue", Arial, sans-serif;
	color:#757575;
	font-size:0.7em;
	margin:0px 30px 20px 30px;
	border-collapse:collapse;
}
#content table.invertertable tr {
	height:25px;
}
#content table.invertertable td {
	border:1px solid #0098dc;
	padding:5px;
	text-align:center;
}
#content table.invertertable td.leftalign {
	text-align:left;
}
#content table.invertertable tr.heading {
	background-color:#d6e9fa;
	text-align:center;
	height:40px;
	color:#0165c3;
}
#content table.invertertable tr.subheading {
	text-align:center;
	background-color:#0098dc;
	color:#ffffff;
	font-size:115%;
	height:30px;
}
#content table.invertertable tr.subheading td {
	border:1px solid #0098dc;
}
#content .projectimagesdiv {
	width:668px;
	float:left;
	overflow:visible;
	margin-bottom:10px;
}