body {
	background-color: #F3F9FC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#wrapper{
margin: 0px auto;
width: 890px;
text-align:left;
}

#header{
width: 880px;
height: 62px;
padding: 0px 5px;
margin: 0px;
}
#logo{
	width:340px;
	height: 62px;
	display: block;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	float:left;
	padding: 0px;
	margin: 0px;
}
#nav{
width: 415px;
height: 62px;
float:right;
padding: 0px;
margin: 0px;
}
#main{
width: 860px;
padding: 15px;
margin: 0px;
background-image: url(images/body.jpg);
background-repeat: repeat-y;

}
#main p, #header p{
margin: 0px;
padding:10px 0px;
}
#footer{
width: 880px;
height: 120px;
padding: 0px 5px;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;

}

.clear{
height: 10px;
display: block;
clear: both;
}
/* ----- MAIN NAV ------ */

#nav ul {
margin: 0px;
width: 415px;
padding: 28px 0px 0px 0px;
height: 34px;
list-style-type: none;
position: relative;
display: block;
}
/* the next bits line up edges with main in IE6 in firefox these settings are not neccessary */
#nav ul li{
display: block;
float: left;
width: 106px;
padding: 0px ;
margin: 0px;
height: 34px ;
}

#nav ul li#about, #nav ul li#ser{
width: 104px;
}
#nav ul li#con{
width: 101px;
}
/* end of fix */
#nav ul li a {
display: block;
position: absolute;
float: left;
width: 108px;
top: 28px;
text-indent: -9000px;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px;
overflow: hidden;
height: 34px ;
background: url(images/nav/nav.jpg) no-repeat;
}

body li#home a {width: 106px; background-position: 0px 0px; left: 0px}
body li#home a:hover {width: 106px; background-position: 0px -34px; left: 0px}
body li#about a { width: 104px; background-position: -106px 0px; left: 105px}
body li#about a:hover { width: 104px; background-position: -106px -34px; left: 105px}
body li#ser a {  width: 104px; background-position: -211px 0px; left: 210px}
body li#ser a:hover { width: 104px; background-position: -211px -34px; left: 210px}
body li#con a { background-position: -316px 0px; left: 314px}
body li#con a:hover { background-position: -316px -34px; left: 314px}

/* ------ SERVICES -----*/
#services{
display: block;
width: 848px;
height: 94px;
padding: 32px 6px 0px 6px;
margin: 0px;
background: url(images/services_back.jpg) no-repeat;
}

/* ----- SERVICES NAV ------ */

#services ul {
margin: 0px;
width: 846px;
padding: 0px;
height: 80px;
list-style-type: none;
position: relative;
display: block;
}
/* the next bits place li within UL area IE6 in firefox these settings are not neccessary */
#services ul li{
display: block;
width: 139px;
height :23px;
float: left;
padding: 0px;
margin: 0px;
}
/* end of fix */
#services ul li a {
position: absolute;
display: block;
float: left;
width: 139px;
top: 0px;
text-indent: -9000px;
text-decoration: none;
padding: 0px;
margin: 0px;
overflow: hidden;
height :23px;
background: url(images/services_all.jpg) no-repeat;
}

/******************************

TOP NAVIGATION

Rules 
First row is top 0px;
Second Row is top 26px;
Third row is top 52px;

There are six columns. From the left i.e. left: (col pos)px;

col 1 - 0px
col 2 - 141px
col 3 - 282px
col 4 - 424px
col 5 - 565px
col 6 - 707px


**********************************/

body li#bus a { background-position: 0px 0px; }
body li#bus a:hover { background-position: 0px -80px; }
body li#car a { background-position: -141px 0px; left: 141px;}
body li#car a:hover { background-position: -141px -80px; left: 141px;}
/***OLD body li#contra a { background-position: -282px 0px; left: 282px;}
body li#contra a:hover { background-position: -282px -80px; left: 282px;}***/
body li#dan a { background-position: -424px 0px; left: 282px;}
body li#dan a:hover { background-position: -424px -80px; left: 282px;}
body li#dri a { background-position: -565px 0px; left: 424px;}
body li#dri a:hover { background-position: -565px -80px; left: 424px;}
body li#dru a { background-position: -707px 0px; left: 565px;}
body li#dru a:hover { background-position: -707px -80px; left: 565px;}
body li#excep a { background-position: 0px -28px;  left: 707px;}
body li#excep a:hover { background-position: 0px -108px;  left: 707px;}

/*** OLD body li#excess a { background-position: -141px -28px; top: 26px;left: 141px;}
body li#excess a:hover { background-position: -141px -108px; top: 26px;left: 141px;}
body li#fail a { background-position: -282px -28px; top: 26px; left: 282px;}
body li#fail a:hover { background-position: -282px -108px; top: 26px; left: 282px;}***/

body li#mob a { background-position: -424px -28px; top: 26px; left: 0px;}
body li#mob a:hover { background-position: -424px -108px; top: 26px; left: 0px;}
body li#notice a { background-position: -565px -28px; top: 26px; left: 141px;}
body li#notice a:hover { background-position: -565px -108px; top: 26px; left: 141px;}
body li#pen a { background-position: -707px -28px; top: 26px; left: 282px;}
body li#pen a:hover { background-position: -707px -108px; top: 26px; left: 282px;}
body li#remove a { background-position: 0px -56px; top: 26px; left: 424px;}
body li#remove a:hover { background-position: 0px -136px; top: 26px; left: 424px;}
body li#spec a { background-position: -141px -56px; top: 26px; left: 565px;}
body li#spec a:hover { background-position: -141px -136px; top: 26px; left: 565px;}
body li#speedcam a { background-position: -282px -56px; top: 26px; left: 707px;}
body li#speedcam a:hover { background-position: -282px -136px; top: 26px; left: 707px;}

body li#speed a { background-position: -424px -56px; top: 52px; left: 0px;}
body li#speed a:hover { background-position: -424px -136px; top: 52px; left: 0px;}
/*** OLD body li#tacho a { background-position: -565px -56px; top: 52px; left: 565px;}
body li#tacho a:hover { background-position: -565px -136px; top: 52px; left: 565px;} ***/
body li#traff a { background-position: -707px -56px; top: 52px; left: 141px;}
body li#traff a:hover { background-position: -707px -136px; top: 52px; left: 141px;}

#mid_l{width: 500px;padding: 10px 20px 0px 0px;float:left;}
#mid_l img{ display: block; padding: 0px;}
#mid_l h1, #mid_l h3{ padding: 0px 10px;}
#mid_l p{ text-align:justify; padding: 10px;}
#mid_l table{  margin: 10px;}
tr.headrow td{color: #FFFFFF; background-color: #333333; }
tr.odd td{ background-color: #EBF7FB; }
#mid_l h1{ font-size: 225%; margin: 5px 0px;}
#mid_l h3{ font-size: 150%; margin: 5px 0px; color: #999999;}
#mid_r{width: 332px;padding: 10px 0px 0px 0px;float:right;}
.sitemap a{color: #0099CC;}

#why{display: block;width: 332px;background:url(images/why_body.jpg) repeat-y;}
#why h3{display: block;width: 332px;height: 51px;text-indent: -9999px;margin: 0px;padding: 0px;background:url(images/why_h.jpg) no-repeat; }
#why a{position: relative;display: block;width: 302px;height: 47px;text-indent: -9999px;background:url(images/read_about.jpg) no-repeat; left: 15px;}
#why ul{ padding: 10px 15px; margin: 0px;}
#why li{padding: 15px 15px 15px 30px;margin: 0px;list-style:none; background: url(images/why_li.jpg) no-repeat 0px 10px;font-size: 12px;font-weight: bold;color:#333333;height: 20px; clear: left;}
#why_end{display: block;width: 332px;height: 24px;background:url(images/why_f.jpg) no-repeat;}

#enquiry2{display: block;width: 332px;background:url(images/why_body.jpg) repeat-y;}
#enquiry2 h3{display: block;width: 332px;height: 51px;text-indent: -9999px;margin: 0px;padding: 0px;background:url(images/enq2_h.jpg) no-repeat; }
#enquiry2 a{position: relative;display: block;width: 302px;height: 47px;text-indent: -9999px;background:url(images/read_about.jpg) no-repeat; left: 15px;}
#enquiry2 ul{ padding: 10px 15px; margin: 0px;}
#enquiry2 ul li{padding: 15px 0px;margin: 0px;list-style:url(images/why_li.jpg) inside;font-size: 14px;font-weight: bold;color:#333333;height: 20px;}
#enquiry2 form{padding: 10px 15px; margin: 0px;}
#enquiry2 label{font-size: 14px; color: #333333; font-weight: bold;}
#enquiry2 input.text, #enquiry2 textarea{margin: 5px 0px; width: 300px;}
#enquiry2 textarea{height: 100px;}

#enquiry1{display: block;width: 840px;height: 161px;padding: 5px 10px 0px 10px;margin:  0px;background: url(images/enquiry_back.jpg) no-repeat;}
#enq_intro{width: 300px;padding: 35px 7px 7px 7px;float: left;}
#enq_intro p{color:#006699; padding: 3px 0px;}
#enq_intro h3{color:#006699; padding: 2px 0px; margin: 0px;font-size: 24px}
#enq_intro h4{color:#006699; padding: 20px 0px 0px 0px; margin: 0px; font-size: 14px; font-weight:normal;}
#enq_form{width: 520px;padding: 5px 0px;float: left;}
#enq_form p{padding: 3px 0px;margin: 0px;}
#enq_form label {width: 150px; height: 18px;float: left; display:block; font-size: 10px; color:#006699;}
#enq_form input.text{ height: 15px; font-size: 10px; padding: 1px; width: 150px;}
#enq_form select.text{ height: 20px; font-size: 10px; padding: 1px; width: 155px;}
#enq_left{ display: block; width: 320px;  float: left;}
#enq_form p#comments{ display: block; width: 185px;  float: left; color:#006699;}
#comments textarea{ height: 84px;}
#comments img{ float: right; display:block; padding: 7px 0px;}

#foot_left{  width: 300px; height: 30px; float: left; padding: 10px 0px 0px 15px;}
#foot_left a{ color:#669900; text-decoration:none;}
#foot_left p{ padding: 3px 0px; margin: 0px;}
#foot_right{  width: 550px; height: 30px; float: right; text-align: right; padding: 10px 15px 0px 0px;} 
#foot_right p{ padding: 3px 0px; margin: 0px;}
#foot_right a{ color: #333333;}

#breadcrumbs, #breadcrumbs a , a.blue_link{ color:#0099CC; }
h3#contactus{display:block; text-indent:-9999px; width: 332px; height: 96px; background:url(images/contact.jpg) no-repeat;  }

ul#serv_page_menu{ margin: 5px; padding: 5px; list-style-type:none;}
#serv_page_menu li a{ color: #006699; font-size: 12px; text-decoration:none; margin: 3px 0px;display: block; padding: 5px; width: 442px; background-color: #EBF7FB; border-left: 25px solid #4FAAD6;}
#serv_page_menu li a:hover{ border-left: 25px solid #99CC00; background-color: #E7F3C4; color: #006600;}