/* © Copyright 2010. Bedfordshire Web Designer - Providing affordable web design, hosting and maintenance services to SME's */

/* high level html tag styles */

html{ 
	height:100.1%; 
	overflow-y:scroll; 
	overflow: -moz-scrollbars-vertical; 
}

body {
	background-color: #005dab;
	font-size: 62.5%;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/common/main-bkgrd-repeat.gif);
	background-repeat: repeat-y;
}

/* divs for main page layout */

#container {
	background-image: url(../images/common/main-bkgrd.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#logo {
	padding: 30px 0px 0px 30px;
}
#flag {
	height: 29px;
	width: 565px;
}
#flag p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: right;
	line-height: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 9px 0px 0px 70px;
	color: #005dab;
}
#flag img {
	padding: 0px;
	border: none;
}

#menu {
	position: absolute;
	left: 605px;
	top: 22px;
	width: 155px;
	z-index: 100;
}

#menu span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#home-image-1 {
	padding: 0px;
	margin: 0px;
	z-index: 40;
}

#home-image-2 {
	padding: 0px;
	margin: 0px;
	z-index: 30;
}

#home-image-3 {
	padding: 0px;
	margin: 0px;
	z-index: 20;
}

#home-title {
	padding: 0px;
	margin: 0px;
	z-index: 10;
}

#home-content {
	margin: 0px;
	width: 475px;
	padding: 10px 0px 0px 220px;
}

#home-content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	color: #005dab;
}

#page-content {
	margin: 0px;
	width: 385px;
	padding: 20px 0px 0px 290px;
}

#copyright {
	padding: 0px;
	margin: 0px;
}

/* styles for main menu links */

ul.nav {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-align: right;
}

li.nav1 {
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

li.nav2 {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

/* styles for menu level 1 links */

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

a.nav1:link, .nav1:visited, .nav1:active {
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

a.nav1:hover {
	color: #013c6e;
	text-decoration: underline;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

#home-content a {
	font-size: 10px;
	color: #005dab;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#home-content a:hover {
	color: #013c6e;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
}

/* styles for menu level 2 links */

a.nav2:link, .nav2:visited, .nav2:active {
	font-weight: normal;
	color: #d2e8fe;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	margin: 0px;
}

a.nav2:hover {
	color: #013c6e;
	font-weight: normal;
	text-decoration: underline;
	padding: 4px 0px 4px 0px;
	margin: 0px;
}

/* styles for copyright link */

a.copyright {
	font-size: 10px;
	font-weight: bold;
	color: #9ec6e5;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

a.copyright:link, .copyright:visited, .copyright:active {
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

a.copyright:hover {
	color: #005dab;
	font-weight: normal;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
}

/* styles for positioning page titles */

img.title-3-lines {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 290px;
	top: 360px;
	z-index: 31;
	background-image: url(Remediation%20at%20former%20Timber%20Treatment%20Works);
}

/* styles for positioning images */

#main-product-img {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 15px;
	top: 285px;
	z-index: 62;
}

#sand-sludge {
	padding: 0px;
	margin: 0px;
	position: absolute;
	width: 150px;
	left: 70px;
	top: 800px;
	z-index: 61;
}

#schematic-ballast {
	padding: 0px;
	margin: 0px;
	position: absolute;
	width: 160px;
	left: 65px;
	top: 1400px;
	z-index: 60;
}

#schematic-dtp {
	padding: 0px;
	margin: 0px;
	position: absolute;
	width: 160px;
	left: 65px;
	top: 496px;
	z-index: 60;
}

#schematic-milscale {
	padding: 0px;
	margin: 0px;
	position: absolute;
	width: 160px;
	left: 65px;
	top: 1700px;
	z-index: 60;
}

#oily-interceptor {
	padding: 0px;
	margin: 0px;
	position: absolute;
	width: 150px;
	left: 70px;
	top: 830px;
	z-index: 61;
}

#rail-ballast {
	padding: 0px;
	margin: 0px;
	position: absolute;
	width: 150px;
	left: 70px;
	top: 1230px;
	z-index: 61;
}

#dried-sludge {
	padding: 0px;
	margin: 0px;
	position: absolute;
	width: 150px;
	left: 70px;
	top: 496px;
	z-index: 61;
}

img.schematic {
	padding: 0px;
	margin: 10px;
}

/* styles for content formatting */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	color: #005dab;
}
#page-content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	color: #005dab;
}
#page-content h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #005dab;
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

p.copyright {
	font-size: 10px;
	margin: 0px;
	padding: 45px 0px 200px 20px;
	color: #9ec6e5;
	background-image: url(../images/common/pale-blue-line.gif);
	background-repeat: no-repeat;
	background-position: 0px 40px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #005dab;
}

td.end {
	padding: 0px 0px 25px 0px;
}

td.top {
	padding: 0px 0px 5px 0px;
}

img, ul, li {
	padding: 0px;
	margin: 0px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #005dab;
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #005dab;
	padding: 5px 0px 2px 0px;
	margin: 0px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #005dab;
	padding: 2px 0px 2px 0px;
	margin: 0px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #005dab;
	padding: 1px 0px 1px 0px;
	margin: 0px;
}

li.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #005dab;
	list-style-position: outside;
	list-style-type: none;
	padding: 2px 0px 4px 0px;
	list-style-image: url(../images/common/blue-bullet.gif);
	margin: 0px 0px 0px 25px;
}

ul.list {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	list-style-type: square;
	text-align: left;
	list-style-position: outside;
}

li.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #005dab;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

li.list-indent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #005dab;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 5px 0px;
}

li.end-list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #005dab;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}


a.email {
	font-size: 10px;
	font-weight: normal;
	color: #005dab;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

a.email:link, .email:visited, .email:active {
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

a.email:hover {
	color: #005dab;
	font-weight: normal;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
}