/* CSS Document */
body,td,th {
	font-family: verdana;
	font-size: 12px;
	color: #000000;
}
body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px; background-image:url(../images/21.gif); background-repeat:repeat;}
a {	font-family: verdana;	color: #FFFFFF;}
a:link {	text-decoration: none;}
a:visited {	text-decoration: none;	color: #FFFFFF;}
a:hover {	text-decoration: none;	color: #FFFFFF;}
a:active {	text-decoration: none;	color: #FFFFFF;}
h1 {	font-size: 25px;	color: #FFFFFF;}
h2 {	font-size: 15px;	color: #1a1a1a; border-bottom: 1px dashed #1a1a1a; padding-bottom: 3px; }
h3{ font-size: 12px; font-weight: bold; color: #1a1a1a; }
h4 {	font-size: 10px;	color: #FFFFFF; padding: 0px; margin: 0px; }

p{color: #1a1a1a; line-height: 18px;}


/* ID's & Classes, set out in website heirachy, ie main outer container then header first then footer last following logically from top to bottom */

#main_container{width: 883px; margin: 10px auto 10px auto; padding: 8px;  background-color: #FFFFFF;}

#company_details{width: 845px; margin: 0px auto 8px auto; height: 64px;  padding: 18px 19px 0px 19px;}
	#company_details h1{margin: 0px; padding: 0px; }
	#company_details h4{margin: 0px; padding: 0px;}
	
#header_image{width: 883px; height: 186px; margin-bottom: 8px;}
	#company_details{margin-bottom: 15px;}
	#logo_container{width: 344px; height: 75px; background-image: url(../images/logo.png); float: left;}
		#logo_container h1{display: none;}
		#tel_container{ height: 75px; float: right;}
			#tel_container h2{border-bottom: 0px; color: #225686; text-align:right;}
	
	

#links_container{width: 883px; height: 38px; margin-bottom: 16px; }
	#linkone{float:left; width: 218px; height: 18px; background-image:url(../images/linkone.jpg); text-align:center; padding: 10px 0px 10px 0px;}
	#linktwo{float: left; width: 230px; height: 18px; background-image: url(../images/linktwo.jpg); text-align:center; padding: 10px 0px 10px 0px;}
	#linkthree{float: left; width: 220px; height: 18px; background-image: url(../images/linkthree.jpg); text-align:center; padding: 10px 0px 10px 0px;}
	#linkfour{float: left; width: 215px; height: 18px; background-image: url(../images/linkfour.jpg); text-align:center; padding: 10px 0px 10px 0px;}
	
#left{float: left; width: 242px; padding-right: 10px; margin-bottom: 0px; border-right: 1px dashed #000; margin-top: 20px;}
#right{float: right; width: 610px; margin:0px 0px 0px 20px; margin-top: 20px;}
	#right ul li{margin-top: 15px; }
#full{padding: 0px 10px 0px 10px; clear: both;}
	#full ul li{line-height: 18px;}



#footer{width: 863px; height: 18px; padding: 10px; background-image: url(../images/footer.gif); clear: both;}
#footer p{ color:#FFFFFF;}

.field{width: 99%; font-family: verdana; font-size: 12px; border: 1px solid #686868; padding: 2px;  }
.field:hover{background-color: #d5d7f3;}
.field:focus{background-color: #d5d7f3;}
.button{font-family: verdana; font-size: 12px;}


.img_mar_left{margin-left: 40px; margin-bottom: 40px;}
.img_mar_right{margin-right: 40px; margin-bottom: 40px;}

#quote{width: 800px; margin: auto; padding: 0px 10px 0px 10px; height:150px; background-image:url(../images/quote.jpg); background-repeat: no-repeat;}
#quote p{color: #FFFFFF;}

#mapleft{float:left; margin-left: 10px; }
#mapright{float: right; margin-right: 10px;}

.spacer{width: 0px; height: 0px; margin: 0px; padding: 0px; clear: both; }

.headie{border: 1px solid #000;}

.blue{color: #225686;}