/* 

STYLE SHEET FOR Chester Energy Assessors 
Created by Edmund Fowles 
[edmund@chesterenergyassessors.co.uk]


Contents:

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

*/




	
/* --------- 1. defaults  --------- */


* {
margin: 0;
 padding: 0;
}


body {
padding: 10px 0; background: #bbbbdd;}
		

	
/*  --------- 2. structure  --------- */


#wrapper {width: 900.001px; margin: 0 auto;
 background: #ffffff; color: #000000; border-width: 1px; border-style: solid; border-color: #444444;}
		

#titleArea {padding: 5px; 
width: 890px; background: rgb(110,220,60); color: #ffffff; border-bottom: 1px solid #000000;}
		

.logo {border-width: 1px; border-style: solid; border-color: #000000; float: left; margin-left: 40px; margin-top: 0px;}
		

#navigation {padding: 10px 0px; 
width: 239px; float: right; background: #f2f2ff; border-right: 1px solid #666666;}
#sellingPoints {padding: 10px 40px; 
width: 580px; float: right; background: #ffffff;}
#footer {padding: 5px; 
width: 890px; background: rgb(110,220,60); color: #000000; border-top: 1px solid #000000;}


 

	/* float-clearing rules */

#navigation, #sellingPoints {padding-bottom: 32767px; margin-bottom: -32767px;}
#columnwrapper {overflow: hidden;}
.separator {
clear: both;
		}


.separatorInvisible {
clear: both;
 height: 1px;
}


.clearFix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
	

/* ---------- 3. links and navigation ---------- */

#navigation {font-family: verdana, ariel, sans-serif;
	font-size: 1.2em;
	padding-left: 0;
	margin-left: 0;}
#navigation li {list-style: none;
	border-bottom: 1px solid #666666;
	line-height: 200%;}
#navigation li a {color: blue;
	display: block;
	padding-left: 10px;
	text-decoration: none;}
#navigation li a:hover {color: #ffffff;
	background-color: orange;}
.active {background-color: rgb(90,128,0);
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;}
#navigation ul {border-top: 1px solid #666666; margin-top: 40px;}


	/* ---------- 4. fonts ---------- */

html {
font-size: 100%;
}


body {font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
 color: #000000;		}


h1 {font: 
bold 2.5em Arial, Helvetica, sans-serif; text-align: center;}


h2 {font: 

bold 2.0em Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 3px;}


h3 {
font: 

bold 1.4em Verdana, Arial, Helvetica, sans-serif; text-align: left;}
		

h4 {font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; text-align: center;}

p, #sellingPoints ul {font: 

1.2em/1.5em Verdana, Arial, Helvetica, sans-serif; padding-bottom: 1.3em;}
p.centred {text-align: center;}
p.standout {font: 
bold italic 1.6em Arial, Helvetica, sans-serif; text-align: center;}
#sellingPoints ul {padding-left: 50px; list-style-type: disc;}


#sellingPoints a {color: blue; text-decoration: none;}
#sellingPoints a:hover {color: #000000; text-decoration: underline;}


	/* ---------- 5. images ---------- */

.centreimage {display: block; margin: 0 auto; margin-bottom: 10px;}
.centreimageborder {display: block; margin: 0 auto; margin-bottom: 10px; border-width: 1px; border-style: solid; border-color: #000000;}