﻿/*-----------------------------------------------------------------
    Header Classes
-----------------------------------------------------------------*/
#main_header_left
{
	clear:left;
	width:419px;	
	height:283px;	
	float:left;
	background-image:url(graphics/main_header_bg.jpg);
	padding:15px 0 0 10px;
	color:#ffffff;
}

#health_header_left
{
    clear:left;
	width:419px;	
	height:283px;	
	float:left;
	background-image:url(graphics/main_header_bg.jpg);
	padding:15px 0 0 10px;
	color:#ffffff;
	font-size:13pt;
}

#health_header_left h2
{
	color:#ffffff;
	font-size:16pt;	
}

#health_header_left h1
{
	color:#ffffff;
	font-size:16pt;	
}

#main_header_left h1
{
	color:#ffffff;
	font-size:16pt;	
}

#main_header_left h2
{
	color:#ffffff;
	font-size:16pt;	
}

#main_header_right
{		
	width:467px;	
	background-image:url(graphics/main_header_image.jpg);
	height:298px;	
	float:left;
	clear:right;
}

#chain_header
{
	clear:left;
	width:875px;	
	height:283px;	
	float:left;
	background-image:url(graphics/chain_header_img.jpg);
	padding:15px 0 0 20px;
	color:#ffffff;
		font-size:40pt;	
}

#client_header h1
{
    color:#ffffff;
    font-size:44pt;
}

#client_header
{
	clear:left;
	width:875px;	
	height:113px;	
	float:left;
	background-image:url(graphics/clients_header_image.jpg);
	padding:185px 0 0 20px;
	color:#ffffff;
	font-size:40pt;	
}

#projects_header
{
    clear:left;
	width:855px;	
	height:283px;	
	float:left;
	background-image:url(graphics/projects_header_img.jpg);
	padding:15px 0 0 40px;
	color:#ffffff;
		
}

#projects_header h2
{
	color:#ffffff;
    font-size:40pt;	
}

#projects_padding
{
    margin:0 0 0 50px;
}

#service_header
{
    clear:left;
	width:275px;	
	height:183px;	
	float:left;
	background-image:url(graphics/service_header_img.jpg);
	padding:115px 0 0 620px;
	color:#ffffff;
		
}

#service_header h2
{
	color:#ffffff;
    font-size:20pt;	
}

#chain_header h1
{
	color:#ffffff;
    font-size:40pt;	
}

#chain_padding
{
    margin:0 0 0 150px;
    float:left;
}

#service_padding
{
    margin:0 0 0 50px;
    
}

#about_main_header_left
{
	clear:left;
	width:419px;	
	height:263px;	
	float:left;
	background-image:url(graphics/main_header_bg.jpg);
	padding:35px 0 0 10px;
	color:#ffffff;
	font-size:13pt;
}

#about_main_header_left h2
{
	color:#ffffff;
	font-size:22pt;	
}

#quesion_header
{
    clear:left;
	width:876px;	
	height:123px;	
	float:left;
	background-image:url(graphics/environment_header_image.jpg);
	padding:175px 0 0 20px;
	color:#ffffff;
	font-size:40pt;	
}

#environment_header
{
    clear:left;
	width:876px;	
	height:153px;	
	float:left;
	background-image:url(graphics/environmentt_header_bg.jpg);
	padding:145px 0 0 20px;
	color:#ffffff;
	font-size:40pt;	
}


#contact_header
{
    clear:left;
	width:876px;	
	height:152px;	
	float:left;
	background-image:url(graphics/contact_header_img.jpg);
	padding:145px 0 0 20px;
	color:#ffffff;
	font-size:40pt;	
	margin:0 0 3px 0;
}

#environment_header h1
{
    color:#ffffff;
	font-size:20pt;	
}

#policies_header
{
    clear:left;
	width:876px;	
	height:153px;	
	float:left;
	background-image:url(graphics/policy_header_img.jpg);
	padding:145px 0 0 20px;
	color:#ffffff;
	font-size:40pt;	
}

#quesion_header h1
{
    color:#ffffff;
	font-size:40pt;	
}

#safe_header_left
{
     clear:left;
	width:419px;	
	height:148px;	
	float:left;
	background-image:url(graphics/main_header_bg.jpg);
	padding:150px 0 0 10px;
	
}

#safe_header_left h1
{
    color:#ffffff;
	font-size:30pt;	
}

#quality_header_left
{
     clear:left;
	width:876px;	
	height:125px;	
	float:left;
	background-image:url(graphics/quality_header_img.jpg);
	padding:170px 0 0 20px;
	
}

#sustainability_header
{
     clear:left;
	width:896px;	
	height:295px;		
	background-image:url(graphics/sustainability_header_img.jpg);		
	margin:3px 0 0 0;
}

#accreditations_header
{
    clear:left;
	width:896px;	
	height:295px;		
	background-image:url(graphics/accreditations_header_img.jpg);		
	margin:3px 0 10px 0;
}

#quality_header_left h1
{
    color:#ffffff;
	font-size:25pt;	
}
/*-----------------------------------------------------------------
    Master Page
-----------------------------------------------------------------*/
body 
{
	background-image:url(graphics/background.jpg);
	background-repeat:repeat-x;
	font-family:Arial;
	font-size:10pt;
	background-color:#f9f9f9;
}

#content_holder
{
    width:900px;
    margin:0 auto 0 auto;
    background-color:#ffffff;
    min-height:600px;
	border:solid 5px #d4d4d4;
	padding:10px 10px 10px 13px;
}

#logo_holder
{
    float:left;
    clear:left;
    width:250px;
    height:117px;
}

#tel_holder
{
    float:left;
    clear:right;
    width:300px;
    height:117px;
    margin-left:345px;
    font-size:10pt;
	color:#914544;
	text-align:right; 
 
}

#tel_holder a
{
	text-decoration:none;
	color:#914544;
}

#tel_holder_tel
{
	font-size:18pt;	
	color:#0b1f5c;
	margin:15px 0 15px 0;
	width:300px;
	padding:0 0 0 0;   
}

#tel_holder_links
{
    
    width:300px;
    margin:0 0 15px 0;
	text-align:right;
}

#tel_email_holder
{
	color:#7d2322;
	font-size:13pt;		
}

#nav
{
	clear:left;
	width:900px;
	margin:5px 0 1px 0;
	height:34px;
	font-size:12pt;	    
}

.link_holder
{
	
	float:left;
	height:29px;
	background-image:url(graphics/link_bg.jpg);
	padding:5px 13px 0 13px;
	text-align:center;	
}

.home_link_holder{ width:40px;}
.about_link_holder{ width:70px;}
.what_link_holder{ width:85px;}
.supply_link_holder{ width:100px;}
.service_link_holder{ width:50px;}
.accreditation_link_holder{ width:100px;}
.client_link_holder{ width:40px;}
.policy_link_holder{ width:90px;}
.project_link_holder{ width:60px;}

.link_holder a
{
	color:#ffffff;
	text-decoration:none;
}

.link_holder a:hover
{
	color:#00a2ff;
	text-decoration:none;
}


.link_holder_right
{
	width:3px;
	float:left;
	background-image:url(graphics/link_divider.jpg);
	height:34px;
}

#main_detail_holder
{
	width:900px;
	min-height:400px;
	clear:left;
}

#detail_left
{
	width:585px;
	min-height:300px;
	clear:left;
	float:left;	
	text-align:justify;
	padding:0 10px 0 0;
}

#detail_wide
{
    width:896px;
    min-height:300px;
	text-align:justify;
}


.detail_right
{
	width:290px;
	min-height:100px;	
	float:left;	
	background-color:#efefef;
	font-size:10pt;
	padding:0 5px 0 6px;
	margin:0 0 10px 0;
}

.detail_right_bottom
{
	width:290px;
	min-height:2px;	
	float:left;		
	
}

.detail_right a
{
    color:#690100;
}

#footer_holder
{
	height:40px;
	width:933px;
	background-color:#d4d4d4;	
	margin:0 auto 0 auto;
}

#footer_left
{
	width:390px;
	height:25px;
	float:left;
	clear:left;	
	margin:10px 0 0 8px;	
	color:#878787;	
}

#footer_right
{
	width:300px;
	height:25px;
	float:left;
	clear:right;
	margin:10px 0 0 227px;
	color:#878787;
    text-align:right;
}

#footer_right a
{
    color:#878787;
    text-decoration:underline;
}
/*-----------------------------------------------------------------
    Common
-----------------------------------------------------------------*/
.clear_both
{
	clear:both;	
}

a img
{
    border:none;    
}

h1
{
	color:#0b1f5c;
	font-size:16pt;		
}


h2
{
	color:#0b1f5c;
	font-size:13pt;	
}

h3
{
	color:#0b1f5c;
	font-size:10pt;	
}

a
{
	 text-decoration:none;	
}

a:hover
{
	 text-decoration:underline;	
}

.grey_right_white_bg
{
    background-color:#ffffff;
    width:300px;
    margin:0 50px 0 0;
}
/*-----------------------------------------------------------------
    Index
-----------------------------------------------------------------*/
#enviromental_bg_holder
{
	margin:15px 0 10px 9px;	
	padding:20px 0 0 120px;
	background-image:url(graphics/environment_policies_bg.jpg);
	height:98px;
	width:150px;
	color:#ffffff;
	font-size:11pt;
	text-align:center;
}

#enviromental_bg_holder a
{
	color:#ffffff;
}

#enviromental_bg_holder a:hover
{
	color:#ffffff;
	text-decoration:underline;
}

#index_header_left
{
    float:left;
    clear:left;
    width:270px;
    height:180px;  
    margin:10px 0 0 0;  
    font-size:8pt;
    text-align:left;
}

#index_header_left h2
{    
    margin:5px 0 5px 0;
}

#index_header_left h3
{    
    margin:5px 0 5px 0;
}

#index_header_right
{
    float:left;
    clear:right;
    width:270px;
    height:180px;
    margin:10px 0 0 40px;    
    font-size:8pt;
    text-align:left;
}

#index_header_right h2
{    
    margin:5px 0 5px 0;
}

#index_header_right h3
{    
    margin:5px 0 5px 0;
}

.index_interior_image
{
    float:left;
    margin:0 5px 0 0;
    border:solid 1px black;
}

.index_interior_text
{
    float:left;
    height:150px;
    width:130px;
}

/*-----------------------------------------------------------------
    Answers
-----------------------------------------------------------------*/
.environmental_image
{
    margin:10px 2px 5px 1px;
    border:solid 1px gray;
}

/*-----------------------------------------------------------------
    About Us
-----------------------------------------------------------------*/
#about_header_left
{
    float:left;
    clear:left;
    width:270px;
    height:165px;  
    margin:10px 0 0 0;  
    font-size:8pt;
    text-align:left;
}

#about_header_left h2
{    
    margin:5px 0 5px 0;
}

#about_header_left h3
{    
    margin:5px 0 5px 0;
}

#about_header_right
{
    float:left;
    clear:right;
    width:270px;
    height:165px;
    margin:10px 0 0 40px;    
    font-size:8pt;
    text-align:left;
}

#about_header_right h2
{    
    margin:5px 0 5px 0;
}

#about_header_right h3
{    
    margin:5px 0 5px 0;
}

a
{
    color:#878787;
    text-decoration:underline;
}

/*-----------------------------------------------------------------
    Policies
-----------------------------------------------------------------*/
#policy_links_holder
{
    width:800px;
    margin:50px 0 0 50px;
    min-height:600px;       
    
}

#policy_links_holder h2
{
    font-size:24pt;
    color:#878787;
    margin:20px 0 30px 150px;
    text-decoration:none;
}

#policy_links_holder h2 a
{    
    text-decoration:none;
}

#policy_links_holder h2 a:hover
{
    text-decoration:underline;
}

#policy_links_holder h1
{
    font-size:26pt;
    color:#878787;
    margin:20px 0 30px 0;
}

.policy_generic_links_holder
{
    margin:15px 0 0 25px;
}

/*-----------------------------------------------------------------
    Health and safety
-----------------------------------------------------------------*/
#health_padding1
{
    margin:30px 0 0 50px;
}

#health_padding2
{
    margin:0 0 0 100px;
}

#health_padding3
{
    margin:0 0 40px 150px;
}

/*-----------------------------------------------------------------
    Quality
-----------------------------------------------------------------*/
#quality_spacing
{
    width:130px;
    height:30px;    
    float:left;
}

#quality_logo
{
    margin:0 0 0 10px;
}
/*-----------------------------------------------------------------
    What we do
-----------------------------------------------------------------*/
#what_header_left
{
    float:left;
    clear:left;
    width:270px;
    height:180px;  
    margin:10px 0 10px 0;  
    font-size:8pt;
    text-align:left;
}

#what_header_left h2
{    
    margin:5px 0 5px 0;
}

#what_header_left h3
{    
    margin:5px 0 5px 0;
}

#what_header_right
{
    float:left;
    clear:right;
    width:270px;
    height:190px;
    margin:10px 0 10px 40px;    
    font-size:8pt;
    text-align:left;
}

#what_header_right h2
{    
    margin:5px 0 5px 0;
}

#what_header_right h3
{    
    margin:5px 0 5px 0;
}

/*-----------------------------------------------------------------
    Services
-----------------------------------------------------------------*/

.services_thumbnail_holder
{
    width:200px;
    min-height:100px;
    float:left; 
    margin:10px 0 10px 0;
    
}

#voc1
{
    margin:0 0 5px 50px;
}

.voc_logo
{
    
    margin:0 0 5px 0;
}

.service_thumbnail
{
    border:solid 2px #808080;
    border-bottom:solid 3px #808080;    
}
.services_thumbnail_title_holder
{
    color:#808080;
    width:290px;
    height:30px;
    float:left;
    font-size:16pt;
    padding:123px 0 0 10px;    
    margin:5px 0 0 0;
}

#commercial_h1
{
    margin:70px 0 0 0;
}

#industrial_h1
{
    margin:108px 0 0 0;
}

#airless_h1
{
    margin:108px 0 0 0;
}

#fire_h1
{
    margin:112px 0 0 0;
}

#resin_h1
{
    margin:112px 0 0 0;
}

#diamond_h1
{
    margin:112px 0 0 0;
}
/*-----------------------------------------------------------------
    Environment
-----------------------------------------------------------------*/
#recycle_logo
{
    margin:10px 0 0 10px;
}

#environment_title_padding
{
    height:20px;
    width:280px;
    clear:right;
    float:left;    
}

/*-----------------------------------------------------------------
    Accreditations
-----------------------------------------------------------------*/
.accreditation_logo
{
    margin:40px 0 0 0;
}

/*-----------------------------------------------------------------
    Contact Us
-----------------------------------------------------------------*/
#contact_content
{
    width:400px;
    height:480px;    
    float:left;
}

.tel_label
{
    width:100px;
}

#uk_map_holder
{
    width:180px;
    height:350px;    
    float:left;
    padding:100px 0 0 0;
}

.contact_label_container
{
    width:110px;
    height:25px;
    float:left;
    clear:left;
    font-weight:bold;
}

.contact_input_container
{
    width:170px;
    height:25px;
    float:left;
    clear:right;    
}

.contact_input_container_text
{
    width:170px;
    height:135px;
    float:left;
    clear:right;    
}

.client_logo_holder
{
    height:50px;
    width:120px;
    float:left;
    margin:15px 25px 15px 0;    
    text-align:center;  
    
}

.client_logo_holder_tall
{
    height:80px;
    width:120px;
    float:left;
    margin:15px 25px 15px 0; 
    text-align:center;
}

.project_header
{
    width:266px;
    height:238px;
    background-image:url(graphics/project_header_bg.jpg);    
    padding:10px;
    text-align:center;
    color:#ffffff;
    margin:20px 0 0 0;
    float:left;
}

.project_header_c
{
    margin:20px 18px 0 18px;    
}

.project_header h3
{
    margin:10px 0 0 0;
    font-size:17pt;
    color:#ffffff;
}

.project_header a
{    
    color:#ffffff;
    text-decoration:none;
}

.project_header_img
{
    border:2px solid #ffffff;   
}

.project_description_text
{
    width:876px;
    min-height:30px;
    margin:20px 0 20px 0;
    background-color:#e0e9f3;   
    color:#2d5382;
    padding:10px;
}

.project_desc_thmb_holder
{
    width:261px;
    height:186px;
    background-image:url(graphics/projects/project_desc_bg.jpg);
    position:relative;
    float:left;
    padding:15px 0 0 15px;
}

.zoom
{
    position:absolute;
    width:27px;
    height:28px;
    background-image:url(graphics/zoom.jpg);
    right:10px;
    bottom:10px;
}
