@charset "utf-8";
/* CSS Document */

/**************************
* SITEWIDE STYLING
*************************/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	margin-bottom: 15px;
}
h2 {
	visibility: hidden;
	line-height: 1px;
	display: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #49C4D3;
	margin-bottom: 15px;
}

.h2img {
	margin-bottom: 5px;
}
.newsitem {
	float: right;
	width: 687px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 15px;
}
.newsfeedthumb {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
.horizontal {
	width: 922px;
	height: 15px;
	padding-left: 5px;
	float: left;
}
.horizontalthreecol {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 683px;
	height: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	float: left;
	margin-bottom: 25px;
}


.links {
	background-image: url(../img/linkarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
	float: left;
}
a {
	color: #666666;
}
a:hover {
	color: #0096C7;
}


/**************************
* STRUCTURAL CSS
*************************/
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 922px;
}
#content {
	width: 922px;
}
#leftcol {
	float: left;
	width: 222px;
	padding-right: 11px;
}
#rightcol {
	float: right;
	width: 222px;
}


/**************************
* HEADER CSS
*************************/
#header {
	height: 118px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
	padding-top: 15px;
	padding-left: 286px;
}
#twocolleft {
	float: left;
	width: 333px;
}
#twocolright {
	float: right;
	width: 333px;
}
#threecolright {
	float: right;
	width: 688px;
}
#threecolleft {
	float: left;
	width: 688px;
	display: block;
}


#columnrow {
	float: left;
	margin-bottom: 30px;
}


#homepagegraphic {
	background-image: url(../img/homepagegraphicbkg.jpg);
	background-repeat: no-repeat;
	height: 337px;
	width: 929px;
}
#homepagegraphicinfo {
	float: right;
	height: 249px;
	width: 231px;
	background-image: url(../img/whitepanelbkg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 25px;
	margin-right: 23px;
	margin-bottom: 25px;
	margin-left: 25px;
	padding-top: 29px;
	padding-right: 20px;
	padding-bottom: 10px;
}
#homepagegraphictabs {
	float: left;
}
#homepagegraphictabs  a {
	display: block;
	height: 45px;
	width: 34px;
	text-indent: -9999px;
	margin-bottom: 8px;
	background-position: 0px 0px;
}
#homepagegraphictabs    a.tab1 {
	background-image:url(../img/1.gif);
}
#homepagegraphictabs    a.tab2 {
	background-image:url(../img/2.gif);
}
#homepagegraphictabs    a.tab3 {
	background-image:url(../img/3.gif);
}
#homepagegraphictabs  a:hover, a:active, a:focus {
	background-position: -34px 0px;
}
#graphicpanelcontent {
	float: right;
	width: 180px;
}
.quickcontact {
	float: left;
	width: 340px;
	height: 20px;
	padding-left: 290px;
}
#nav {
	height: 42px;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	width: 634px;
	background-image: url(../img/navbkg.jpg);
	padding-left: 2px;
}
#nav ul {
	list-style: none;
	margin: 0;
	height: 37px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}
#nav li {
	text-decoration: none;
	background-image: url(../img/navleft.png);
	background-repeat: no-repeat;
	background-position: left -32px;
	margin-top: 0;
	margin-right: 11px;
	margin-bottom: 0;
	margin-left: 18px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 11px;
	float: left;
}
#nav a {
	display:block;
	text-decoration: none;
	color: #333333;
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 9px;
	padding-left: 0px;
	background-image: url(../img/navright.png);
	background-repeat: no-repeat;
	background-position: right -32px;
}
#nav li:hover {
	background-position:left 0px;
	color: #FFFFFF;
}
#nav li:hover a {
	background-position:right 0px;
	color: #FFFFFF;
}
#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	float: left;
	margin-bottom: 30px;
	clear: both;
	margin-top: 15px;
	padding-top: 10px;
	width: 922px;
	padding-bottom: 50px;
}
#footer li {
	display: inline;
}
#footer li a {
	display: inline;
	margin-right: 24px;
	text-indent: -9999px;
	background-position: left -53px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
}#footer li a:hover {
	background-position: left 0px;
}
.SMAS {
	background-image: url(../img/accreditationlogo_23.gif);
	height: 53px;
	width: 115px;
}
.CSCS {
	background-image: url(../img/accreditationlogo_25.gif);
	height: 53px;
	width: 91px;
}
.UVDB {
	background-image: url(../img/accreditationlogo_27.gif);
	height: 53px;
	width: 185px;
}
.footercontact {
	float: right;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 21px;
	padding-top: 15px;
}
.newsarchive {
	background-color: #006B8A;
	background-image: url(../img/newsheader.gif);
	width: 181px;
	background-repeat: no-repeat;
	padding-top: 46px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.newsarchivefooter {
	background-color: #006B8A;
	background-image: url(../img/newsfooter.gif);
	width: 211px;
	background-repeat: no-repeat;
	height: 17px;
}
.archive  {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-size: 12px;
	width: 180px;
}
.archive a {
	color: #FFFFFF;
}
#projectimage {
	background-image: url(../img/projectholderbkg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 378px;
	width: 666px;
	padding: 11px;
	margin-bottom: 14px;
}
#imgholder {
	height: 379px;
	width: 610px;
	float: left;
}
#gallerytabs {
	float: left;
	padding-left: 8px;
	padding-top: 17px;
}
#gallerytabs  a {
	display: block;
	height: 51px;
	width: 39px;
	text-indent: -9999px;
	margin-bottom: 5px;
	background-position: -40px;
}
#gallerytabs    a.tab1 {
	background-image:url(../img/gallerytab1.gif);
}
#gallerytabs    a.tab2 {
	background-image:url(../img/gallerytab2.gif);
}
#gallerytabs   a.tab3 {
	background-image:url(../img/gallerytab3.gif);
}
#gallerytabs  a:hover, a:active, a:focus {
	background-position: 0px 0px;
}
#teampic {
	height: 774px;
	width: 688px;
	float: right;
}
#mikewest {
	background-image: url(../img/mikewest.jpg);
	background-repeat: no-repeat;
	padding-top: 388px;
	padding-left: 31px;
	height: 386px;
	float: left;

}
#teamthumbs {
	float: left;
	padding-left: 11px;
}
#teamthumbs   li {
	float: left;
	margin-right: 4px;
}
#teamthumbs  a {
	display: block;
	height: 32px;
	width: 38px;
	text-indent: -9999px;
}
#teamthumbs     a.staff1 {
	background-image:url(../img/profilethumbs_19.png);
}
#teamthumbs     a.staff2 {
	background-image:url(../img/profilethumbs_21.png);
}
#teamthumbs   a.staff3 {
	background-image:url(../img/profilethumbs_23.png);
}
#teamthumbs   a.staff4 {
	background-image:url(../img/profilethumbs_25.png);
}
#teamthumbs   a.staff5 {
	background-image:url(../img/profilethumbs_27.png);
}
#teamthumbs   a.staff6 {
	background-image:url(../img/profilethumbs_29.png);
}
#teamthumbs   a.staff7 {
	background-image:url(../img/profilethumbs_31.png);
} 
#teamthumbs   a.staff8 {
	background-image:url(../img/profilethumbs_33.png);
}
#teamthumbs  a:hover, a:active, a:focus {
	background-position: 0px -32px;
}
#profiletextholder {
	float: left;
	height: 273px;
	width: 578px;
	background-color: #FFFFFF;
	padding: 25px;
}
.profiletextleft {
	float: left;
	width: 280px;
	margin-top: 10px;
}
.profiletextright {
	float: right;
	width: 280px;
	margin-top: 10px;
}
#contactpanel {
	background-image: url(../img/contactbkg.gif);
	float: left;
	height: 625px;
	width: 872px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 20px;
	padding-right: 25px;
	padding-left: 25px;
}
.contactpanelleft {
	float: left;
	width: 203px;
	padding-right: 20px;
}
.contactpanelright {
	float: right;
	width: 203px;
}
#contactpanelthreeright {
	float: right;
	width: 649px;
}

#enquirytab {
	float: left;
	height: 36px;
	width: 872px;
	padding-bottom: 20px;
}
#enquirytab   li {
	float: left;
	margin-right: 4px;
}
#enquirytab  a {
	display: block;
	height: 36px;
	text-indent: -9999px;
}
#enquirytab     a.contact {
	background-image:url(../img/enquirytab_30.gif);
	width: 113px;
	background-position: 0px 36px;
}
#enquirytab      a.general {
	background-image:url(../img/enquirytab_26.gif);
	width: 149px;
	background-position: 0px 36px;
}
#enquirytab    a.tender {
	background-image:url(../img/enquirytab_28.gif);
	background-position: 0px 36px;
	width: 143px;
}
#enquirytab  a:hover, a:active, a:focus {
	background-position: 0px 0px;
}
.blue {
	color: #0094C5;
}
#rachel {
	background-image: url(../img/rachelrichardson.jpg);
	background-repeat: no-repeat;
	padding-top: 458px;
	padding-left: 31px;
	height: 316px;
	float: left;
}
#profiletextholderrachel {
	float: left;
	height: 203px;
	width: 578px;
	background-color: #FFFFFF;
	padding: 25px;
}
#phil {
	background-image: url(../img/philipthomson.jpg);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	padding-top: 478px;
	padding-left: 31px;
	height: 296px;
	float: left;
}
#sarah {
	background-image: url(../img/sarahholdsworth.jpg);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	padding-top: 478px;
	padding-left: 31px;
	height: 296px;
	float: left;
}
#profiletextholderphil {
	float: left;
	height: 183px;
	width: 578px;
	background-color: #FFFFFF;
	padding: 25px;
}
#jon {
	background-image: url(../img/jonwest.jpg);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	padding-top: 478px;
	padding-left: 31px;
	height: 296px;
	float: left;
}
#jodie {
	background-image: url(../img/jodiewincomb.jpg);
	background-repeat: no-repeat;
	padding-top: 438px;
	padding-left: 31px;
	height: 336px;
	float: left;
}
#profiletextholderjodie {
	float: left;
	height: 223px;
	width: 578px;
	background-color: #FFFFFF;
	padding: 25px;
}
#emma {
	background-image: url(../img/emmabooth.jpg);
	background-repeat: no-repeat;
	padding-top: 458px;
	padding-left: 31px;
	height: 316px;
	float: left;
}
#chris {
	background-image: url(../img/chrischurch.jpg);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	padding-top: 478px;
	padding-left: 31px;
	height: 296px;
	float: left;
}
.linkstwoline {
	background-image: url(../img/linkarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
	float: left;
	margin-top: 18px;
}
.headlinks {
	background-image: url(../img/linkarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
	margin-left: 22px;
	float: right;
}
.formcolumnleft {
	float: left;
	width: 207px;
	padding-top: 10px;
	margin-right: 14px;
}
.formheader {
	font-size: 14px;
}
.onelinetextinput {
	background-image: url(../img/textfield.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 197px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #0096C7;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 5px;
}
.formcolumnright {
	float: left;
	width: 207px;
	padding-top: 10px;
}
.addressinput {
	background-image: url(../img/addressfield.gif);
	background-repeat: no-repeat;
	height: 130px;
	width: 197px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #0096C7;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 9px;
}
.description {
	background-image: url(../img/projectdescription.gif);
	background-repeat: no-repeat;
	height: 181px;
	width: 197px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #0096C7;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 9px;
}
input.submit {
	background-image: url(../img/submit.png);
	background-repeat: no-repeat;
	height: 52px;
	width: 104px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #003399;
	float:left;
}
input.submithover {
	background-position: 0px -52px;
	color: #FFFFFF;
}
input.reset {
	background-image: url(../img/reset.png);
	background-repeat: no-repeat;
	height: 52px;
	width: 103px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #003399;
	float:left;
}
input.resethover {
	background-position: 0px -52px;
	color: #FFFFFF;
}
.onelinetextinputmandatory {
	background-image: url(../img/textfieldmandatory.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 197px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #0096C7;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 5px;
}
.listinput {
	background-image: url(../img/textfield.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 207px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #0096C7;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}
.checkbox, .radio {
	width: 19px;
	height: 22px;
	display: block;
	background-image: url(../img/radio.gif);
	background-repeat: no-repeat;
	clear: left;
	float: left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
}
.radio {
	background-image: url(../img/radio.gif);
	background-repeat: no-repeat;
}
.date {
	font-size: 12px;
	text-transform: uppercase;
	color: #006B8A;
	margin-bottom: 8px;
}
#news {
	width: 688px;
	float: right;
}