/*

 Blue Lobster IT
 layout.css

*/



/* Remove Default Styling
------------------------------------------------------------------------------------------------- */
	
* { 
	margin: 0; 
	padding: 0; 
	font-style: normal; 
}

img { 
	border: 0; 
}


/* Typography
------------------------------------------------------------------------------------------------- */

body{
	color: #003300;
	font-family: Verdana;
	font-size: 1em;
	background-color: #E3E2E2;
	
}

label{
	font-size:0.8em;
	
}

span{
	font-size:0.8em;
	
}

p{
	font-size:0.8em;
	line-height: 1.5em;
	font-family: Verdana;
	color: #003300;

}

h1,h2, h3, h4{
	font-family: Verdana;
	color: #003300;
	
}

a:link {color: #003300; text-decoration: none; }
a:active {color: #4b9538; text-decoration: none; }
a:visited {color: #003300; text-decoration: none; }
a:hover {text-decoration: none; }

/* Overall Layout
------------------------------------------------------------------------------------------------- */
div#container{
	width: 908px;
	margin: 0 auto;
}


/* Header 
------------------------------------------------------------------------------------------------- */
div#header{
	width: 908px;
	height: 129px;
	background: url(../images/header.jpg) repeat-x top left;
}

div#header p{
	font-size: 0.9em;
	margin: 90px 0 0 0px;
	float: right;
	padding-right:20px;
}

div#header img.pic{
	margin: 10px 0 0 70px;
	float: left;
}

div#header img.text{
	margin: 105px 0 0 -160px;
	float: left;
}

div#header img.email{
	margin: 2px 6px 0 15px;
	float: left;
}

div#header img.phone{
	margin: 2px 6px 0 5px;
	float: left;
}

/* Nav 
------------------------------------------------------------------------------------------------- */
div#nav{
	width: 908px;
	height: 29px; 
	background: url(../images/nav.jpg) repeat-x top left;
}

ul#nav {
	display:block;
	margin: 0 auto;
	padding-left: 12px;
	color:#003300;
	list-style: none;
}

ul#nav li {
	padding: 0 12px;
	margin-top: 6px;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	list-style: none;
}

ul#nav li a {
	color:#003300;
}

ul#nav a:hover{
	color: #b3cb82;
	text-decoration: none;
}

ul#nav li a.selected{
	color: #4B9538;
}

/* Content 
------------------------------------------------------------------------------------------------- */
div#leftcol{
	width: 215px;
	float: left;
	margin: -30px 0 0 23px;
}

ul#leftcolumn{
	padding: 0;
	margin: 5px 0 0 0;
}

ul#leftcolumn li{
	list-style: url(../images/logobullet.png);
	color: #4B9538;
	margin: 0 0 0px 50px;
	font-size: 0.7em;
	width: 135px;
	float: left;
}

ul#leftcolumn a{
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
}

span{
	font-size: 1.0em;
	margin: 19px 0 0px 0;
	float: left;
}

.moreinfo{
	margin: 5px 0 0 65px;
	float: left;
}

div#articlebody.home{
	background: url(../images/aboutbox.jpg);
	width: 215px;
	height: 297px;
	margin-top: -2px;
	float: left;
}

div#about{
	background: url(../images/aboutbox2.jpg);
	width: 215px;
	height: 332px;
	margin-top: -2px;
	float: left;
}

div#articlebody.commercialenergycertificate{
	background: url(../images/residentialbox.jpg);
	width: 215px;
	height: 297px;
	margin-top: -2px;
	float: left;
}

div#articlebody.domesticenergycertificate{
	background: url(../images/residentialbox.jpg);
	width: 215px;
	height: 355px;
	margin-top: -2px;
	float: left;
}

div#articlebody.hipsreport{
	background: url(../images/aboutbox.jpg);
	width: 215px;
	height: 297px;
	margin-top: -2px;
	float: left;
}

div#articlebody.contactus{
	background: url(../images/aboutbox.jpg);
	width: 215px;
	height: 297px;
	margin-top: -2px;
	float: left;
}

div#topcol{
	background: url(../images/topcol.jpg);
	width: 907px;
	height: 240px;
}

div#bottomcolmid{
	width: 908px;
	background: url(../images/body.jpg) repeat-x top left;
	background-color: #91C42F;	
	float: left;
}

div#bottomcol img.smalllogo{
	margin: -30px 0 0 540px;
	float: left;
}

div.bottomcolmidtext{
	margin: 15px 0 0 43px;
	float: left;
}

div.bottomcolmidtext img{
	margin: 10px 0px 25px 10px;
	float: right;
	
}

div.bottomcolmidtext h1{
	width: 600px;
	font-size: 1.8em;
	font-weight: normal;
	margin: -2px 10px 5px 0;

}

div.bottomcolmidtext h3{
	font-size: 0.8em;
}

div.bottomcolmidtext p{
	width: 525px;
	font-size: 0.8em;
	margin: -2px 10px 0 0;
	
}

div#bottomcolmid h1, h2, h3, h4{
	margin: 15px 0 0 0;
}

div#bottomcolfooter{
	background: url(../images/bottomcol_footer.jpg);
	width: 908px;
	height: 15px;
	float: left;
}

ul#bottomcol{
	margin: 0px 0 0 14px;
	list-style: url(../images/logobullet.jpg);
}

ul#bottomcol li{
	font-size: 0.8em;
}

ul#report li{
	font-size: 0.8em;
	margin: 0 0 0 13px;
}

ul#info li{
	font-size: 0.8em;
	margin: 0 0 0 13px;
}


/*Contact Form
-------------------------------------------------------------------------------------------------- */

div#form{
	width: 405px;
	border: 1px solid #003300;
}

label{
	margin: 10px 0 0 10px;
}

input#fFullName.text{
	margin: 10px 0 0 81px;
}

input#fCompany.text{
	margin: 10px 0 0 93px;
}

input#fTelephone.text{
	margin: 10px 0 0 22px;
}

input#fEmail.text{
	margin: 10px 0 0 55px;
}

textarea#fAddress.text{
	margin: 10px 0 0 102px;
}

select#fNature{
	width: 218px;
	margin: 10px 0 0 38px;
}

textarea#fMessages.text{
	margin: 10px 0 0 82px;
}

div.submit{
	margin: 5px 0 0 337px;
}

/* Footer 
------------------------------------------------------------------------------------------------- */
div#footer{
	width: 908px;
	height: 68px;
	float: left;
}

div#footer p{
	color: #000000;
	font-size: 0.6em;
	margin: 2px 0 7px 550px;
	float: left;
}

div#footer a{
	margin: 0 0 0 140px;
	float: left;
}

div#footerleft{
	background: url(../images/footer_left.jpg);
    width: 3px;
	height: 68px;
	float: left;
}

div#footermid{
	background: url(../images/footer.jpg) repeat-x top left;
	width: 902px;
	height: 68px;
	float: left;
}

div#footerright{
	background: url(../images/footer_right.jpg);
	width: 3px;
	height: 68px;
	float: left;
}