/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

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

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { margin: 57px 0 47px 0; font-size: 0.62em; font-family: Arial, Helvetica, sans-serif; text-align: center; }

p, h1, h2 { margin: 0 0 9px 0; }
p { font-size: 1.1em; line-height: 1.27em; }
h1 { font-size: 1.2em; line-height:1.16em; font-weight:bold;color:#093479; }
h2 { font-size: 1.2em; line-height:1.16em; font-weight:bold;color:#093479;}
h3, h4, h5, h6 { font-size: 1.1em; font-weight:bold; line-height:1.27em;}

a { color: #B60000;  text-decoration: underline;}
a:hover, a:active { text-decoration: none; }

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form { width: 38em; margin-left: 5px; }

form p {font-size: 100%; padding: 2px;margin: 0;}

/* fieldset styling */
fieldset { margin: 1em 0;	padding: 1em;	border : 1px solid #e2e2e2; }

/* legend styling */
legend {font-weight: bold;color: #0567ae; }

/* style for  labels */
label { float: left; width: 14em;}

/* style for required labels */
label .required { font-size: 0.9em; font-style: normal; color: red; }

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input { width: 225px; }

input.radio, input.submit { 	width: auto; }

textarea { width: 225px;	height: 100px; padding:0;} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 170px;
	padding: 0 .25em;
	background-color: #0567ae;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */

.group:after, #sidebar:after, #wrapper:after, #header .branding:after, #nav:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.group, #sidebar, #wrapper, #header .branding, #nav { zoom: 1; display: block; }

.clearfix {clear: both; overflow: hidden;}

body {margin:0;padding:0;font-size:62.5%;font-family: Arial, Helvetica, sans-serif;text-align:center;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	/* Main Backgrounds */
	body {background: #ffffff; color: #000000;}
  #page { overflow: hidden; }
	.container { background:#dbd3b0 url(../images/bg.jpg) repeat-x top left;  padding:0 0 5px;  }
	#header {position:relative; width:780px; height: 138px; margin: 0 auto; padding:0; 
    background: #ffffff url(../images/bg_header.jpg) no-repeat top left; }
  #wrapper { position: relative; width: 780px; margin:0 auto;}
  
	#content {width:610px; float:right; }
  #sidebar {width: 170px; float:left; }
	#footer {clear:both; width: 780px; margin: 0 auto;}
	
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
  #header h1 {margin:0;padding:0;width:215px;height:95px; position: absolute; top: 8px; left: 13px;}
	#header h1 a {display:block;text-indent:-9999px;background:url(../images/logo.jpg) no-repeat;width:215px;height:95px;margin:0; padding:0;}
	
  #header .request { position: absolute; top: 108px; right:14px; 
  		width: 305px;  text-align: center; font: 1.1em Verdana, Geneva, sans-serif;
  		background: url(../images/bg_request.gif) no-repeat 0 0;
  		color: #B00000; height: 30px;  line-height: 20px;
  		}    
	#header .request a {font-weight: bold; line-height: 36px; font-size: } 
	
	  #header .request2 { position: absolute; top: 108px; right:14px; 
  		width: 350px;  text-align: center; font: 1.1em Verdana, Geneva, sans-serif;
  		background: url(../images/bg_request2.gif) no-repeat 0 0;
  		color: #B00000; height: 30px;  line-height: 20px;
  		}    
	#header .request2 a {font-weight: bold; line-height: 36px; font-size: } 
	
	#header .slogan {text-transform: uppercase; position: absolute; top: 35px; right: 15px;
		font-size: 1.8em; color: #0e0e0e;} 		

	#header .phone {position: absolute; top: 62px; right: 15px; padding: 4px 0 0 30px;
		font-size: 1.9em; color: #000000; background: url(../images/icon_phone.png) no-repeat 0 0; } 		
  
        
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	#content {text-align: left; overflow: hidden;background: url(../images/inner_bg-bottom.jpg) no-repeat 2px 100%; padding-bottom: 30px; }
  .home #content { background: url(../images/home.jpg) no-repeat 0 0; margin:0; padding:285px 0 0 7px; width: 603px;
  		color: #ffffff; font-size: 1.0em; height: 270px; 
  	}
 		.home #content .col_1 { width: 133px; padding: 0 10px; float: left;}
 		.home #content .col_2 { width: 130px; padding: 0 10px; float: left;}
 		.home #content .col_3 { width: 123px; padding: 0 10px; float: left;}
 		.home #content .col_4 { width: 123px; padding: 0 10px; float: left;}

		.home #content ul { margin: 0 10px 0 20px; padding: 0; list-style: url(../images/dash.gif); }
		.home #content ul li { padding-bottom: 8px; font: 1em/1.4em Verdana, Geneva, sans-serif;}
	
  #content h2 {font-size: 2.2em; line-height: 1.0em; margin:0; padding:0;
  	letter-spacing: 0px;font-weight: bold; color: #ffffff; height: 55px;}
    
 	#content h2 span { background: url(../images/arrow.png) no-repeat 6px 9px; padding: 0 12px 0 6px !important;  }
 	#content h2 a { color: #ffffff; text-decoration: none; }
 	#content h2 a:hover {color: #82BB3B !important;}
 	
  .entry { font-size: 1.2em; line-height: 1.5em !important; color: #fff; padding: 15px 40px 20px 38px; 
    background: url(../images/inner_bg-top.jpg) no-repeat 2px 0; min-height: 500px; 
  }
	* html .entry{ height: 500px;}
  .home .entry { font-size: 1.1em; background-image: url(none); }
  .entry h2 { font-size: 1.83em !important; height: auto !important; padding: 0.75em 0 0 0 !important; margin: 0; }
  .entry p {margin: 1.0em 0; padding:0; font-size: 1.0em !important;}
  .entry img.alignleft {float:left; margin-right: 10px; margin-bottom: 10px;}
  .entry img.alignright {float:right; margin-left: 10px; margin-bottom: 10px;}
  .entry ul, .entry ol {padding:0 0 0 20px;margin: -3px 0 8px 0;font-size:1.0em;}
  .entry ul li {line-height:1.16em;margin:0;padding:2px 0 2px 3px;list-style:disc;}
  .entry ol li {line-height:1.16em;margin:0;padding:2px 0 2px 0px;}
  .entry ul ul {font-size:1em;}
  .entry a { color: #01724E; text-decoration: none; font-weight: bold;}
    .entry a:hover { border-bottom: 1px solid #01724e;}
   	  
  .home h2, .home .entry h2 {font-size: 1.3em; line-height: 1.0em; font-weight: bold; margin: 0.75em 0 0.5em 0; 
      font-style: normal; padding:0; color: #383838;}

  .videos { float: left; background: url(../images/bg_video.jpg) no-repeat 5% 5%; 
    padding-left: 80px; width: 360px; margin: 20px 0  5px 0; display: block; }
  .videos .title { font-size: 1.2em; font-weight: bold; text-align: center;}
  .videos ul {list-style: none;}
  .videos li {display: inline; text-align: center; }
  
    
/* 2.3	Sidebars
-----------------------------------------------------------------------------------------------*/	
	*+html #navigation {margin-bottom: -10px;}
  #navigation ul {list-style: none; margin:0; padding:2px 0;}
  #navigation ul li {text-align: left; color: #040001; font: bold 1.1em/1em Verdana, Geneva, sans-serif; padding: 5px 10px 6px 20px; 
  	background: url(../images/dot.gif) no-repeat 5px 100% ;	
  }
  #navigation ul li a { color: #040001; text-decoration: none; font-weight: bold;}
  #navigation ul li a:hover { color: #B60000; }
  
  .about-us #nav-about-us a,
  .residential #nav-residential a,
  .commercial #nav-commercial a,
  .electrical #nav-electrical a,
  .solar #nav-solar a,
  .solar-gallery #nav-solar-gallery a,
  .security #nav-security a,
  .cctv #nav-cctv a,
  .employment #nav-employment a,
  .testimonials #nav-testimonials a,
  .contact #nav-contact a
   {color: #B60000 !important;}
  
  #sidebar .go-green {
  	font-size: 1.2em; text-align: left;  margin: 0; position: relative; height: 155px;
  	}
 	  #sidebar .go-green-text { 
   		text-align: left; padding: 0px 0px 0px 0px; margin:0; position: absolute; right: -12px; top: 0; overflow: hidden;
		background: url(../images/gogreen.jpg) no-repeat 0 0 ;height: 115px; width: 135px;padding: 40px 10px 0px 30px;
  	}
 	#sidebar .map { text-align: center;}
 	
 	/* png transparetn fix for IE6 */
 	* html img,
 	* html .phone,
	* html #content-bg {
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
		);
	}
	* html #wrapper h2 { z-index: 10000;}
  
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

	#footer .footnote { padding: 10px 20px 7px 20px; text-align: left; width: 740px; overflow: hidden; border-bottom: 1px solid #ECE7D2; }
	#footer .footnote .teaser {font-size: 1.1em; ; color: #505050; width: 450px; float:left;}
	#footer .footnote .teaser h3 { font-size: 1.7em; margin: 0 0 10px 0; color: #000;}
	#footer .footnote .teaser h3 span {color: #B60000;}
	#footer .footnote .cc-affiliate {width: 300px; float:right; text-align: right;}
		#footer .footnote .cc img, #footer .footnote .affiliate img {padding : 0 5px;}
		#footer .footnote .cc, #footer .footnote .affiliate {display: block; text-align: right; padding: 5px;}
	#footer .copyright { font-size: 1.1em; color: #A2A0A1; padding: 20px; text-align: left;}
	
	/* new add for solar pages ------------*/
	#w-box{
	float:right;width:320px;margin:0 0 0 10px;padding:5px;background: url(../images/wbox_tp.gif) no-repeat 0 0 ;
	}
	#w-box img{
	padding:0;
	margin:0;
	text-align:center;
	}
	#w-box a{
	padding:0 0 0 20px;
	margin:0;
	color:#00724D;
	}
	#w-box a:hover{
	padding:0;
	margin:0;
	color:#00724D;
	}
	#w-box-b{
	float:right;width:320px;height:15px;margin:0 0 10px 10px;padding:0 5px;background: url(../images/white-box-bg.gif) bottom no-repeat;
	}