/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
}

body {
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: #dcddd4;
	font-family: Arial, Helvetica, sans-serif;
	width: 952px;
}

.clearit {
	clear: both;
	height: 0;
	overflow: hidden;
	}

img.icon {
	vertical-align: middle;
	margin: 0 4px 0 0;
	}

/**************************** Outerwrap with Page BG **************************/

#outerwrap {
	margin: 0 auto;
	height: auto;
	width: 952px;
	background: url(images/site-bg.gif) repeat-y;
}

/**************************** Innerwrap **************************/

#innerwrap {
	margin: 0 29px;
	padding: 0 0 12px 0;
	height: auto;
	width: 894px;
	background: #fff;
}

/**************************** Header and Logo Elements **************************/

#branding {
	width: 894px;
	margin: 0px 0 0 0;
	padding: 12px 0 0 0;
}
.logo {
	float: left;
	width: 222px;
	height: 51px;
}
.logo h1 {
	text-indent: -999px;
}
.logo h1 a {
	display: block;
	background: url(images/on-solar-simple-solar-power.gif) no-repeat;
	width: 222px;
	height: 51px;
}

.contact {
	float: right;
	width: 300px;
	margin: 34px 0 0 0;
	text-align: right;
	font-size: 13px;
	color: #888;
	white-space:pre;
}
.contact a {
	color: #888;
	text-decoration:none;
}
.contact a:hover {
	color: #888;
	text-decoration:underline;
}

/**************************** Navigation **************************/

#nav {
	margin: 12px 0 0 0;
	width: 894px;
	height: 32px;
	background: url(images/nav-bg.gif) repeat-x;
}
#nav ul {
	display: inline;
}
#nav ul li {
	display: block;
	float: left;
	width: 106px;
	height: 27px;
	margin: 0 2px 0 0;
	padding: 0;
}
#nav img {
	border: none;
}
.navdivide {
	color: #ccc;
	}

/**************************** Homepage Feature **************************/

#home_cases {
	margin: 8px 0 0 0;
	width: 894px;
	height: 297px;
}
#main_content {
	margin: 0px 0 0 0;
	width: 894px;
	height: auto;
}

/**************************** Three Column Modules **************************/

#three_cols {
	margin: 10px 0 0 0;
	width: 894px;
	height: auto;
	background: url(images/3col-bg.gif) repeat-y;
}
#three_cols_nobg {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	width: 894px;
	height: auto;
	background: none;
}
#three_cols h2.black, #three_cols_nobg h2.black {
	font-size:15px;
	color:#222;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#three_cols h2.shaded, #three_cols_nobg h2.shaded {
	font-size:14px;
	color:##f9116;
	font-weight:bold;
	margin:0px;
	padding:3px 0;
	text-align:center;
	background:#f1f3dd;
}
#three_cols h2, #three_cols_nobg h2 {
	font-size:15px;
	color:#4f9116;
	font-weight:bold;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
}
#three_cols h3, #three_cols_nobg h3 {
	font-size:13px;
	color:#333;
	font-weight:bold;
	margin: 10px 0 0 0;
}
#three_cols p, #three_cols_nobg p {
	font-size:12px;
	color:#555;
	font-weight:normal;
	margin: 10px 0 0 0;
}
#three_cols p.mrghalf, #three_cols_nobg p.mrghalf {
	font-size:12px;
	color:#555;
	font-weight:normal;
	margin: 5px 0 0 0;
}
#three_cols p.byline, #three_cols_nobg p.byline {
	font-size:12px;
	color:#999;
	font-weight:normal;
	margin: 10px 0 0 0;
	font-style:italic;
}
#three_cols ul, #three_cols_nobg ul {
	font-size:12px;
	color:#555;
	font-weight:normal;
	margin: 7px 0 0 7px;
	padding: 0 0 0 7px;
}
#three_cols li, #three_cols_nobg li {
	margin: 1px;
	padding: 0px;
}
#three_cols a, #three_cols_nobg a {
	color:#4f9116;
}
#three_cols img.border, #three_cols_nobg img.border {
	border: solid 1px #4f9116;
}


.col_left {
	float: left;
	width: 282px;
	height: auto;
}
.col_middle {
	float: left;
	width: 282px;
	height: auto;
	margin: 0 0 0 24px;
}
.col_right {
	float: right;
	width: 282px;
	height: auto;
}

/**************************** Subpage Content Titles and Steps **************************/

.content_sub {
	width: 894px;
	height: auto;
	margin: 14px 0 0 0;
}

#content_sub_title {
	float: left;
	width: 450px;
	height: 25px;
}
#content_sub_title h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0; padding: 0;
	color: #4f9116;
}
#content_sub_steps {
	float: right;
	width: 420px;
	height: 25px;
	text-align: center;
}
#content_sub_steps p {
	padding: 5px;
	font-size: 12px;
	color: #4f9116;
	white-space: pre;
}
#content_sub_steps a {
	color: #4f9116;
	text-decoration: none;
}
#content_sub_steps a:hover {
	color: #4f9116;
	text-decoration: underline;
}
#content_sub_steps a.selected {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#content_sub_steps a.selected:hover {
	color: #fff;
	text-decoration: none;
}
#content_sub_steps a.white {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#content_sub_steps a.white:hover {
	color: #fff;
	text-decoration: none;
}

.step1 {
	background: #fff url(images/sub-steps/step1.gif) no-repeat;
}
.step2 {
	background: #fff url(images/sub-steps/step2.gif) no-repeat;
}
.step3 {
	background: #fff url(images/sub-steps/step3.gif) no-repeat;
}
.step4 {
	background: #fff url(images/sub-steps/step4.gif) no-repeat;
}
.step5 {
	background: #fff url(images/sub-steps/step5.gif) no-repeat;
}
.step6 {
	background: #fff url(images/sub-steps/step6.gif) no-repeat;
}


/**************************** Subpage Content Styles **************************/

.sub_left {
	float:left;
	width:590px;
	height:auto;
	padding: 0 0 10px 0;
}
.sub_left_module {
	width:590px;
	margin:12px 0 0 0;
}
.sub_full {
	width:894px;
	height:auto;
	padding: 0 0 10px 0;
}
.sub_left h1, .sub_full h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0; padding: 0;
	color: #4f9116;
}
.sub_left h2, .sub_full h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #222;
}
.sub_left h2.mrg, .sub_full h2.mrg {
	font-size: 16px;
	font-weight: bold;
	margin: 12px 0 0 0;
	padding: 0;
	color: #222;
}
.sub_left h3, .sub_full h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 12px 0 0 0;
	padding: 0;
	color: #4f9116;
}
.sub_left h3.nomrg, .sub_full h3.nomrg {
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0 0 0;
	padding: 0;
	color: #4f9116;
}
.sub_left h3.bg, .sub_full h3.bg {
	font-size: 15px;
	font-weight: bold;
	margin: 12px 0 0 0;
	padding: 0 0 10px 0;
	color: #4f9116;
	background:url(images/h3-main-bg.gif) bottom left no-repeat;
}
.sub_left h4, .sub_full h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0 0 0;
	padding: 0;
	color: #333;
}
.sub_left p, .sub_full p {
	font-size: 13px;
	font-weight: normal;
	margin: 12px 0 0 0;
	padding: 0;
	color: #444;
	line-height: 1.4em;
}
.sub_left p.nomrg, .sub_full p.nomrg {
	font-size: 13px;
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 0;
	color: #444;
	line-height: 1.4em;
}
.sub_left ul, .sub_full ul {
	font-size: 13px;
	font-weight: normal;
	margin: 10px 0 0 16px;
	padding: 0px 0 0 16px;
	color: #444;
	line-height: normal;
	list-style: none;
}
.sub_left ul.narrow, .sub_full ul.narrow {
	font-size: 13px;
	font-weight: normal;
	margin: 10px 0 0 7px;
	padding: 0px 0 0 7px;
	color: #444;
	line-height: normal;
	list-style: none;
}
.sub_left ul li, .sub_full ul li {
	color: #444;
	padding: 0px 0 0 10px;
	margin: 2px 0 0 0;
	list-style: none;
	background: url(images/bullet.gif) top left no-repeat;
}
.sub_left ol, .sub_full ol {
	font-size: 13px;
	font-weight: normal;
	margin: 10px 0 0 41px;
	padding: 0px 0 0 10px;
	color: #444;
	line-height:normal;
}
.sub_left ol li, .sub_full blockquote {
	color: #444;
	padding: 0px 0 0 0px;
	margin: 2px 0 0 0;
}

.sub_left blockquote, .sub_full blockquote {
	font-size: 16px;
	font-weight: normal;
	margin: 12px 0 0 0px;
	padding:8px 12px;
	color:#42810b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background: #f1f3dd;
	line-height: 1.35em;
}
.sub_left a, .sub_full a {
	color: #42810b;
	text-decoration: underline;
}
.sub_left a:hover, .sub_full a:hover {
	color: #87cc38;
	text-decoration: underline;
}

.sub_left_icon {
	float:left;
	width:55px;
	margin:12px 0 0 0;
}
.sub_left_maintext {
	float:right;
	width:516px;
}



.sub_right {
	float:right;
	width:282px;
	height:auto;
}
.sub_right ul {
	margin: 1px 0 0 12px;
	padding: 0 0 9px 12px;
}
.sub_right h3 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #222;
	font-weight: bold;
}
.sub_right p {
	margin: 10px 0 0 0;
	padding: 0px;
	font-size: 12px;
	color: #333;
}
.sub_right p.small {
	margin: 10px 0 0 0;
	padding: 0px;
	font-size: 12px;
	color: #333;
}
.sub_right p.small_green {
	margin: 10px 0 0 0;
	padding: 0px;
	font-size: 12px;
	color: #42810b;
}
.sub_right ul, .sub_right ol {
	margin: 6px 0 0 18px;
	padding: 0px 0 0 18px;
	color: #444;
	line-height:normal;
	font-size:12px;
	color:#333;
}
.sub_right a {
	color:#42810b;
}
.sub_right a:hover {
	color:#87cc38;
}

.sub_right_module {
	width:282px;
	color: #333;
}
.sub_right_caption {
	margin: 10px 0 0 0;
	width:282px;
	background:url(images/caption-bg.gif) no-repeat;
	font-size: 12px;
	color: #4a4a4a;
	border-bottom: solid 1px #d4edb5;
}
.sub_right_caption_nomrg {
	margin: 0px 0 0 0;
	width:282px;
	background:url(images/caption-bg.gif) no-repeat;
	color: #4a4a4a;
	border-bottom: solid 1px #d4edb5;
}
.sub_right_caption h1, .sub_right_caption_nomrg h1 {
	padding: 10px 10px 9px 10px;
	font-size: 14px;
}
.sub_right h2, .sub_right_caption h2, .sub_right_caption_nomrg h2 {
	padding: 10px 10px 9px 10px;
	font-size: 15px;
}
.sub_right h2.large, .sub_right_caption h2.large, .sub_right_caption_nomrg h2.large {
	padding: 10px 10px 0px 10px;
	font-size: 15px;
}
.sub_right h3, .sub_right_caption h3, .sub_right_caption_nomrg h3 {
	padding: 10px 10px 0px 10px;
	font-size: 15px;
	color:#4f9116;
	font-weight:bold;
}
.sub_right h3.nomrg, .sub_right_caption h3.nomrg, .sub_right_caption_nomrg h3.nomrg {
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	color:#4f9116;
	font-weight:bold;
}
.sub_right h4, .sub_right_caption h4, .sub_right_caption_nomrg h4 {
	padding: 10px 10px 0px 10px;
	font-size: 13px;
	color:#4f9116;
	font-weight:bold;
}
.sub_right p, .sub_right_caption p, .sub_right_caption_nomrg p {
	padding: 10px 10px 9px 10px;
	margin: 0px;
	font-size: 12px;
}
.sub_right_caption p.testimonial, .sub_right_caption_nomrg p.testimonial {
	padding: 10px 10px 9px 10px;
	margin: 0px;
	font-size: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	line-height:1.4em;
}
.sub_right_caption p.right, .sub_right_caption_nomrg p.right {
	padding: 10px 10px 9px 10px;
	margin: 0px;
	font-size: 12px;
	text-align:right;
	color:#4f9116;
}
.sub_right_caption p.nomrg, .sub_right_caption_nomrg p.nomrg {
	padding: 3px 10px 9px 10px;
	margin: 0px;
	font-size: 12px;
}
.sub_right_caption p.list, .sub_right_caption_nomrg p.list {
	padding: 10px 10px 5px 10px;
	margin: 0px;
	font-size: 12px;
}
.sub_right_caption ul, .sub_right_caption_nomrg ul {
	padding: 0px 10px 10px 15px;
	margin: 0 0 0 15px;
	font-size: 12px;
	color:#333;
}
.sub_right_caption a, .sub_right_caption_nomrg a {
	color: #4f9116;
	text-decoration: underline;
}

.img_steps {
	margin: 0 10px 3px 0;
}


.stepwrapper {
	margin: 0px 0 0 0;
	width:282px;
}
.stepwrapper_img {
	float:left;
	width:32px;
	margin:13px 0 0 13px;
}
.stepwrapper_text {
	float:right;
	margin: 0px 0 0 0;
	width:235px;
}

.contact_form {
	float:right;
	width:292px;
}

/**************************** Table Styles **************************/

.table_leads {
	margin: 10px 0 0 0;
}
.table_leads td {
	padding: 1px 0;
	font-size: 12px;
	color: #666;
}

.table_leads_body {
	margin: 12px 0 6px 14px;
	border:solid 1px #8fd040;
}
.table_leads_contact {
	margin: 3px 0 0px 0px;
	border:solid 1px #8fd040;
}
.table_leads_body td.top, .table_leads_contact td.top {
	padding: 7px 0 0 7px;
	font-size: 12px;
	color: #4f9116;
}
.table_leads_body td, .table_leads_contact td {
	padding: 3px 0 0 7px;
	font-size: 12px;
	color: #4f9116;
}
.table_leads_body td.bottom, .table_leads_contact td.bottom {
	padding: 3px 0 7px 7px;
	font-size: 12px;
	color: #4f9116;
}

.leadsfields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 0;
}
.leadsfields_mrgleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: normal;
}
.leadsbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	padding: 1px;
	margin: 3px 0 0 0;
	font-weight: bold;
}


.table_data {
	margin: 10px 0 0 0;
	border-top: solid 1px #d2d2d2;
	border-left: solid 1px #d2d2d2;
}
.table_data th {
	padding: 2px 4px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	background: #87cc38;
}
.table_data td {
	padding: 3px 4px;
	font-size: 12px;
	color: #333;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}
.table_data td.orange {
	color: #ea7400;
	font-weight: bold;
}
.table_data td.red {
	color: #f80000;
	font-weight: bold;
}


.table_financing {
	margin: 12px 0 0 0;
	border-top: solid 1px #c7db90;
	border-left: solid 1px #c7db90;
}
.table_financing th {
	padding: 3px 4px;
	font-size: 14px;
	color: #fff;
	border-right: solid 1px #c7db90;
	border-bottom: solid 1px #c7db90;
	text-align:left;
	font-weight:bold;
	background:#87cc38;
}
.table_financing td {
	padding: 3px 4px;
	font-size: 12px;
	color: #333;
	border-right: solid 1px #c7db90;
	border-bottom: solid 1px #c7db90;
}
.table_financing td.left {
	padding: 3px 4px;
	font-size: 13px;
	color: #4f9116;
	border-right: solid 1px #c7db90;
	border-bottom: solid 1px #c7db90;
	background:#f1f3dd;
	font-weight:bold;
}


.natav {
	background: #f5f6e7;
}


/***********************  ***********************/

.ajax_module {
	width:588px;
	height:auto;
	padding:0 0 10px 0;
	margin:12px 0 0 0;
	background:#f4f4f4;
	border:solid 1px #ccc;
}
.ajax_module p {
	font-size: 13px;
	color:#333;
	padding:0px 0 0px 0;
	margin:0px 0 0 0;
}
.ajax_module_left {
	float:left;
	width:220px;
	height:auto;
	padding:0px;
	margin:10px 0 0 10px;
}
.ajax_module_left_top {
	width:220px;
	padding:7px 0 2px 0;
	background:url(images/ajax/top.gif)
}
.ajax_module_left_top p {
	margin-top: 3px;
	margin-right:10px;
	margin-left:10px;
	padding:0;
	}
.ajax_module_left_top a {
	color:#333;
	text-decoration:none;
	padding:1px 8px 1px 8px;
	}
.ajax_module_left_top a:hover {
	color:#333;
	text-decoration:underline;
	}
.ajax_module_left_top a.current {
	color:#333;
	text-decoration:none;
	display:block;
	background:url(images/ajax/a-bg.gif) top left no-repeat;
	}
.ajax_module_left_top a.current:hover {
	color:#333;
	text-decoration:none;
	}

.ajax_module_left_bottom {
	width:220px;
	height:8px;
	background:url(images/ajax/bottom.gif)
}
#ajaxmodule-right {
	float:right;
	width:335px;
	height:auto;
	padding:0px;
	margin:10px 10px 0 0;
}
#ajaxmodule-right p {
	padding:0px;
	margin:10px 0 0 0;
}
#ajaxmodule-right img {
	float:right;
	margin: 0 0 6px 14px;
	border: solid 1px #4f9116;
}


.imgmargin_left {
	margin:0 0 5px 12px;
}
.imgmargin_right {
	margin:0 12px 5px 0;
}
.imgmargin_left_bdr {
	margin:0 0 5px 12px;
	border:solid 1px #666;
}
.imgmargin_right_bdr {
	margin:0 12px 5px 0;
	border:solid 1px #666;
}

/**************************** Footer Elements **************************/

#footer {
	background: url(images/footer-bg.gif) no-repeat;
}
.footer_left {
	float: left;
	width: 400px;
	margin: 33px 0 0 20px;
	font-size: 12px;
	color: #333;
}
.footer_left a {
	color: #333;
	text-decoration:none;
}
.footer_left a:hover {
	color: #726f5d;
	text-decoration:underline;
}
.footer_right {
	float: right;
	width: 470px;
	margin: 33px 20px 0 0;
	font-size: 12px;
	color: #333;
	text-align: right;
}
.footer_right a {
	color: #333;
	text-decoration: underline;
}
.footer_right a:hover {
	color: #726f5d;
	text-decoration: underline;
}
.footer_divide {
	color: #cdc3b6;
	margin: 0 8px;
}