/* 

STYLE SHEET FOR EFChemicalConsulting 
Created by Edmund Fowles 
[edmund@efchemicalconsulting.co.uk]


Contents:

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

Notes

*/




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


* {
margin: 0;
 padding: 0;
 border: 0;}


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

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


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

#masthead {padding: 5px; 
width: 890px; height: 76px; background: #ec1d23; color: #ffffff; border-bottom-width: 2px; border-style: solid; border-color: #000000;}
		

.logo {width: 188px; float: left; margin-left: 10px;}
		

#navContainer {padding: 10px 0px; 
width: 245px; float: right; background: #f0f0f0;}
#content {padding: 10px 30px; 
width: 595px;	float: right; background: #ffffff;}
#footer {padding: 15px 5px; 
width: 890px; background: #ee1111; color: #ffffff; border-top-width: 2px; border-style: solid; border-color: #000000;}



	/* float-clearing rules */

#navContainer, #content {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 ---------- */


a:link {
color: #0000ff;}


a:hover {
	}



#navContainer ul {padding: 0; 
		text-indent: 0;
		margin: 0;
		list-style-type: none;}
#navContainer li {
font: 1.3em/1.8 Arial, Helvetica, sans-serif; 
		color: #3300bb; width: 235px;}

#navContainer li ul li {font-size: 1.0em; width: 220px;}



#navContainer li a, #navContainer li ul li a {
text-decoration: none; 
						display: block; 
						color: #3300bb; 
						height: 100%; 
						width: 100%;}


#navContainer li a, #navContainer li.activepagelink {padding-left: 10px;}
#navContainer li ul li a, #navContainer li ul li.activepagelink {padding-left: 25px; }
#navContainer li.activepagelink ul li a {margin-left: -10px; padding-left: 25px;}
#navContainer li ul li a:link {color: #3300bb;
}
#navContainer li ul li a:visited {font-size: 1.0em;}
#navContainer a:hover, #navContainer li ul li a:hover {background: #ee1111; color: #dddddd;}
#navContainer a:active, #navContainer li ul li a:active {background: #ee1111; color: #ffffff; font-size: 1.0em; font-weight: bold;}
#navContainer .activepagelink {color: #000000; font-weight: bold;}

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


html {
font-size: 100%;
}


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


h1, h2, h3, h4, p, ul {  }


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


h2 {font: 

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


h3 {
font: 

bold 1.4em Arial, Helvetica, sans-serif; text-align: left; padding-bottom: 0.3em;}
		

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

#footer h4 a {color: #ffffff;}
h5 {font: bold 1.5em Verdana, Arial, Helvetica, sans-serif; text-align: left; padding-bottom: 0.9em;}
p {
font-size: 1.3em; padding-bottom: 1.1em; font-family: Arial, Helvetica, sans-serif;}


#content ul {padding: 0 0.5em 1.0em 1.5em; 
font-size: 1.3em; list-style-type: circle; font-family: Arial, Helvetica, sans-serif;}


#content ul.larger {
font-size: 1.4em;}


#content ul.spacedouttext {font-size: 1.4em; line-height: 2.0;}
#content ul.standouttext {font-size: 1.4em; line-height: 1.5; font-weight: bold; text-align: left; list-style-type: disc; padding-left: 200px;}
	/* ---------- 5. images ---------- */


img.bordcent {display: block; margin-left: auto; margin-right: auto; border: 1px solid #000000;}
#footer {background: #ee1111;}