/* CSS Document */
/* -------------------------------Standard------------------------------- */
html, body {
	margin:0;
	border:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
	color: #fff;
	background: #59945f url(../images/body-bg.gif) repeat-x top;	
}
a:link {color: #fff; text-decoration:none; }
a:visited {color: #fff; text-decoration:none; }
a:hover {color: #fffWebsite Design - #a6c6aa; text-decoration:underline; }
img {
	border:0;
}

div#container {
}

div#wrapper {
	position: relative;
	margin:0 auto;
	width:990px;
}
.clear {
	clear:both;
}

/* ---------------------------- Top Menu ------------------------------ */

div#topmenu {
	position:absolute;
	top:0;
	left: 0;
	width:990px;
	height:33px;
	background:#1165b0 url(../images/topmenu-bg.gif) no-repeat top;
	margin:0;
}

div#topmenu ul { margin: 0; padding:3px 0 3px 5px; list-style-type: none; }
div#topmenu ul li { float:left; margin:0; padding:5px 20px 6px 20px; text-align:center; font-size:0.814em; }
div#topmenu ul li.home {  }
div#topmenu ul li.services { border-left:1px solid #679dcc; }
div#topmenu ul li.news { border-left:1px solid #679dcc; }
div#topmenu ul li.casestudies { border-left:1px solid #679dcc; }
div#topmenu ul li.accreditations { border-left:1px solid #679dcc; }
div#topmenu ul li.licences { border-left:1px solid #679dcc; }
div#topmenu ul li.policies { border-left:1px solid #679dcc; }
div#topmenu ul li.contactus { border-left:1px solid #679dcc; }
div#topmenu ul li.legislation { border-left:1px solid #679dcc; }
div#topmenu ul li.links { border-left:1px solid #679dcc; }

div#topmenu a:link {
	color: #fff;
	text-decoration:none;
}
div#topmenu a:visited {
	color: #fff;
	text-decoration:none;
}
div#topmenu a:hover {
	color: #fff;
	text-decoration:underline;
}
div#topmenu ul li a.active {
	color: #86B1D7;
}


/* ------------------------------- Main ------------------------------- */

div#mainarea {
	width:984px;
	border:3px solid #fff;
	background-color:#fff;
	position:relative;
}

/* ------------------------------- Header ------------------------------- */

div#header {
	position:absolute;
	top:30px;
	left:0;
	width:984px;
	height:352px;
}
#logo {
	float:left; padding:17px 0 0 36px;
}

div.home {
	background:url(../images/header-bg/home.jpg) no-repeat top;
}

div.contactus {
	background:url(../images/header-bg/contact-us.jpg) no-repeat top;
}

div.news {
	background:url(../images/header-bg/news.jpg) no-repeat top;
}

div.case-studies {
	background:url(../images/header-bg/case-studies.jpg) no-repeat top;
}

div.accreditations {
	background:url(../images/header-bg/accreditations.jpg) no-repeat top;
}

div.licences {
	background:url(../images/header-bg/licences.jpg) no-repeat top;
}

div.policies {
	background:url(../images/header-bg/policies.jpg) no-repeat top;
}

div.legislation {
	background:url(../images/header-bg/legislation.jpg) no-repeat top;
}

div.links {
	background:url(../images/header-bg/links.jpg) no-repeat top;
}

div.services {
	background:url(../images/header-bg/services.jpg) no-repeat top;
}

div.m2fueloil {
	background-image: url(../images/header-bg/m2-fuel-oil.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div.fleethiretransport {
	background-image: url(../images/header-bg/fleet-hire-transport-2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div.oilfilterrecycling {
	background-image: url(../images/header-bg/oil-filter-recycling-2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div.drumcontainerrecycling {
	background:url(../images/header-bg/drum-container-recycling.jpg) no-repeat top;
}

div.industrialcleaning {
	background:url(../images/header-bg/industrial-cleaning.jpg) no-repeat top;
}

div.tankcleaning {
	background-image: url(../images/header-bg/home.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div.interceptorcleaning {
	background-image: url(../images/header-bg/home.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div.spillequipment {
	background:url(../images/header-bg/spill-equipment.jpg) no-repeat top;
}

div.bundedoiltanks {
	background:url(../images/header-bg/bunded-oil-tanks.jpg) no-repeat top;
}

div.tankremoval {
	background:url(../images/header-bg/tank-removal.jpg) no-repeat top;
}

div.hazardwastedisposal {
	background:url(../images/header-bg/hazardous-waste-disposal.jpg) no-repeat top;
}

div#header #contact { width:414px; height:14px; float:right; padding: 43px 54px 0 0;}

div#header #contact img#tel  { float:left; padding-right:23px;}
div#header #contact img#email  { float:left; }

div#header div#breadcrumb { position:absolute; bottom:10px; left:36px; font-size:0.75em;}

div#header div#breadcrumb a { color:#a6c6aa; }

/* ------------------------------- Main ------------------------------- */

div#main {
	position:relative;
	width:984px;
	background:#4d8c54 url(../images/main-bg.gif) repeat-y;
	margin-top:382px;
}

/* ------------------------------- Nav ------------------------------- */

div#nav {
	position:relative;
	float:right;
	width:242px;
	background-color:#005bab;
	padding:0 29px 30px 30px;
}

div#nav h2 {
	font-size:1.1em;
	font-weight:normal;
}


div#nav ul { margin: 0; padding:0; list-style-type: none;}

div#nav ul li {
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	width: 242px;
}

div#nav ul li a {
	display:block;
	margin:0;
	padding:8px 0 0 0;
	text-align:center;
	font-size:0.814em;
	background:#2371b6 url(../images/nav-bg.gif) no-repeat;
	width: 242px;
	height: 22px;
}

div#nav ul li a:hover {
	background:#2371b6 url(../images/nav-bg-hover.gif) no-repeat;
	text-decoration:none;
}

div#nav ul li a.bott {
	padding:8px 0 0 0;
	background:#2371b6 url(../images/nav-bg-bott.gif) no-repeat;
	height: 24px;
}

div#nav ul li a:hover.bott {
	background:#2371b6 url(../images/nav-bg-bott-hover.gif) no-repeat;
}

div#nav ul li a.bottactive {
	padding:8px 0 0 0;
	background:#2371b6 url(../images/nav-bg-bott-hover.gif) no-repeat;
	height: 24px;
	color: #86B1D7;
}

div#nav ul li a.active {
	background-color: #2371b6;
	background-image: url(../images/nav-bg-bott-hover.gif);
	background-repeat: no-repeat;
	color: #86B1D7;
}

div#nav div#address {
	position:absolute;
	top:60px;
	font-size:0.814em;
	line-height:1.4em;
}

div#nav div#address a {
	text-decoration:underline;
}

/* ------------------------------- Content ------------------------------- */

div#content {
	float:left;
	width:619px;
	padding: 3px 29px 35px 35px;
	
}

div#content p {
	font-size:0.75em;
	line-height:1.7em;
}

div#content ul {
	font-size:0.75em;
	line-height:1.7em;
}

div#content p.larger {
	font-size:1.064em;
	line-height:1.4em;
}

div#content h1 {
	font-size:32px;
	margin:0;
	padding:0;
	font-weight:normal;
}

div#content a:link {color: #fff; text-decoration:underline; }
div#content a:visited {color: #fff; text-decoration:underline;}
div#content a:hover {color: #a6c6aa; text-decoration:underline;}

div#content .cta {
	border:2px solid #437248;
	background:#65976b url(../images/cta-bg.gif) repeat-x top;
	font-size:1.25em;
	line-height:1.3em;
	padding-top: 8px;
	padding-right: 22px;
	padding-bottom: 13px;
	padding-left: 22px;
}

div#content .cta span {
	color:#a7c1aa;
}
div#content .cta a:hover {
	color: #A7C1AA;
}


div#content div#contactbox {
	width:591px;
	/*height:215px;*/
	font-size:0.75em;
	background:#427147 url(../images/contact-bg.gif) repeat-x top;
	padding:8px 10px 8px 8px;
	border: 2px solid #487e4d;
}
div#content div#contactbox label.error {
	color:#ffb400;
	width: auto;
	display: block;
}

div#content img.accreditation {
	float:right;
	margin-left:30px;
}


div#content div#servicebox {
	display:block;
	height:202px;
	border:1px solid #427147;
	background:#65976b url(../images/servicesbox-bg.gif) repeat-x top;
	text-decoration:none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 0px;
	text-align: left;
}

div#content div#servicebox a {
	float:left;
	display:block;
	text-align:center;
	width: 174px !important; /*--The !important; hack tells IE6 to skip this line.--*/
	width: 170px;
	border:2px solid #719c76;
	background:#65976b url(../images/cta-bg.gif) repeat-x top;
	font-size:0.8em;
	padding:8px 5px 8px 5px;
	margin:7px;
	text-decoration:none;
}

div#content div#servicebox a:hover {
	color:#3f6743;
	border:2px solid #497a4e;
	background:#639a69 url(../images/cta-bg-hover.gif) repeat-x top;
}

div#content .gallery {
	margin-bottom: 10px;
}

div#content .gallery img {
	border: 2px solid #437248;
	margin-left: 6px;
	margin-bottom: 6px;

}

div#content .gallery .nomargins {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;

}



/* ------------------------------- Footer ------------------------------- */

div#footer {
	padding:3px 0 3px 0;
	font-size:0.689em;
}

div#copyright {
	float:right;
	color:#bed5c1;
}

/*-----------------FORM STUFF--------------------*/

form { border:0; margin:0; padding:0; display: inline; }
input { border:1px solid #aac8ae; }

div#content div#contactbox input {
	width: 183px;
	font-family:Arial, Helvetica, sans-serif;
}

div#content div#contactbox textarea {
	width: 181px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;

}

div#content div#contactbox input.submit {
	background-color: #4c6e4f;
	border: 2px solid #668969;
	width: 187px;
	height:32px;
	color:#fff;
}

/* ------------------------------- sIFR ------------------------------- */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:32px;
}