@charset "UTF-8";

/* ----------- CSS Document ----------- */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px;
	background: #FFF;
	}

p {
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	}
	
	
a {
	text-decoration: none;
	}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 19px;
	color: #FF0000;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: lighter;
	letter-spacing: -0.05em;
	}
	
h2 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #FF0000;
	font-weight: normal;
	}

h3 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: normal;
	}
	
h4 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
	margin-bottom: 10px;
	}

/* ----------- Tools ----------- */

.clear {
	clear: both;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.border {
	border: 1px solid #999999;
	}
	
div#pagewrap {
	width: 981px;
	height: auto;
	margin: 0 auto;
	background: url(../images/background.gif) no-repeat top;
	}
	
div#innerwrap {
	width: 899px;
	height: auto;
	margin: 0 auto;
	}
	
.black	{color: #000;}
.white	{color: #FFF;}
.grey	{color: #CCC;}
.red	{color: #FF0000;}

.black-large	{color: #000; font-size:14px; }

.red-small	{color: #FF0000; font-size:11px; }
	
/* ---------- END Tools --------- */	


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

div#header {
	background: url(../images/header.gif) no-repeat top;
	height: 165px;
	width: 899px;
	margin-bottom: 10px;
	}
	

div#header-logo {
	padding-top: 15px;
	padding-left: 20px;
	float: left;
	}
	
div#header-tel {
	font-size: 27px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 30px;
	padding-right: 20px;
	font-family: Arial, Helvetica;
	color: #FFF;
	float: right;
	}
	
ul#nav {
	list-style: none;
	width: 854px;
	padding-left: 25px;
	padding-top: 23px;
	font-weight: bold;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	ul#nav li {
		display: inline;
		color: #FFF;
		float:left;
		width: auto;
		}
		
		ul#nav li a{
			display: block;
			color: #FFF;
			}
		
		ul#nav li a:hover{
			color: #FF0000;
			}
	
		ul#nav li a.cavity{
			width: 143px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.cavity-active{
			color: #FF0000;
			width: 143px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.solid{
			width: 148px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.solid-active{
			color: #FF0000;
			width: 148px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.loft{
			width: 108px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.loft-active{
			color: #FF0000;
			width: 108px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.draught{
			width: 110px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.draught-active{
			width: 110px;
			text-align: center;
			color: #FF0000;
			margin-right: 6px;
			}
			
		ul#nav li a.about{	
			width: 80px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.about-active{
			width: 80px;
			text-align: center;
			color: #FF0000;
			margin-right: 6px;
			}
			
		ul#nav li a.testimonials{
			width: 93px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.testimonials-active{
			width: 93px;
			text-align: center;
			color: #FF0000;
			margin-right: 6px;
			}
			
		ul#nav li a.faqs{
			width: 55px;
			text-align: center;
			margin-right: 6px;
			}
			
		ul#nav li a.faqs-active{
			width: 55px;
			text-align: center;
			color: #FF0000;
			margin-right: 6px;
			}
			
		ul#nav li a.contact{
			width: 75px;
			text-align: center;
			}
			
		ul#nav li a.contact-active{
			width: 75px;
			text-align: center;
			color: #FF0000;
			}
	
/* --------- END Header --------- */
	

/* -------- Breadcrumbs Navigation ----------- */

	
ul#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	list-style: none;
	padding-top: 23px;
	padding-left: 50px;
	width: 955px;
	}
	
	ul#breadcrumbs li{
		display: inline;
		}
		
		ul#breadcrumbs li a{
			text-decoration: none;
			width: auto;
			}
				
				ul#breadcrumbs li a.bread-link{
					color: #FFF;
					}
				
				ul#breadcrumbs li a.bread-link:hover{
					text-decoration: underline;
					}
				
					ul#breadcrumbs li a.bread-link-on{
						color: #FF0000;
						}
					
					ul#breadcrumbs li a.bread-link-on:hover{
						text-decoration: none;
						}
					
						ul#breadcrumbs li a.spacer{
							color: #FFF;
							}
							
						ul#breadcrumbs li a.spacer:hover{
							text-decoration: none;
							}
					
/* ------ END Breadcrumbs Navigation ------ */	



/* ----------- Body ----------- */


div#body {
	width: 879px;
	padding-left: 20px;
	}
	
div#body-left {
	width: 614px;
	float: left;
	}

div#body-right {
	width: 237px;
	float: right;
	}
	
.box-top {
	width: 610px;
	height: 8px;
	background: url(../images/box_top.gif)
	}
	
.box-middle {
	width: 568px;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	padding: 10px 20px 10px 20px;
	}
	
.box-bottom {
	width: 610px;
	height: 8px;
	background: url(../images/box_bottom.gif)
	}

.speech-left {
	width: 20px;
	float: left;
	margin-right: 10px;
	}

.speech-right {
	width: 20px;
	float: right;
	margin-left: 10px;
	}
	
.testimonial-credit {
	color: #999;
	font-weight: bold;
	width: 200px;
	display: block;
	padding-top: 5px;
	}
	
.testimonial-link {
	color: #999;
	font-weight: normal;
	width: 200px;
	display: block;
	padding-top: 5px;
	float: right;
	text-decoration: underline;
	text-align: right;
	}
	
.testimonial-link:hover {
	color: #FF0000;
	}

.title-box-white {
	width: 217px;
	height: 20px;
	color: #FF0000;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 26px 10px 5px 10px;
	border-bottom: 1px solid #FF0000;
	}
	
	
ul#news-bullets {
	list-style-image: url("../images/arrow_bullet.gif");
	padding-top: 10px;
	padding-bottom: 15px;
	margin-left: 15px;
	}
	
	ul#news-bullets li {
		display: block;
		margin-bottom: 12px;
		}
		
		ul#news-bullets li a {
			color: #333;
			text-decoration: underline;
			}
			
		ul#news-bullets li a:hover {
			color: #FF0000;
			}

.title-box {
	width: 217px;
	height: 20px;
	background: url(../images/title_red_right.gif);
	color: #FFF;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 6px 10px 5px 10px;
	}
	
.text-box {
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	}
	
.box-container {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	}
	
.left-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
.right-image {
	float: right;
	margin-left: 20px;
	margin-bottom: 30px;
	}
	
.left-question {
	float: left;
	margin-right: 10px;
	margin-top: -8px;
	margin-left: -8px;
	}

div#contact-left {
	float: left;
	width: 210px;
	}
	
div#contact-right {
	float: right;
	width: 350px;
	margin-right: 20px;
	}
	
.contact-line {
	border-bottom: 1px solid #CCC;
	}
	
.contact-field {
	margin-left: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 340px;
	padding-left: 3px;
	border: 1px solid #ccc;
	color: #000;
	height: 20px;
	}

.contact-field-small {
	margin-left: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 80px;
	padding-left: 3px;
	border: 1px solid #ccc;
	color: #000;
	height: 20px;
	}
	
.contact-field-multi {
	margin-left: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 340px;
	padding-left: 3px;
	border: 1px solid #ccc;
	color: #000;
	}

ul.bullets-red {
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
ul.bullets-red li {
	margin-bottom: 10px;
	color: #FF0000;
	}

div#body-map-1 {
	width: 290px;
	float: left;
	}
	
div#body-map-2 {
	width: 290px;
	float: right;
	margin-right: 20px;
	}
	
div#Map_ucGoogleMapHeadoffice_897273 {
	width: 288px;
	height: 288px;
	border: 1px solid #ccc;
	}
	
div#Map_ucGoogleMapWarmerDorset_897273 {
	width: 288px;
	height: 288px;
	border: 1px solid #ccc;
	}
	
div#map-title-1 {
	width: 290px;
	float: left;
	}
	
div#map-title-2 {
	width: 290px;
	float: right;
	}


/* ----------- Footer ----------- */

div#footer {
	background-color: #FFE0CC;
	padding: 20px;
	width: 859px;
	margin-top: 5px;
	border-top: 2px solid #FF0000;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	}
	
div#footer-left {
	float: left;
	width: 400px;
	}
	
	div#footer-left-1 {
		float: left;
		width: 190px;
		}
		
		ul.footer-bullets {
			list-style: url(../images/footer_arrow.gif);
			width: 150px;
			padding-left: 20px;
			margin-right: 20px;
			}
			
			ul.footer-bullets li {
				margin-bottom: 10px;
				}
				
				ul.footer-bullets li a{
					color: #333;
					text-decoration: none;
					}
					
				ul.footer-bullets li a:hover{
					color: #FF0000;
					text-decoration: underline;
					}
		
	div#footer-left-2 {
		float: right;
		width: 190px;
		}
	
div#footer-right {
	float: right;
	width: 200px;
	color: #333;
	text-align: right;
	}
	
/* --------- END Footer --------- */



/* ----------- Credits ----------- */

div#credits-wrap {
	width: 899px;
	height: 150px;
	}
	
div#credits-left {
	width: 600px;
	float: left;
	color: #444;
	}
	
.credits-logo-nudge {
	margin-right: 0px;
	}
	
ul#credits-logos {
	margin-top: 10px;
	float: left;
	color: #444;
	list-style: none;
	}
	
ul#credits-logos li {
	display: inline;
	margin-right: 15px;
	}
	
div#credits-right {
	width: 90px;
	height: 27px;
	float: right;
	}
	
div#credits a {
	margin-top: 0px;
	display: block;
	text-decoration: none;
	width: 277px;
	float: right;
	font-size: 50%;
	color: #CCC;
	}
		
div#creds {
	margin-top: -5px;
	font-size: 10px;
	margin-left: 525px;
	width: 277px;
	height: 42px;
	padding: 8px 8px 8px 35px;
	color: #666666;
	background: url(../images/creds_tag.png) no-repeat;
	}
		
div#creds a {
	line-height: 20px;
	color: #666666;
	text-decoration: underline;
	}
		
div#creds a:hover {
	color: #111111;
	}
	
/* --------- END Credits --------- */