/* 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 */

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: #458ccd;  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: 62.5% Arial, Helvetica, sans-serif !important;text-align:center;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	/* Main Backgrounds */
  body {color: #000000; background: #ffffff; height: 100%;}
  #page {margin:0 auto; width: 780px; background: url(../images/bg.png) no-repeat;}
	.container {width:700px; text-align: left; position: relative; padding: 0 40px; }
	#header {width:700px; height: 150px; margin: 0; padding:0; display: block; overflow: hidden;}
	#navigation {width:175px; padding: 0; margin: 0; float:left; position: relative;}
	#content {width: 700px; margin: 0; padding: 0; overflow: hidden;}
	#footer {clear: both; width: 700px; height: 50px; margin:0 auto; margin-top: -30px; padding:50px 40px 0 40px; background: url(../images/bg_footer.png) no-repeat;}
	
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
  .logo {margin:0;padding:0;position: absolute; z-index: 100; top: 65px; left: 0px; width: 260px; height: 80px;}
	.logo a {display:block;text-indent:-9999px;background:url(../images/logo.jpg) no-repeat; width: 260px; height: 80px; margin:0; padding:0;}
	#header {position:relative; }
	#header p {margin:0;}
	#header .request-service {position: absolute; top: 110px; right: 6px; 
		width: 277px; height: 42px; padding: 10px 15px 0 0;
		text-align: right; color: #232323;  font-size: 1.2em;
		background:url(../images/bg_request.png) no-repeat 0% 0%;}
	#header .request-service .tel {font-size: 1.5em;}
	#header .request-service a {color: #fd6913; font-size: 1.3em;}

	#header .slogan {position: absolute; top: 50px; right: 6px; 
		width: 277px; height: 42px; padding: 5px 15px 0 0;
		text-align: right; color: #232323;  font: 1.8em Times, "Times New Roman", Georgia, serif;}

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	.headline {width: 700px; margin: 0; padding: 0; display: block;}
	.headline-img {float: right; width: 525px;}
	
	.home-columns {list-style: none; margin:10px 0  0 0; padding:0; width: 100%; min-height: 180px; display: block; overflow: hidden; background: url(../images/bg_home_col.png) no-repeat 0% 0%; position: relative;}
	.home-columns li {display:inline; float:left; padding: 10px 15px 0 15px; width:143px; min-height: 170px; display: block; overflow: hidden; margin-right: 2px; color: #4f4f4f;}
	.home-columns li.last {margin-right: 0; padding: 10px 10px 0 10px; width:153px;}
	.home-columns li h2 {font: 1.8em/1.1em Times, "Times New Roman", Georgia, serif; margin:0; padding:0 0 3px 0;}
	.home-columns li p {font-size: 1.1em;}
	.home-columns li .teaser {min-height: 150px; overflow: hidden;}
	.home-columns li .more {float: right; text-align: right; font-size: 1.1em; line-height: 1.0em; width: 165px; height: 27px; line-height: 27px; background: url(../images/read_more.png) no-repeat 0% 0%; padding-right: 10px;
		position: absolute; left: 0; bottom: 0;}
	#content {clear:both; overflow: hidden;}
	.home-columns .col1 h2, .home-columns .col1 .more {color: #ff0000;}
	.home-columns li.col2 .more{ left: 175px;}
	.home-columns li.col3 .more{ left: 351px;}
	.home-columns li.col4 .more{ left: 527px;}
	.home-columns .col2 h2, .home-columns .col2 .more {color: #0077d5;}
	.home-columns .col3 h2, .home-columns .col3 .more {color: #259901;}
	.home-columns .col4 h2, .home-columns .col4 .more {color: #ff5f00;}
	
	* html .home-columns {height: 180px; }
	* html .home-columns li {height: 170px;}
	* html .home-columns li .teaser{ height: 150px;}
	
  .entry { font: 1.2em/1.5 Arial, Helvetica, sans-serif; color: #4f4f4f; margin: 0; padding: 10px 20px 15px 20px;}
  .entry h1, .home .entry h2 { font-size: 1.5em !important; color: #2a2a2a; font-family: Times, "Times New Roman", Georgia, serif; 
    font-weight: normal; margin: 0 0 10px 0; padding: 0px;}    
			
  .entry h2 { font-size: 1.1em !important; color: #2a2a2a; font-weight: bold; margin: 0 0 5px 0; padding: 0px;}    
  .entry h3 { font-size: 1.0em !important; color: #2a2a2a; font-weight: bold; margin: 0 0 5px 0; padding: 0;}    
  .entry p {margin: 0 0 1.5em 0; padding:0; font-size: 1.0em;}
  .entry img { padding: 0px;}
  .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 0px;margin: -8px 0 18px 0; font-size:1.0em; list-style: none;}
  .entry ul li {line-height:1.0em;margin:0;padding:2px 0 2px 18px; background: url(../images/dot2.png) no-repeat 5px 6px !important;}
  .entry ol li {line-height:1.0em;margin:0;padding:2px 0 2px 0px;}
  .entry ul ul {font-size:1em;}
   	      
	.home .entry .more {color: #f60;}				
/* 2.3	Navigation
-----------------------------------------------------------------------------------------------*/	
	#navigation {background: url(../images/bg_navigation.jpg) no-repeat; height: 250px;}
	#navigation ul {list-style: none; margin:0; padding:0;}
	#navigation li {font-size: 1.2em;  line-height: 1.0em; color: #ffffff; text-align: right; 
		margin:0; padding: 5px 10px 6px 0px; border-top: 1px solid #8AB9E3; height: 12px; overflow: hidden;}
	#navigation li.first {border-top: 0; padding-top: 7px;}
	#navigation li li {font-size: 1.0em; text-align: left; }
	#navigation li span {padding: 0px; margin:0; line-height: 1.0em; 
		color: #ffffff;}
	#navigation li a {text-decoration: none; margin:0; padding:0;  line-height: 1.0em;}
	#navigation li a:hover span {color: #ffff00 ;}
	
	.home #nav-home {background: #A4A4A4 url(../images/bg_nav_home.png) no-repeat;}
	.about #nav-about,
	.services #nav-services,
	.energy-efficiency #nav-energy-efficiency,
	.testimonials #nav-testimonials,
	.portfolio #nav-portfolio,
	.request #nav-request,
	.contact #nav-contact,
	.opportunities #nav-opportunities,
	.acca #nav-acca
		 {background: #A4A4A4;}
	
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	
	#footer { font-size: 0.9em; color: #FFFFFF; text-align: left;}
		#footer a { color: #ffffff;}