/* CSS Document */
/* -------------------------------Standard------------------------------- */
html, body {
	margin:0;
	border:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
	color: #fff;	
}
a:link {color: #fff; text-decoration:none; }
a:visited {color: #fff; text-decoration:none; }
a:hover {color: #fff; text-decoration:underline; }
img {
	border:0;
}

div#container {
}

div#wrapper {
	position: relative;
	width:550px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.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;
	display: none;
}

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:544px;
	border:3px solid #fff;
	background-color:#fff;
	position:relative;
}

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

div#header {
	position:absolute;
	width:544px;
	height:135px;
	top: 0px;

}
#logo {
	float:left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

div.home {
}

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 {
	float:right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	width: 100%;
	position: absolute;
	top: 108px;
	left: 0px;
	height: 25px;
	text-align: right;
}

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

div#header div#breadcrumb {
	position:absolute;
	bottom:10px;
	left:0px;
	font-size:0.75em;
	color: #000000;
	top: 115px;
	display: none;
}

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

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

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

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

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

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:100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #4D8C54;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4D8C54;
	
}

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: #fff; 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;
}





/* ------------------------------- 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;
}

div#content div#contactbox textarea {
	width: 181px;
	height:70px;

}

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

/* ------------------------------- sIFR ------------------------------- */


/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}