@charset "utf-8";
/* CSS Document */


/* 1.  Reset CSS */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	

img, div, a, input { behavior: url(../../iepngfix.htc) }


	
	
/* 2.  Generic */	
img
{ 
z-index: 100;
}  

a { color:#ef3d33;}

body { background:#fff url(../_images/topbak.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#5b5a56; font-size:0.7em; line-height:1.8em;}
h1 { background:#d84a4a; color:#fff; font-size:1.5em; font-weight:bold; width:655px; margin:-5px 0 0 15px; padding:10px; text-transform:uppercase;}
h2 {padding:10px; font-size:1.5em; color:#000; text-transform:uppercase; font-weight:lighter;}
h3 {padding:10px; font-size:1.5em; color:#000; text-transform:uppercase; font-weight:lighter;}

p { padding:10px 0 10px 0;}

blockquote { background:#eb3d32; padding:10px; text-transform:uppercase; text-align:center; color:#fff; font-size:1.6em; margin:10px;}
.margintop { margin-top:60px; vertical-align:top;}	
.margintop40 { margin-top:40px; vertical-align:top;}	
.marginleft20 { margin-left:20px;}

.sidecontenttitle { background:#000; color:#fff; font-size:1.5em; font-weight:bold; width:190px; margin:-5px 0 0 22px; padding:10px;}
.sidecontenttitle_bot { background:#d84a4a; color:#fff; font-size:1.5em; font-weight:bold; width:190px; margin:-5px 0 0 22px; padding:10px;}

.row { width:620px; padding:20px; float:left;}
.row1 { width:310px; padding:20px; float:left;}
.row2 { width:310px; padding:20px; float:left;}

.row3 { float:left; width:930px; height:95px;}
.row3 img { position:absolute; margin:10px 0 0 8px;}

.row1_map { width:300px; padding:5px; float:left;}
.row2_map { width:300px; padding:5px; float:left;}


.row2 ul { padding:10px 0 0 0;}
.row2 li { background:url(../_images/tick.gif) no-repeat; padding:0px 0px 5px 25px;}

big { font-size:1.3em;}
.red { color:#ef3d33;}
.img_contactus { margin:-80px 0 0 0;}
.padding20 { padding:20px;}


  /* Forms */
  fieldset { margin:5px 0 0 20px;}
  fieldset label { width:200px; clear:both; display:block;float:left;}
  fieldset input { float:left; padding:5px; width:180px;}
  fieldset li { width:100%; clear:both;}
  fieldset legend { display:none;}
  .button { padding:5px; margin:10px 0 5px 0; width:100px; float:left;}


/* 3.  Layout */	




#wrapper {width:960px; margin:0 auto; background:#fff; height:auto;}
#wrapper_inner { float:left; width:960px; background:#fff; padding:0 0 10px 0;}

#content {width:960px; margin:0; border:10px solid #fff; border-top:0px; padding:0 0 20px 0; background:#ccc url(../_images/mainbak.jpg); height:auto; float:left; position:relative;}
	* html #content { overflow:hidden;}

	#row1 { width:960px; height:281px;  background:#fff url(../_images/topimgbak_01.jpg);}		
	#row2 { width:950px; margin:0 0 0 10px;}
	#row2 img { float:left; margin:0 3.3px 0 0px;}
		



#main_image {float:left; margin:82px 0 0 0;}

#maincontent { width:960px; float:left;}

#maincontent_c1 { background:none; width:242px; float:left;  margin-top:20px;}
	#maincontent_c1_r1 {background:url("../_images/sidemenu_r1.jpg"); height:13px;}
	#maincontent_c1_r2 {background:url("../_images/sidemenu_r2.jpg");}		
	#maincontent_c1_r3 {background:url("../_images/sidemenu_r3.jpg"); height:21px;}	
	
	
.maincontent_c1 { background:none; width:242px; float:left; clear:left;  margin-top:20px;}
	.maincontent_c1_r1 {background:url("../_images/sidemenu_r1.jpg"); height:13px;}
	.maincontent_c1_r2 {background:url("../_images/sidemenu_r2.jpg"); height:100%;}		
	.maincontent_c1_r3 {background:url("../_images/sidemenu_r3.jpg"); height:21px;}		
	


#maincontent_c2 { background:none; width:718px; clear:right; float:left;  margin-top:20px;}
	#maincontent_c2_r1 {background:url("../_images/contentbak_r1.jpg"); height:13px;float:left; width:100%;}
	#maincontent_c2_r2 {background:url("../_images/contentbak_r2.jpg"); float:left; width:100%; min-height:450px; height:450px; height:auto; !important}
	#maincontent_c2_r3 {background:url("../_images/contentbak_r3.jpg"); height:17px; float:left; width:100%;}	


#footercontent {  width:920px; margin:20px;min-height:420px; height:420px; height:auto; float:left;}
#footercontent div { width:208px; min-height:420px; height:420px; height:auto; padding:10px; float:left; border-right:1px solid #fff;}
.noborder {border:0px solid #fff;}
.2colul ul { width:90px; float:left; min-height:420px; height:420px; height:auto;}
#footercontent strong { font-weight:bolder; text-transform:uppercase;}	
#footercontent em { text-transform:uppercase; font-size:1.3em; font-style:normal;}
.groundwork  { margin:30px 0 0 30px;}

/*
	#footercontent_c1_r1 {background:url("../_images/footertext_r1.jpg"); height:33px;}
	#footercontent_c1_r2 {background:url("../_images/footertext_r2.jpg"); float:left; width:100%;}	
 		#footercontent_c1_r2 div { padding:10px; margin: 0 20px 0px 20px; width:900px;  color:#fff;}
		#footercontent_c1_r2 img {float:left; margin:0 40px 50px 35px;}
		#footercontent_c1_r2 em { text-transform:uppercase; font-size:1.3em; font-style:normal;}
		#footercontent_c1_r2 p {float:left; padding:0; width:600px;}
		#footercontent_c1_r2 strong { font-weight:bolder; text-transform:uppercase;}						
	#footercontent_c1_r3 {background:url("../_images/footertext_r3.jpg"); height:46px; float:left; width:100%;}	
*/

#footer {width:961px; background:none; clear:both; height:100px; color:#5b5a56;  margin:0 auto;}
#footer img { float:left; clear:left; padding:0 10px 0 10px;}
#footer a { color:#d84a4a; text-transform:capitalize;}
#footer ul { padding:15px 0 0 20px;}
#footer li { float:left; text-align:center; margin:10px 0 0 0; padding:0 10px 0 10px;}


/* 4.  Navigation */	

#top_navigation { width:950px; height:30px; margin:0px 0px 0 0; float:right;}
#top_navigation a { color:#5b5a56; text-transform:uppercase; font-size:80%;}
#top_navigation ul { width:535px; float:right;}
#top_navigation li { float:left; padding:0 10px 0 10px; text-align:center; margin:8px 0px 0 0;}
#top_navigation li.twitter { width:150px; overflow:hidden; position:absolute; right:10px;}
#top_navigation li.facebook { width:145px; overflow:hidden;}

#top_navigation li.facebook a.btn {
    -moz-user-select: none;
    background-color: #3b5997; text-decoration:none; padding:2px;

    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    cursor: pointer;
    height: 18px;
    max-width: 98%;
    overflow: hidden;
    position: relative;
	font-weight: bold;
	
    color: #fff;
    font: 11px/18px 'Helvetica Neue',Arial,sans-serif;
	
}



#main_navigation {width:220px; float:left;margin:82px 10px 0 25px; font-size:11px; letter-spacing:-1px;}
* html #main_navigation {width:220px; float:left;margin:82px 10px 0 12px;}


#main_navigation a { text-decoration:none; text-transform:uppercase; color:#5b5a56; padding:0 5px 0 5px; font-weight:bold; display:block; width:210px; height:25px;}
#main_navigation a:hover { color:#d84a4a;}
#main_navigation li {  margin:0px 0 0 0; border-bottom:1px solid #ede7d9;}
#main_navigation .selected a { color:#fff;}


.selected a {text-decoration:none; text-transform:uppercase; color:#fff; padding:5px; background:#d84a4a; font-weight:bold; display:block; width:210px; height:25px;}


#sub_navigation { width:100%;}
#sub_navigation a { color:#fff; text-transform:uppercase; text-decoration:none;}
#sub_navigation li { float:left; text-align:center; margin:60px 0 0 20px; border-right:1px solid #4e89c1; padding:0 10px 0 0;}


/* side nav */
#maincontent_c1_r2 ul {margin:0px 0 0 22px;}
#maincontent_c1_r2 li {margin:0px 10px 0 0px; border-bottom:1px solid #ede7d9;}
#maincontent_c1_r2 a { padding:10px; color:#5b5a56; font-weight:bold;text-decoration:none; text-transform:uppercase; vertical-align:middle; display:block; height:10px; }







/* Specific to pages */

.butterfly  { position:absolute; top:0px; left:50%; margin:120px 0 0 330px !important;}

.truck { position:absolute; margin:30px 0 0 0;}

.img_tyres a { background:url(../_images/tyres.gif) no-repeat left; margin:0 0 0px 20px; padding:10px 0 10px 70px; display:block; text-transform:uppercase; font-weight:bold;}

.img_waste a { background:url(../_images/waste.gif) no-repeat left; margin:0 0 0px 20px; padding:10px 0 10px 70px; display:block; text-transform:uppercase; font-weight:bold;}

.innerimages { display:block;}
.innerimages img { margin-right:5px; float:left;}

#sitemap ul { margin:0 0 0 15px;}

#sitemap li { padding:5px; list-style-type:disc;}