/*--[TABLE OF CONTENTS]---------------------------------------------
Remember order attributes: {position, size, margin, padding, border, text, the rest}

* BODY
	+ GLOBAL STYLES

* HEADER
	+ Banner
	+ Navigation

* CONTENT
	+ Sub-navigation
	+ Main-content

* FOOTER

* CUSTOM CLASSES

* PAGE SPECIFIC
	+ home
		- contact us for work
	+ about us 
		- energy certification

------------------------------------------------------------------*/

/*--[BODY]--------------------------------------------------------*/
body { position:relative; margin:0; padding:0; background:#fff; text-align:center; font-size:0.625em; font-family: Arial, Helvetica; /* Consult: /working/resources/fontmatrix.xls for font-family */  }

	div {  }
	#site-container { width:1024px; margin:0 auto; padding:0; font-size:1.4em; line-height:1.1em; text-align:left; }

	/*--[GLOBAL STYLES]-------------------------------------------*/
	.clr { clear:both; height:1px; overflow:hidden; margin:0;  }
	.left { float:left; width:45%; margin:10px 10px 10px 0;  }
	.right { float:right; width:45%; margin:10px 0 10px 10px;  }
	strong { font-weight:bold; }
	em { font-style:italic; }
	a { cursor:pointer; text-decoration:none; color:#7C9B4F; }
	a:hover { text-decoration:underline; }
	a.current { color:#787E00;}
	a.subsection { color:#556B69; }
	h1 { margin-bottom:1em; font-size:3.5em; }
	h2 { margin:1em 0; font-size:1.6em; line-height:1.1em; color:#556B69;}
	.blue { color:#02458B; }
	h3 { margin:1em 0 0 0; color:#fff; }
	p { margin:0.5em 0 1em 0; line-height:1.2em; font-weight:normal; color:#556B69; }
	.large-text { font-size:1.7em; font-weight:normal; color:#556B69; }
	blockquote p { font-size:1.7em; font-weight:normal; color:#556B69; }
	ol { }
		ol li { }
	ul { }
		ul li { }
	
	sup, 
	sub { font-size:0.8em; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

	sup { bottom: 1ex; }

	sub { top: .5ex; }
	
	
	.img_right { float:right; }
	.img_left { float:left; }
	.bg_img { position:relative; float:right; margin-bottom:0;}
	
	.small-text { font-size:1em; line-height:1.2em; font-weight:bold; color:#556B69;}
	
	form { margin:20px 0; width:500px; color:#556B69; }
	form input, form textarea, form select { margin:5px; padding:5px; background-color:#E4EDEC; }
	/*form input.required, form textarea.required, form select.required { background-color: #D9E021; }*/
	form textarea { width:94%; font-size:0.9em; font-family: Arial, Helvetica;}
	form input { width:44%; }
	form option, form select { width:47%; }
	form input[name="company_name"], 
	form input[name="address"], 
	form input[name="fullnamerequired"], 
	form input[name="email"] { width:94%; }
	form dl dt { clear:left; float:left; min-height:50px; width:220px; }
	form dl dd { min-height:50px; }
	form dl dd input, form dl dd textarea { width:220px; }
	form dl dd select { width:235px; }
	form dl dd .half-size { width:12%; }
	form dl dd .radio { width:auto; background:none; }
	form input.full-width, form textarea.full-width { width:93.5%; }
	
/*--[HEADER]------------------------------------------------------*/
#header { position:relative; top:0; height:150px; width:100%; margin-bottom:10px; padding:0; background:#fff url(/envos/images/envos/new-images/envos-banner.jpg) left top no-repeat; }
	#header a  { text-decoration:none; }
	/*Banner*/
	#header #banner { float:right; width:25%; padding:20px 10px 5px 0px; text-align:right; }
		#banner h2 { position:relative; float:right; display:block; height:68px; width:250px; margin:0; font-size:1em; text-indent:-9999999em; }
			#banner h2 span { position:absolute; top:0; right:0; display:block; height:68px; width:250px; }
			#banner p { position:relative; clear:both; right:10px; width:100%;  margin:0.5em 0; font-size:0.9em; font-weight:normal; color:#666; }
			#banner p.blue { color:#00458A; }
	
	#header #breadcrumbs { color:#fff; position:relative; padding:30px 25px; font-size:0.9em; }
			#breadcrumbs a { color: #A0B704; }
			
	/*Navigation*/			
	#header #navigation { position:absolute; bottom:0; padding:0 0 5px 0; width:100%; color:#666; }
			#navigation a { text-decoration:none;  color:#666; }
			#navigation #main-nav { position:relative; width:95%; padding:0 20px; font-size:0.85em; line-height:1.6em; }
						#main-nav li { display:block; float:left; margin-right:5px; }
						#main-nav li a { padding-left:5px; border-left:solid 1px #666; }
						#main-nav li a.envos { border-left:0; }
						#main-nav li a.current { color:#787E00;}

/*--[CONTENT]-----------------------------------------------------*/
#content { clear:both; position:relative; top:10px; margin-left:20px; padding:0 10px 40px 0; font-size:1.2em;  }
	/*Sub-navigation*/
	#content #subnav #nav { float:left; min-height:1px; width:11em; margin-right:10px; font-size:0.8em; font-weight:bold; }
			 #subnav #nav li { margin:2px 0;}
			 #subnav #nav li a { display:block; width:90%; padding:10px; text-decoration:none; color:#666; }
			 #subnav #nav li a:hover { color:#7C9B4F; }
			 #subnav #nav li.current a { display:block; margin-right:10%;  font-weight:bold;  color:#7C9B4F; }
			 #subnav #nav li ul { display:none; padding-bottom:5px; }
			 #subnav #nav li ul li { padding-left:10px; }
			 #subnav #nav li.current ul { display:block; }
			 #subnav #nav li.current ul li a {  color:#666; }
			 #subnav #nav li.current ul li.current a {  color:#7C9B4F; }
	
	#content .aside { float:right; margin-top:40px;  width:290px; text-align:right; }		 

	/*Main-content*/
	#content #main-content { float:left; position:relative; width:520px; min-height:500px; padding:0 10px; font-size:0.9em; line-height:1.3em; color:#E4EDEC; } 	
			 #main-content img { margin:10px; } 
			 #main-content .large-text a { color:#666; }
			 #main-content h1 { color:#556B69; font-size:2.4em; line-height:0.9em;}
			 #main-content h3 { color:#556B69; }
			 #main-content blockquote { color:#556B69;}
			 #main-content p .quote-author { position:relative; top:-1em; font-size:1.4em; line-height:1.1em; color:#556B69; }
			 #main-content p { clear:both; }
			 #main-content ul { padding-left:20px; }
			 	#main-content ul li { list-style-type:disc; margin:0.5em 0; color:#556B69;}
		
/*--[FOOTER]------------------------------------------------------*/
#footer { clear:both; position:absolute; bottom:0px; right:30px; padding:10px; font-size:0.8em; }

/*--[CUSTOM CLASSES]----------------------------------------------*/

/*--[PAGE SPECIFIC]-----------------------------------------------*/
/*backgrounds*/

body.envos #content { background:url(/envos/images/envos/new-images/home.jpg) 97% 85% no-repeat; padding-right:135px; }
body.envos #content #main-content { float:left; position:relative; width:690px; min-height:500px; padding:0 10px; font-size:0.9em; line-height:1.3em; color:#E4EDEC; } 	
body.envos #content #main-content img { margin:10px 10px -10px 10px; } 
body.contact-us-for-work #content { background: url(/envos/images/envos/new-images/home.jpg) no-repeat 95% 85%; padding-right:145px;}
body.what-we-do #content { background: url(/envos/images/envos/new-images/home.jpg) no-repeat 95% 85%; padding-right:230px;}

body.carbon-audits-and-management #content { background:url(/envos/images/envos/new-images/environmental-management-systems.jpg) no-repeat 96% 80%; padding-right:200px; }
body.carbon-audits-and-management #content #main-content { width:420px; }

body.carbon2020 #content { background:none; }

body.energy-performance-certificates #content { background:url(/envos/images/envos/new-images/energy-performance-certificates.jpg) no-repeat 97% 80%; padding-right:165px; }
body.display-energy-certificates #content { background:url(/envos/images/envos/new-images/display-performance-certificates.jpg) no-repeat 97% 80%; padding-right:200px; }
body.new-build #content { background:url(/envos/images/envos/new-images/envos-website-13.jpg) no-repeat 97% 80%; padding-right:160px; }
body.water-usage #content { background:url(/envos/images/envos/new-build.jpg) no-repeat 95% 80%; padding-right:160px; }
body.waste-systems #content { background:url(/envos/images/envos/new-build.jpg) no-repeat 95% 80%; padding-right:100px; }
body.disclaimer #content { background:url(/envos/images/envos/disclaimer.jpg) no-repeat 95% 80%; padding-right:290px;  }

body.capital-allowances #content { background:url(/envos/images/envos/images-2010-08-23/Capital_Allowances.jpg) no-repeat 95% 93%; }
body.capital-allowances #content #main-content { width:415px; }

body.renewable-energy-system #content { background:url(/envos/images/envos/images-2010-08-23/Renewable_Energy_System.jpg) no-repeat 95% 80%; padding-right:400px; }
body.renewable-energy-system #content #main-content { width:385px;  }

body.air-conditioning-inspections #content { background:url(/envos/images/envos/images-2010-08-23/BMS-Air_Conditioning_Inspections.jpg) no-repeat 95% 80%; padding-right:400px; }
body.air-conditioning-inspections #content #main-content { width:385px;  }

body.carbon2020 #content { background:url(/envos/images/envos/images-2010-08-23/EaEA-Carbon_2020.jpg) no-repeat 95% 90%; }
body.carbon2020 #content #main-content { width:415px; }

body.environmental-audit #content { background:url(/envos/images/envos/images-2010-08-23/EaEA-Environmental_Management_System.jpg) no-repeat 97% 89%; padding-right:220px;}
body.environmental-audit #content #main-content { width:520px; }

body.feed-in-tariffs #content { height:680px; background:url(/envos/images/envos/images-2010-08-23/RES-Feed-in_Tariffs.jpg) no-repeat 97% 100%; padding-right:220px;}
body.feed-in-tariffs #content #main-content { width:380px; }

body.breeam #content { background:url(/envos/images/envos/images-2010-08-23/SA-BREEAM.jpg) no-repeat 95% 80%; padding-right:200px; }
body.breeam #content #main-content { width:480px; }

body.services #content #main-content { width:700px; }

/*featured-content*/


body.what-we-do .what-we-do-fc { position:absolute; bottom:-40px; font-size:1.5em; line-height:1.5em; color:#C3DFDC;}
body.disclaimer .disclaimer-fc { position:absolute; top:20px; right:0; width:250px; }
.telephone-fc, .what-we-do-telephone-fc  { position:absolute; top:-30px; right:20px; width:250px; padding:0 8px; text-align:right; font-size:1.3em; color:#fff; }
body.contact-us-for-work .telephone-fc { display:none; }

.envos .envos-fc { position:absolute; top:4em; right:20px; width:220px; padding:5px 10px 0 10px; font-size:0.7em; }

.environmental-audit .environmental-fc { position:absolute; top:7.6em; width:200px; right:20px;  margin:0; padding:0; font-size:0.8em; }
	.environmental-fc .left { width:90px; height:90px; }

.carbon2020 .carbon2020-fc {position:absolute; top:2em; width:200px; right:20px; margin:0; padding:0; font-size0.8em;}	

body.contact-us-for-work .contact-us-for-work-fc { position:absolute; top:4em; right:5%; padding:0 5px; text-align:right; font-size:0.8em; width:150px; }

/* body.contact-us .contact-fc, body.quotation-enquiry .contact-fc { position:absolute; right:0; top:4em; width:170px; font-size:0.7em;} */ 
body.contact-us .contact-fc, body.quotation-enquiry .contact-fc body.button .button.fc { position:absolute; right:0; top:4em; width:170px; font-size:0.7em;}

body.carbon2020 .quotation { top:85px; right:40px; }
body.meter-monitoring .quotation { top:85px; right:40px; }

.quotation { position:absolute; top:50px; right:20px; width:140px; }
.button-fc { position:absolute; top:240px; right:0px; width:95px; }

.strip { font-size:0.6em; height:95px; padding-top:8px; background:url(/envos/images/envos/corporate-responsibility.jpg) no-repeat;}

.left_img { float:left; margin:0; }

.top { width:100%; margin:0; padding:0; }
.bottom { clear:both; margin:0; padding:0; }
.home-box { float:left; width:184px; margin:10px; padding:10px; font-size:0.9em; line-height:1em; }
.home-box p { margin:0; padding:0; }
#main-content .home-box a { color:#fff; }
	.one { background:#ADC704; }
	.two { background:#3697AA; }
	.three { background:#327A89; }
	.four { background:#7C9B4F; margin-top:100px; }
.envos p.content { margin:10px; width:60%; text-align:justify; }