@charset "UTF-8";
/* CSS Document - powered by Creative Communications */

#content {
	width:766px;
	margin-top:21px;
	text-align:left;
	padding:0px 20px 0px 20px;
}
ul{
	list-style:none;
}
li.services{
	background:url(../images/arrow.gif) left top no-repeat;
	padding-left:14px;
}
/*ABOUT*/
#about_content {
	width:806px;
	float:left;
	background:url(../images/about_top.jpg) top left no-repeat;
}
.about {
	background:url(../images/about_bg.jpg) top left repeat-y;
}
#about_bottom {
	width:806px;
	height:188px;
	float:left;
	background:url(../images/about_bottom.jpg) bottom left no-repeat;
}
#picColumn{	
	width:200px;
	float:right;
	margin:0px 0px 0px 10px;
}
#aboutPic {
	width:200px;
	height:200px;
	float:right;
	border:solid 1px #d5ecf9;
	background:url(../images/about_pic1.jpg) top left no-repeat;
}
#demelza {
	width:127px;
	height:100px;
	float:right;
	margin-top:10px;
	background:url(../images/demelza_logo.jpg) top left no-repeat;
}
#demelzaLink {
	width:127px;
	height:100px;
	display:block;
	background:url(../images/demelza_logo.jpg) top left no-repeat;
}
.testimonials{
	color:#ede74f;
	font-style:italic;
	margin-top:25px;
}
.testName{
	font-size:15px;
	margin-top:15px;
}
/*SERVICES*/
#services_content {
	width:806px;
	float:left;
	background:url(../images/services_top.jpg) top left no-repeat;
}
.services {
	background:url(../images/services_bg.jpg) top left repeat-y;
	color:#000000;
}
#services_bottom {
	width:806px;
	height:188px;
	float:left;
	background:url(../images/services_bottom.jpg) bottom left no-repeat;
}
#servicesPic {
	width:200px;
	height:200px;
	float:right;
	margin:0px 0px 10px 10px;
	border:solid 1px #d5ecf9;
	background:url(../images/services_pic.jpg) top left no-repeat;
}
#services {
	margin-left:20px;
	margin-top:10px;
}
/*PRODUCTION*/
#production_content {
	width:806px;
	float:left;
	background:url(../images/production_top.jpg) top left no-repeat;
}
.production {
	background:url(../images/production_bg.jpg) top left repeat-y;
}
#production_bottom {
	width:806px;
	height:188px;
	float:left;
	background:url(../images/production_bottom.jpg) bottom left no-repeat;
}
#productionTable {
	width:766px;
	height:803px;
	margin:20px 0px 0px 0px;
	background:url(../images/production_table2.gif) top left no-repeat;
}
/*SUSTAINABILITY*/
#sustainability_content {
	width:806px;
	float:left;
	background:url(../images/sustainability_top.jpg) top left no-repeat;
}
.sustainability {
	background:url(../images/sustainability_bg.jpg) top left repeat-y;
}
#sustainability_bottom {
	width:806px;
	height:188px;
	float:left;
	background:url(../images/sustainability_bottom.jpg) bottom left no-repeat;
}
#sustainabilityPic {
	width:200px;
	height:200px;
	float:right;
	margin:0px 0px 10px 10px;
	border:solid 1px #d5ecf9;
	background:url(../images/sustainability_pic1.jpg) top left no-repeat;
}
/*LOCATIONS*/
#locations_content {
	width:806px;
	margin-bottom:5px;
	float:left;
	background:url(../images/locations_top.jpg) top left no-repeat;
}
.locations {
	background:url(../images/locations_bg.jpg) top left repeat-y;
}
#locations_bottom {
	width:806px;
	height:188px;
	float:left;
	background:url(../images/locations_bottom.jpg) bottom left no-repeat;
}
/*IMAGE MAP HOVERS*/
#map {
	margin-top:20px;
	/*padding:0;*/
    width:766px;
	height:590px;
	background:url(../images/locations_map2.jpg) top left no-repeat;
}
#map li {
	margin:0;
	padding:0;
	list-style:none;
}
#map li a {
	position:relative;
	display:block;
	/*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
	border:#1e5aae 1px;
	text-decoration:none;
}
#map li a span {
	display:none;
}
#map li a:hover span {
	position:relative;
	display:block;
	width:250px;
	height:100px;
	left:20px;
	top:20px;
	padding:15px;
	border:1px solid #1e5aae;
	background:#fff;
	text-decoration:none;
	color:#000;/*filter:alpha(opacity=100);
    opacity:0.8;*/
}
/*MAPPING THE HOT SPOTS*/
#map a.plymouth {
	top:485px;
	left:168px;
	width:55px;
	height:30px;
}
/*#map a.bristol {
	top:310px;
	left:314px;
	width:40px;
	height:28px;
}*/
#map a.didcot {
	top:288px;
	left:435px;
	width:40px;
	height:23px;
}
#map a.london {
	top:282px;
	left:532px;
	width:45px;
	height:21px;
}
/*#map a.leicester {
	top:62px;
	left:440px;
	width:53px;
	height:28px;
}*/
#map a.derby {
	top:50px;
	left:414px;
	width:40px;
	height:25px;
}
#map a.stoke {
	top:-7px;
	left:330px;
	width:87px;
	height:28px;
}
.pic {
	float:right;
}
/*CONTACTS*/
#contacts_content {
	width:806px;
	margin-bottom:5px;
	float:left;
	background:url(../images/contacts_top.jpg) top left no-repeat;
}
.contacts {
	background:url(../images/contacts_bg.jpg) top left repeat-y;
	color:#000000;
}
#contacts_bottom {
	width:806px;
	height:188px;
	float:left;
	background:url(../images/contacts_bottom.jpg) bottom left no-repeat;
}
.meet {
	background:url(../images/top_left.jpg) top left no-repeat;
	margin-top:10px;
	float:left;
	width:375px;
	color:#333333;
}
.meet a:link {
	text-decoration:none;
	color:#0077c0;
}
.meet a:hover {
	text-decoration:underline;
}
.meet p {
	padding:0 10px 0 10px;
}
.meetContent {
	background-color:#FFF;
}
.meetRight a:link {
	text-decoration:none;
	color:#0077c0;
}
.meetRight a:hover {
	text-decoration:underline;
}
.meetRight p {
	padding:0 10px 0 10px;
}
.meetRight {
	background-color:#cee6fe;
	background:url(../images/top_left.jpg) top left no-repeat;
	margin:10px 0px 0px 15px;
	float:left;
	width:375px;
	color:#333333;
}
.roundtop {
	background: url(../images/top_right.jpg) top right no-repeat;
	background-color:#FFF;
}
.roundbot {
	background: url(../images/bot_right.jpg) bottom right no-repeat;
	background-color:#FFF;
}
img.corner {
	width: 10px;
	height: 10px;
	border: none;
	display: block !important;
}
.teamPic {
	float:right;
	margin:10px 20px 0px 5px;
}
.name {
	color:#0077c0;
	font-size:16px;
}
.title {
	font-weight:bold;
}
.clickHere {
	color:#0077c0;
}
/*CONTACT FORM*/
#contactForm{
	width:450px;
	text-align:left;
	margin:0 auto;
}
.star{
	color:#FF0000;
}
.thanks{
	font-size:16px;
	padding-bottom:10px;
}
.manditory{
	width:445px;
	margin-bottom:.5em;
	text-align:right;
}
form div{
	padding:.3em 0em .5em .3em;
	clear:left;
}
label{
	width:10em;
	display:block;
	float:left;
	padding-right:1em;
}
#queryForm{
	width:500px;
	text-align:left;
	margin:0 auto;
}
.format{
	width:500px;
	background-color:#93b8cd;
}
.formPad{
	padding-right:1em;
}
.buttonPad{	
	margin-left:10px;
}