#container{
margin:0 auto;
width:775px;
}

#masthead{
}

.logo{
margin:21px 0 8px 0;
}

ul.nav{
height:22px;
}

ul.nav li{
float:left;
padding:0 10px;
}

ul.nav li a{
height:22px;
float:left;
}

a#navAboutUs{
width:83px;
background:url(../images/nav-aboutus.png) 0 0 no-repeat;
}

a#navHomes{
width:66px;
background:url(../images/nav-homes.png) 0 0 no-repeat;
}

a#navAboutUs{
width:83px;
background:url(../images/nav-aboutus.png) 0 0 no-repeat;
}

a#navCommercial{
width:105px;
background:url(../images/nav-commercial.png) 0 0 no-repeat;
}

a#navSchools{
width:78px;
background:url(../images/nav-schools.png) 0 0 no-repeat;
}

a#navServices{
width:78px;
background:url(../images/nav-services.png) 0 0 no-repeat;
}

a#navNews{
width:124px;
background:url(../images/nav-news.png) 0 0 no-repeat;
}

a#navContactUs{
width:100px;
background:url(../images/nav-contact.png) 0 0 no-repeat;
}

ul.nav li a:hover{
background-position:bottom!important;
}

#headerHome img{
position:absolute;
}

#headerHome{
width:775px;
height:205px;
position:relative;
}

#headerHome select{
width:146px;
position:absolute;
right:20px;
top:83px;
}

#headerHome select#saveEnergy{
top:133px;
}

#contentContainer{
background:#fff;
padding:0 49px 25px 49px;
}

.headingOption{
position:relative;
left:-30px;
}

.quote{
text-align:right;
margin-top:-12px;
position:relative;
left:20px;
}

.ourServices{
float:left;
width:255px;
margin:0 42px 0 0;
}

.ourServices h3{
margin:0 0 0.75em 0;
}

.ourServices li{
background:url(../images/arrow.gif) no-repeat;
padding:0 0 5px 20px;
}

.ourServices .extra{
text-align:right;
}

.ourProducts{
float:left;
width:380px;
position:relative;
}

.ourProducts h3{
margin:0 0 0.75em 0;
}

.ourProducts .extra{
position:absolute;
right:0;
top:3px;
font-size:0.917em;
color:#adafb2;
font-weight:bold;
}

.ourProducts .extra a{
font-weight:normal;
}

.ourProducts #extraPower{
top:148px;
}

.tile{
margin:0 0 8px 0;
}

.tile img{
margin:0 12px 0 0;
}

.tile span img.endList{
margin:0;
}

.tileContainer span{
margin:0 4px 0 0;
}

.tileContainer span img{
padding-bottom:4px;
}

.tileContainer span .endList{
margin:0;
}

.ourProducts  .titlePower{
margin-top:15px;
}

.footer{
padding:5px 20px 20px 20px;
font-size:0.917em;
color:#686b6f;
position:relative;
}

.footer a{
color:#000!important;
}

.footer img{
position:absolute;
right:20px;
top:7px;
}





/* Rounded Corner
------------------------------*/

img.cornerTop, div.cornerMiddle, img.cornerBottom{
float:left;
border:0!important;
}

/* Form Page
------------------------------*/
#body form{
margin:3em 0 1.8em 2em!important;
}

#body form fieldset{
border:1px solid #e2e2e2;
width:590px;
padding-bottom:25px;
padding-left:10px;
position:relative;
}

#body form p.heading{
position:absolute;
font-size:1.333em;
font-weight:bold;
color:#0768ad;
width:auto;
background:#ffffff;
padding:0 10px;
left:30px;
top:-11px;
}

#body form label{
float:left;
width:181px;
margin-right:3px;
clear:left;
padding:4px 0;
font-weight:bold;
color:#5c5d60;
text-align:right;
padding-right:30px;
}

#greenForm p.heading{
color:#5f7e0f!important;
}

#greenForm label.mandatory, #greenForm label.mandatoryLong{
border-right:3px solid #5f7e0f!important;
}

#greenForm p.mandatory{
border-left:3px solid #5f7e0f!important;
}

#greenForm input.current, #greenForm textarea.current{
border:1px solid #9eb16c!important;
background-color:#fbfdf7;
}

#body form input#postcode{
width:35px;
}

#body form label.mandatory{
width:178px!important;
border-right:3px solid #1597c7;
}

#body form label.mandatoryLong{
width:178px!important;
border-right:3px solid #1597c7;
height:4.5em;
}

#body form select, #body form input, #body form textarea{
border:1px solid #a7a6aa;
float:left;
margin-bottom: 1em;
color:#919191;
width:220px;
}

#body form input{
padding:3px 8px!important;
}

#body form textarea{
padding-left:5px;
width:220px;
color:#919191;
font-family:Arial, Helvetica, sans-serif;
height:4em;
font-size:1.077em;
padding:3px 8px!important;
}

#body form select{
font-size:1.077em;
width:238px;
background:#f9f9f6;
padding:2px 2px!important;
}

#body form .tips{
position:relative;
left:165px;
font-size:0.769em;
clear:both;
top:-10px;
width:auto;
}

#body form .checkContainer{
width:auto;
position:relative;
margin:0 0 5px 215px!important;
clear:both;
width:250px;
}

#body form .checkContainer input{
border:none;
clear:left;
width:auto;
margin:0 5px 0 0;
float:none;
background:none;
}

#body form .checkContainer label{
float:none;
text-align:left;

padding:0;
font-weight:normal;
font-size:0.917em;
}

#body form input.btn{
border:none;
background:none;
clear:both;
position:relative;
top:10px;
left:205px;
}

#body form p.mandatory{
width:120px;
border-left:3px solid #31a3ce;
padding-left:3px;
position:relative;
margin:25px 0 10px 0;
font-size:0.917em;
left:350px;
}

#body form textarea#terms{
font-size:0.917em;
height:4.8em;
}

#body form select#title{
width:auto;
}

/* ToolTip
------------------------------*/
#tooltip {
    padding: 3px 6px;
    background: #e4e8eb;
    border: 1px solid #d3d4d7;
    text-align: center;
	font-weight:bold;
	font-size:0.917em;
	filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;
}