body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background:#FFF url(../pix/webBg.png) 0 0 repeat-x;
	margin:0;
	padding:0;
	}
a{outline:none; text-decoration:none;}
a:link,
a:visited{color:#266088;}
a:hover{color:#84b941;}
a img{border:none;}

/* Floats
-------------------------------------------------------------- */
.alignright {float: right; overflow: hidden;}
.alignleft 	{float: left; overflow: hidden;}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.split50{overflow:auto;}
.split50 .alignleft,
.split50 .alignright{width:49%;}

.floatBoxes { overflow:hidden; }
.floatBoxes h2,
.floatBoxes h3,
.floatBoxes h4,
.floatBoxes h5,
.floatBoxes h6{margin:0 0 10px 0;}
.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }
.width15 { width: 14.999%; }
.width18 { width: 18.333%; }
.width20 { width: 19.999%; }
.width23 { width: 22.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width35 { width: 34.999%; }
.width40 { width: 39.999%; }
.width45 { width: 45%; }
.width47 { width: 46.999%; }
.width49 { width: 48.999%; }
.width50 { width: 49.999%; }
.width54 { width: 53.999%; }
.width65 { width: 64.999%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }
#block4 div{
	height:130px;
	min-height:130px;
	max-height:130px;
	/*background-color:#EEE;
	border:1px solid #CCC;
	-webkit-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border-radius: 7px;
	margin:0 0 20px 0;
	padding:10px 8px;*/
	}
#block4 h2,
#block4 h4{
	border-bottom:1px dotted #CCC;
	text-align: left;
}
#block4 h4{ font-weight:bold; color:#360}
#block4 p{font-size:11px; line-height:180%;}
/* Images
-------------------------------------------------------------- */
a img{border:none; padding:0; margin:0; outline:none;}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:4px;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 5px 2px 0;
	display: inline;
	}
img.aligncenter,
img.alignright,
img.aligncenter{border:1px solid #CCC;}
img.noborder{border:none !important; padding:0 !important;}
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.8em; margin:0 0 0.75em 0;  letter-spacing:-1px; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; font-weight:bold; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h2 small{font-size:0.51em; letter-spacing:normal;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height:180%;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a           { text-decoration: underline; outline:none; outline:0; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


blockquote{
	background-image:url(../pix/blockquote.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:10px 10px 0px 50px;
	margin:0 auto 20px auto;
	width:80%;
	font-size:1.3em;
	line-height:180%;
	}
	blockquote cite{display:block; text-align:right; font-weight:bold; font-size:12px; font-style:normal; letter-spacing:normal;}
blockquote h3{margin:0; color:#999; padding:0 0 5px 0;}
blockquote h3 strong{color:#000;}


.division{
	margin:0 0 0 30px;
	}
/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin:0 1.5em; }

ol 		 	{ margin: 0 1.5em 1.5em 1.5em; }

ul          { margin:0; padding:0; list-style:none;}
ol          { list-style-type:decimal-leading-zero; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

#wrap ul li{
	background-image:url(../pix/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:2px 0 2px 20px;
	font-size:11px;
}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.padd		{ padding:0 30px; }

.clear		{ clear:both; }
.center		{ text-align:center; }
.center a img{padding:3px; border-width:1px; border-style:solid;}
.dotted{
	margin: 15px 0px 15px 0px;
	display: block;
	background: url(../pix/dotted.png) 0 0 repeat-x;
	height: 1px;
	border: none;
	}
.txtR{text-align:right;}
.round7{
	border-top-right-radius: 7px;  
	border-top-left-radius:7px;  
	border-bottom-right-radius: 7px;  
	border-bottom-left-radius: 7px;  
	-moz-border-radius-topright : 7px;  
	-moz-border-radius-topleft : 7px; 
	-moz-border-radius-bottomright : 7px;  
	-moz-border-radius-bottomleft : 7px;  
	-ms-border-radius-topleft: 7px;  
	-ms-border-radius-topright: 7px;  
	-ms-border-radius-bottomleft: 7px;  
	-ms-border-radius-bottomright: 7px;  
	-webkit-border-top-right-radius: 7px;  
	-webkit-border-top-left-radius: 7px;  
	-webkit-border-bottom-right-radius: 7px;  
	-webkit-border-bottom-left-radius: 7px;  
	-khtml-border-radius-topleft:7px;  
	-khtml-border-radius-topright:7px;  
	-khtml-border-radius-bottomleft:7px;  
	-khtml-border-radius-bottomright:7px; 
	}
.round10{
	border-top-right-radius: 10px;  
	border-top-left-radius:10px;  
	border-bottom-right-radius: 10px;  
	border-bottom-left-radius: 10px;  
	-moz-border-radius-topright : 10px;  
	-moz-border-radius-topleft : 10px; 
	-moz-border-radius-bottomright : 10px;  
	-moz-border-radius-bottomleft : 10px;  
	-ms-border-radius-topleft: 10px;  
	-ms-border-radius-topright: 10px;  
	-ms-border-radius-bottomleft: 10px;  
	-ms-border-radius-bottomright: 10px;  
	-webkit-border-top-right-radius: 10px;  
	-webkit-border-top-left-radius: 10px;  
	-webkit-border-bottom-right-radius: 10px;  
	-webkit-border-bottom-left-radius: 10px;  
	-khtml-border-radius-topleft:10px;  
	-khtml-border-radius-topright:10px;  
	-khtml-border-radius-bottomleft:10px;  
	-khtml-border-radius-bottomright:10px; 
	}	
/* Structure
-------------------------------------------------------------- */
#mainless{
	background-image:url(../pix/webBgFix.png);
	background-position:0 0;
	background-repeat:no-repeat;
	}
#container{
	background-image:url(../pix/hdrBg.png);
	background-position:100% 0;
	background-repeat:no-repeat;
	width:980px;
	margin:0 auto;
	text-align:left;
	overflow:auto;
	}	
#content{
	width:747px;
	float:left;
	background-image:url(../pix/contentBg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:55px 0 0 0;
	}
#side{
	width:223px;
	float:left;
	}	
/* Site Top
-------------------------------------------------------------- */	
	#top{
		padding:10px;
		color:#eaf9c6;
	}
	
	#top span{
		float:right;
		background-image:url(../pix/icnPhone.png);
		background-position:left;
		background-repeat:no-repeat;
		line-height:20px;
		font-weight:bold;
		padding:0 0 0 20px;
	}
	
	#top h1{font-size:11px; color:#FFF; margin:0; padding:0;}


/* Sidebar
-------------------------------------------------------------- */
	
	#side h1,
	#side h1 a{
		width:209px;
		height:122px;
		display:block;
		text-indent:-9999em;
		background-position:0 0;
		background-repeat:no-repeat;
		margin:60px auto 60px auto;
		*margin:20px auto 100px auto !important;
		padding:0;
	}
	#side h1 a{
		background-image:url(../pix/logo.png);
	}
	
	
	ul#sideMnu{
		margin:0 0 20px 0;
	}
	ul#sideMnu li a{
		background-image:url(../pix/sideMnu.png);
		background-repeat:no-repeat;
		width:203px;
		height:53px;
		line-height:53px;
		display:block;
		text-indent:-9999em;
		}
	
	ul#sideMnu li#energytips a{background-position:0 0;}
	ul#sideMnu li#energytips a:hover,
	ul#sideMnu li#energytips.currentSide a{background-position:-203px 0;}
	ul#sideMnu li#weatherstation a{background-position:0 -53px;}
	ul#sideMnu li#weatherstation a:hover,
	ul#sideMnu li#weatherstation.currentSide a{background-position:-203px -53px;}
	ul#sideMnu li#windgeneration a{background-position:0 -106px;}
	ul#sideMnu li#windgeneration a:hover,
	ul#sideMnu li#windgeneration.currentSide a{background-position:-203px -106px;}
	ul#sideMnu li#interconnect a{background-position:0 -159px;}
	ul#sideMnu li#interconnect a:hover,
	ul#sideMnu li#interconnect.currentSide a{background-position:-203px -159px;}
	
	
	#progress{
		position:relative;
	}
	#progress img{
		position:relative;
		z-index:1;
	}
	#progress span{
		position:absolute;
		top:60px;
		left:10px;
		font-size:50px;
		font-weight:bold;
		letter-spacing:-2px;
		color:#754c24;
		z-index:3;
	}
	
/* Content
-------------------------------------------------------------- */

#content h2.pagetitle{
	font-size:35px;
	font-weight:bold;
	margin:10px 0;
	padding:10px 0;
	letter-spacing:-1px;
	border-bottom:1px dotted #CCC;
}

	#menu{
		background-image:url(../pix/mnuBg.png);
		background-position:0 0;
		background-repeat:no-repeat;
		line-height:43px;
		width:735px;
		display:block;
		margin:6px 0 20px 7px;
		position:relative;
	}
	#menu ul li{
		float:left;
	}
	
	#menu ul li a{
		display:block;
		float:left;
		background-image:url(../pix/mnu.png);
		text-indent:-99999em;
		line-height:43px;
	}
	
	#menu ul li#mnuHome a{
		background-position:0 0;
		width:71px;
		}
		#menu ul li#mnuHome a:hover{
			background-position:0 -43px;
			}
		#menu ul li.current#mnuHome a{
			background-position:0 -86px;
			}
		
	#menu ul li#mnuServices a{
		background-position:-71px 0;
		width:88px;
		}
		#menu ul li#mnuServices a:hover{
			background-position:-71px -43px;
			}
		#menu ul li.current#mnuServices a{
			background-position:-71px -86px;
			}
		
	#menu ul li#mnuRequest a{
		background-position:-159px 0;
		width:102px;
		}
		#menu ul li#mnuRequest a:hover{
			background-position:-159px -43px;
			}
		#menu ul li.current#mnuRequest a{
			background-position:-159px -86px;
			}
			
	#menu ul li#mnuTestimonial a{
		background-position:-261px 0;
		width:146px;
		}
		#menu ul li#mnuTestimonial a:hover{
		background-position:-261px -43px;
		}
		#menu ul li.current#mnuTestimonial a{
		background-position:-261px -86px;
		}
		
		
	#menu ul li#mnuAbout a{
		background-position:-407px 0;
		width:86px;
		}
		#menu ul li#mnuAbout a:hover{
		background-position:-407px -43px;
		}
		#menu ul li.current#mnuAbout a{
		background-position:-407px -86px;
		}

	#menu ul li#mnuContact a{
		background-position:-493px 0;
		width:92px;
		}
		
		#menu ul li#mnuContact a:hover{
		background-position:-493px -43px;
		}
		#menu ul li.current#mnuContact a{
		background-position:-493px -86px;
		}
	
	

	
#menu ul li ul.menu_body {
	display:none;
	width:210px;
	position:absolute;
	top:43px;
	*left:71px !important;
	margin:0 !important;
	border:1px solid #57841c;
	border-top:none;
	}
#menu ul li ul.menu_body li{background:#7ab22f;}
#menu ul li ul.menu_body li.alt{background:#629e12;}
#menu ul li ul.menu_body li a{
	text-align:left;
	padding:5px;
	line-height:normal;
	background-image:none;
	text-indent:0;	
	color:#FFF;
	text-decoration:none;
	padding:10px;
	display:block;
	width:190px !important;
	float:none !important;
	}
#menu ul li ul.menu_body li a:hover{padding:15px 10px;}

#menu ul li ul.menu_body li.currentSub a{font-weight:bold;}



/* Slider
-------------------------------------------------------------- */

#slider{
	margin:0 0 20px 0;
	}	
#wrap #slider ul, #wrap #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:690px;
	height:241px;
	overflow:hidden; 
	}	
	
p#controls{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:-160px;
	}	
#nextBtn{ 
	left:690px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../pix/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../pix/btn_next.gif) no-repeat 0 0;	
	}					


/* jCarrousel
-------------------------------------------------------------- */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 3px solid #CCC;
overflow: scroll; /*leave this value alone*/
width: 684px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 14px; /*margin around each panel*/
width: 210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.stepcarousel a#prevBtn,
.stepcarousel a#nextBtn {
	width:63px;
	height:63px;
	display:block;
	text-indent:-9999em;
	position:absolute;
	top:40px;
	z-index:10;
	}
.stepcarousel a#prevBtn {
	background-image:url(../pix/btnPrev.png);
	left:10px;
}
.stepcarousel a#nextBtn {
	background-image:url(../pix/btnNext.png);
	left:500px;
}

/* Forms
-------------------------------------------------------------- */
form#bidform{}
form.form p{
	padding:0 0 8px 0;
	}
	form.form p label{
		font-weight:bold;
		display:block;
		padding:0 0 0 5px;
	}
form#bidform div.alignleft input,
form#bidform div.alignright input{
	width:94%;
	margin:3px auto 0 0px;
	padding:3px;
	border:3px solid #ddd;
	outline:none;
	outline:0;
	}
form.form input,
form.form select,
form.form textarea{
	width:94%;
	margin:3px auto 0 0px;
	padding:3px;
	border:3px solid #ddd;
	outline:none;
	outline:0;
	}
form.form select{width:96%;}	

form#contactform label{width:50px; float:left; display:block; text-align:right; margin:5px 5px 0 0; padding:3px 0 0 0;}
form#contactform input,
form#contactform select{float:left; width:74%;}
form#contactform p{overflow:hidden;}

form#bidform input,
form#bidform select,
form#bidform textarea{width:94%;}
form#bidform select{width:96%;}

form #submit{border:none; padding:0; width:auto  !important; height:auto !important;}



/* Footer
-------------------------------------------------------------- */

#footer{
	background-image:url(../pix/footerBg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	overflow:auto;
	position:relative;
}
#footer img{float:right;}
.footWrap{
	width:700px;
	margin:73px auto 0 auto;
	padding:20px 0 0 0;
	font-size:11px;
	background-image:url(../pix/footerArrow.png);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:left;
	color:#FFF;
	}
	.footWrap p strong{color:#ffe16b;}

/* Messages */

.info, .note{
	border-width:1px;
	border-style:solid;
	padding:10px;
}
.info{
	background-color:#DEF;
	border-color:#B7DBFF;
	color:#069;
	}
.note{
	background-color:#FFC;
	border-color:#FC3;
	color:#000;
}
/* Layout Elements
-------------------------------------------------------------- */
.icn{background-position:left; background-repeat:no-repeat; padding:10px 0 10px 60px; font-size:1.8em; letter-spacing:-1px}

.services{
	background-image:url(../pix/services.png);
	background-repeat:no-repeat;
	font-size:35px;
	font-weight:bold;
	margin:10px 0;
	padding:10px 0 10px 60px;
	letter-spacing:-1px;
	border-bottom:1px dotted #CCC;
	}
.pComercial{background-position:0 5px;}
.pResidential{background-position:0 -70px;}
.pForeclosure{background-position:0 -145px;}
.pConstruction{background-position:0 -210px;}
.icn strong{color:#69a318;}
.process{background-image:url(../pix/process.png);}
.accept{background-image:url(../pix/accept.png);}
#split2 h4{
	font-weight:bold;
	letter-spacing:-1px;
	border-bottom:1px dotted #CCC;
	padding:0 0 4px 0;
}

.mod{
	border:1px solid #DDD;
	padding:10px;
}
.mod h2,
.mod h3,
.mod h4{margin:0 0 10px 0; border-bottom:1px dotted #CCC; padding:5px 0 10px 40px; font-size:1.5em;}
.mod ul,
.mod ul li{font-size:12px !important;}
.mod p a img{border:2px solid #333 !important; padding:4px !important; background-color:#FFF;}

/* reCAPTCHA
-------------------------------------------------------------- */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#F8F8F8 !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #DDDDDD !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #DDDDDD !important; //Text input field border color
   background-color:#FFFFFF !important; //Text input field background color
 }