
#iPage {
position: relative;
width: 960px;
padding: 0px;
margin: 0 auto 0;
background: #FFF;
border: 10px solid #FFF;
}
#banner{
background-image:  url("headers/header_loc.gif");
width: 960px;
height: 300px;
}

#banner-centred{
background-image:url(headers/header4.png);
width: 960px;
height: 300px;
}

#banner_cartog{
background-image:  url("headers/header_cartog.gif");
width: 960px;
height: 300px;
}
#banner_mtb{
background-image:url(headers/header3.png);
width: 960px;
height: 300px;
}
#banner_web{
background-image:    url("headers/header_web.gif");
width: 960px;
height: 300px;
}
#banner_services{
background-image:url(headers/header5.png);
width: 960px;
height: 300px;
}
#banner_knutsford{
background-image:url(headers/header6.png);
width: 960px;
height: 300px;
}
#banner_contact{
background-image:url(headers/header7.png);
width: 960px;
height: 300px;
}
#banner_location{
background-image:url(headers/header2.png);
width: 960px;
height: 300px;
}
#banner_locationsamples{
background-image:url(headers/header9.png);
width: 960px;
height: 300px;
}
#banner_locationprices{
background-image:url(headers/header10.png);
width: 960px;
height: 300px;
}
#banner_web{
background-image:url(headers/header11.png);
width: 960px;
height: 300px;
}
#wrapper_sidebar{
background-color: #CC9;
background-repeat: repeat-y;
background-position: left top;
}
#left_sidebar{
float: left;
width: 200px;
display:inline;
}
#left_inner_sidebar{
padding: 10px;
}
#left_sidebar p{
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
color:#000;
font-size: 0.83em;
}
#page_content{
padding-top: 10px;
padding-bottom: 10px;
margin-right: 0px;
margin-left: 210px;
background-color: #FFF;
padding-left: 10px;
}
#page_content2{
padding-top: 10px;
margin-left: 200px;
padding-left: 20px;
padding-right: 20px;
background-color:#FFF;
}
#page_content3{
padding-top: 10px;
margin-left: 00px;
padding-left: 20px;
padding-right: 20px;
background-color:#FFF;
}
#iFooter {
position: relative;
width: 750px;
padding: 0px;
margin: 0 auto 0;
background-color: #FFF;
}
h1 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1.7em;
color: #000;
margin-top: 50px;
line-height:30px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #808080;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.95em;
color: #5500AA;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
color: #000;
margin-bottom: 3px;
}
body {
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	margin-top: 6px;
}
p.comments{
font-family:"Times New Roman", Times, serif;
color:#550000;
font-size: 0.85em;
margin-top: 0px;
}
p strong{
color:#D40000;
}
.company {
font-size: 1em;
margin-bottom: 0px;
margin-top: 0px;
text-align: center;
letter-spacing: 1px;
}
hr {
border-top : 1px dotted #FF0055;
color : #FFFFFF;
background-color : #FFFFFF;
height : 2px;
border-right: none;
border-bottom: none;
border-left: none;
}
#banner p.logo {
text-indent: -5000px;
}

/* NAVIGATION */
a:link {
font-family: Arial, Helvetica, sans-serif; 
 
color: #2A1FFF;  
font-style: normal; 
font-weight: normal; 
font-variant: normal;
text-decoration:none;
}
a:visited {
color: #2A1FFF;

}
a:hover {
color: #FF9966;

}
a:active {
color: #FF9966;

}
a.white:link {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.87em; color:#FFFFFF; text-decoration: underline; font-style: normal; font-weight: normal; font-variant: normal;
}
a.white:visited {
color:#FFFFFF;
font-size: 0.87em;
}
a.white:hover {
color:#55DFFF;
font-size: 0.87em;
}
a.white:active {
color:#FFFFFF;
font-size: 0.87em;
}
a.small:link {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color:#FFFFFF; text-decoration: underline; font-weight: normal;
}
a.small:visited {
color:#FFFFFF;
font-size: 0.8em; 
font-weight: normal;
}
a.small:hover {
color:#FFDF55;
font-size: 0.8em; 
font-weight: normal;
}
a.small:active {
color:#FFFFFF;
font-size: 0.8em; 
font-weight: normal;
}
#mainNav {
margin-top: 00px;
margin-bottom: 0px;
width: 100%;
background-color:#FFDF55;
}
#mainNav ul {
width: 100%;
margin: 0px;
padding: 0px;
padding: 2px 0 0 0 ;
background-color:#000
}
#mainNav li {
float: left;
list-style: none;
white-space: nowrap;
width: 137px;
}
#mainNav a {
text-decoration: none;
font-size: 12px;
color: #000000;
border-right: 1px solid #FFFFFF;
display: block;
padding: 5px;
text-align:center;
background-color:#FFDF55;
}
#mainNav a:visited {
background: #FFDF55;
}
#mainNav a:hover {
background-color:#D49F00;
}
#mainNav a:active {
background: #B2F511;
}
#mainNav ul li a.here{
color:#FFFFFF;
font-weight:bold;
background-color:#550000;

}

#mainNav ul li a.here2{
color:#FFFFFF;
background-color:#AA1F00;
}
#subNav {
margin-bottom: 0px;
width: 100%;
color:#FFFFFF;
background-color:#AA1F00;
}
#subNav ul {
width: 100%;
margin: 0px;
padding: 0px;
}
#subNav li {
float: left;
list-style: none;
white-space: nowrap;
width: 240px;
}
#subNav a {
text-decoration: none;
font-size: 11px;
color:#FFFFFF;
border-right: 1px solid #FFFFFF;
display: block;
padding: 3px;
text-align:center;
background-color:#AA1F00;
}
#subNav a:visited {
background-color:#AA1F00;
}
#subNav a:hover {
background-color:#550000;
}
#subNav a:active {
background-color:#AA0000;
}
#subNav ul li a.here{

font-weight:bold;
background-color:#550000;
}
img.float_right{
float: right;
margin-left: 2px;
margin-bottom: 5px;
}
img.float_left{
float: left;
margin-left: 2px;
margin-bottom: 5px;
}
.clear {
clear:both;
margin: 0px;
}
ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.83em;
color: #2A1F00;
}
.mtb_photo img {
border: 1px solid #666;
padding: 10px;
}
