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

body {
	margin: 			0px;
	padding: 			0px;
	text-align:			center;
	background-image:	url('../images/bg2.gif');
	background-repeat:	repeat-x;
	background-color:	#edf4ff;
	font-family:		Calibri, Arial, Helvetica, sans-serif;
	font-size:			14px;
}

img {
	border: none;	
}

h1 {
	font-family:		Calibri, Arial, Helvetica, sans-serif;
	font-size:			2.0em;
	font-weight:		bold;
	margin-left: 		13px;
	margin-top: 		10px;
	text-align: 		left;
	color: #666;
}

h2 {
	font-family:		Calibri, Arial, Helvetica, sans-serif;
	font-size:			1.4em;
	font-weight:		normal;
	margin:				0px;
	text-align: left;
	margin-left: 14px;
	padding: 0px;
}

h3 {
	font-family:		Calibri, Arial, Helvetica, sans-serif;
	font-size:			1.2em;
	font-weight:		bold;
	margin-top: 		5px;
	color:				#292850;
}


.container {
	margin: 			0 auto;
	padding:            0px;
	width: 				950px;
	text-align:			left;
}

.header {
	height: 			180px;	
	width: 				950px;
}

.logo {
	float: 				left;
	width: 				162px;
	height: 			133px;
	margin-top:			25px;
	clear:				left;
}

.topNav {
	float: 				right;
	margin:	            0px;
	width:				400px;
	height:				45px;
	margin-left:		358px;
	background-image: 	url('../images/topnav-bg.png');
	background-repeat:	no-repeat;
	padding-top: 		5px;
	padding-right: 		10px;
}

.topNav ul {
	list-style: 		none;
	margin: 			0;
	background-image: 	url(none);
	height:				20px;
	text-align:			right;
}

.topNav li {
	display: 			inline;
	margin:             0px 10px 0px 10px;
}

.topNav a {
	color: 				#FFF;
	font-size:			1em;
	text-decoration:	none;
	margin-left:		5px;
}

.topNav a:hover {
	color:				#0CF;
	text-decoration:	underline;
}

.topNav.active{
	color:				#0CF;
	text-decoration:	underline;
}

a.active {
	text-decoration: underline;	
}

.whiteLarge {
	color:				#FFF;
}

.whiteLarge a{
	color:				#FFF;
	text-decoration:	none;
}

.contactInfoHolder {
	float: 				right;
	text-align: 		right;
	width: 680px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.contactInfoTel {
	float:				left;
	height:				30px;
	width: 				300px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1.5em;
	margin-bottom:		10px;
	padding-right: 		10px;
}

.contactInfoEmail {
	float:				right;
	height:				30px;
	width: 				350px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1.5em;
	clear:				right;
	padding-right: 		10px;
}

.navigation {
	margin: 			0;
	padding: 			0;
	float: 				right;
	width:				726px;
	height: 			55px;
	background-repeat:	no-repeat;
}

.navigation ul {
	list-style: 		none;
	margin: 			0;
	padding: 			0; 
}

.navigation li {
	display:			inline;
	float: 				left;
	height:				50px;
	text-align:			center;
	margin-right:		1px;
}

.navigation a {
	color: 				#FFF;
	font-size:			1.1em;
	text-decoration:	none;
	background-image:	url('../images/navbg.jpg');
	background-repeat:	no-repeat;
	display: 			block;
	width: 				120px;
	height:				50px;
	padding-top: 		14px;
}

.navigation li a:hover {
	background-repeat:	no-repeat;
	padding-top: 		14px;
	height:				46px;
}	

.contentHolder{
	float:				left;
	width:				950px;
	margin-left: 		0px;
	background-color: 	none;
	padding-left:       50px;
	background-image:   url('../images/contentbg.png');
	background-position:9px 0px;
	background-repeat:  repeat-y;
	padding-bottom: 20px;
}

#Rotator,
#Rotator1{
height:236px;
width:410px;
margin-top:			22px;

}

#Rotator img {
	display: none;
	height:236px;
width:410px;
}

#Rotator img.first {
	display: block;
	height:236px;
width:410px;
}

#Rotator1 img {
	display: none;
	height:236px;
width:410px;
}

#Rotator1 img.first {
	display: block;
	height:236px;
width:410px;
}


.contentHolderLeft p {
	padding: 0px;
	margin: 0px;
}



.contentHolderLeft {
	float:				left;
	width: 				410px;
	margin-left: 		25px;
	
}

.index .contentHolderLeft, .index .contentHolderRight{
	padding-bottom:	    44px;
	/*background:			url(images/vgihome.gif) bottom left repeat-x;*/
	visibility:visible !important;
	
}

.contentHolderLeft h3, .contentHolderRight h3{
	background:			url(images/vgihome.gif) top left repeat-x;
	height:				34px;
	padding:            10px;
	font-weight:		lighter;

}

.imageContentHolderLeft {
	float:				left;
	width: 				527px;
	margin-top:			25px;
	padding-left: 25px;
}

.contentHolderRight {
	float:				left;
	width: 				410px;
	margin-left:		30px;
}
.bannerWrapper{
	padding:0 0 34px 0;
	background:transparent url(images/vgihome.gif) repeat-x scroll 0 0; 
}

.index .contentHolderRight, .index .contentHolderLeft {
	border:				none;
}

.content {
	padding-left: 		14px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1em;
	color:				#999;
	margin-top:			10px;
}

.contentLeftAligned {
	padding-left: 		14px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1em;
	color:				#999;
	margin-top:			10px;
	text-align:			left;
}

.contactLeftAligned {
	padding-left: 		18px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1.5em;
	color:				#999;
	margin-top:			10px;
	text-align:			left;
	margin-bottom: 30px;
	display: block;
}


.contentHolderMiddle {
	float:				left;
	text-align: 		center;
	margin-top: 		0px;
	width: 860px;
	padding-left: 15px;
}

.contentHolderMiddleLeft {
	float:				left;
	text-align: 		left;
	width: 				860px;
	padding-left: 		15px;
}
.contentHolderMiddleLeft h2{
	margin-left:0;
	margin-top: 10px;
}
.contentHolderMiddleLeft p{
	margin-bottom:10px;
}
.contentHolderMiddleLeft ul{
	margin:0 0 15px 0;
	padding:0 0 0 15px;
}
.contentHolderMiddleLeft ul li{
	padding:0 0 10px 15px;
}


.contentBottomRight {
	float: left;
	margin-left: 30px;
	margin-top: 25px;
	width: 294px;
}

.imageThumbHolder {
	float:				left;
	text-align: 		center;
	margin-top: 		20px;
	width: 860px;
	padding-left: 15px;
}

i {
	color:				#006;
	font-weight:		bold;
	font-size:			1.2em;
}

.thumbHolder{
	padding:			0px;
	width: 				850px;
	margin: 			auto;
	padding-top: 		22px;
	border-top: 		solid #000 1px;
	
	padding-bottom: 	22px;
	border-bottom: 		soild #000 1px;
	margin-top: 		10px;
	height:				275px;
}
.thumbHolder ul#ctl00_Content_disp_ctl01_ctl00_ctl00_thumbs {
	list-style: 		none;
	margin: 			0;
	padding: 			0; 
	border-top: 		none;
	background:   		url(../images/middlebg.jpg) bottom left;
	background-repeat:  repeat-x;
	
}
.thumbHolder ul#ctl00_Content_disp_ctl01_ctl00_ctl00_thumbs li {
	float:				left;
	width:				107px;
	height: 			119px;
	margin: 			0 3px 10px 10px;
	padding:0;
	position:			relative;
}

.thumbHolder ul#ctl00_Content_disp_ctl01_ctl00_ctl00_thumbs li h4{
	float:				left;
	top:				96px;
	left:				0px;
	font-size:			11px;
	background-color:	#000066;
	color:				#FFF;
	width:				107px;
	display: block;
	position:			absolute;
	z-index:			50;
	height:				28px;
	margin-bottom:      2px;
	text-align:center;
	
}
.thumbHolder ul#ctl00_Content_disp_ctl01_ctl00_ctl00_thumbs li h4 a{
	color:				#FFF;
	text-decoration:	none;
	padding:            1px 0px 1px 0px;
	text-align:center;
	
	
}


.contentHolderMiddleLeft .thumbHolder ul {
	list-style: 		none;
	margin: 			0;
	padding: 			0; 
	border-top: 		none;
	
}

.contentHolderMiddleLeft .thumbHolder li {
	display:			inline;
	width:				107px;
	height: 			79px;
	margin: 			0 3px 3px 0;
	padding:0;
}

.caseStudies {
	padding:			0px;
	width: 				828px;
	margin: 			auto;
	padding-top: 		22px;
	background-image: 	url(../images/casestudybg.jpg);
	background-repeat: 	repeat-x;
	padding-bottom: 	22px;
	margin-top: 		20px;
	text-align: 		left;
	padding-left: 		22px;
}


.logoHolder {
	padding:			0px;
	padding-top: 		22px;
	background-repeat:  repeat-x;
	padding-bottom: 	22px;
	float: 				left;
	clear:				right;
	padding-left: 		15px;
	width: 				840px;
}

.logoHolder ul {
	list-style: 		none;
	margin: 			0px;
	padding: 			0; 
	border-top: 		none;
}

.logoHolder li{
	display:			inline;
	margin: 			0px;
	padding: 		    10px 10px 0px 10px;
	float: 				left;
}	

.footer {
	background-image:	url(../images/footerbg.jpg);
	background-repeat:	repeat-x;
	height:				250px;
	width:				100%;
	padding-top:        20px;
	clear:				left;
}

.footerTop{
	width:				950px;
	height:				50px;
	margin:				auto;
	text-align:			left;
	padding-left:	    50px;
}

.establishedLogoHolder {
	float:				left;
	display:			inline;
	clear:				left;
}

.footerAddress {
	text-align:		    right;
	margin-right:		50px;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#FFF;
	font-size:			0.8em;
	margin-top:			20px;
	float: 				right;
	display: 			inline;
}

.footerMiddle{
	margin:				auto;
	width:				950px;
	text-align:			left;
	height:				50px;
	padding-left: 		50px;
	color: 				#fff;
}

.fringeLinksLeft{
	float:				left;
	width:				250px;
	margin:				auto;
	color: 				#fff;
	margin-left:        0px;
	clear:				left;
}

.fringeLinksLeft a{
	color:				#FFF;
	font-size:			0.9em;
	font-family:		Arial, Helvetica, sans-serif;
	text-decoration:	none;
}

.fringeLinksLeft a:hover {
	color:				#FFF;
	font-size:			0.9em;
	font-family:		Arial, Helvetica, sans-serif;
	text-decoration:	underline;
}

.fringeLinksRight {
	float:				right;
	margin-right: 		50px;
	text-align: 		right;
	display: 			inline;
}
.fringeLinksRight ul
{
	list-style: 		none;
	margin: 			0;
}
.fringeLinksRight ul li
{
	display: inline;
}
.fringeLinksRight a {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.9em;
	color:				#fff;
	text-decoration: 	none;
	padding-left:   	15px;
}

.fringeLinksRight a:hover {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.9em;
	color:				#fff;
	text-decoration: 	underline;
	padding-left:   	15px;
}

.fringeLinksRight a.active {
	text-decoration:	underline;	
}

.footerBottom{
	width:				950px;
	text-align:			left;
	padding-left: 		50px;
	color: 				#fff;
	height: 			25px;
}

.socialLinks {
	padding:			0px;
	marign:				auto;
	width: 				300px;
	margin-left:		0px;
	height: 			25px;
	float: 				left;
	display: 			inline;
}

.socialLinks li {
	display:			inline;
	margin: 			0px;
	float: 				left;
	padding-right: 		15px;
}

.footerBottomLogoHolder {
	width: 				900px;
	height: 			60px;
	padding-left: 		50px;
	margin-top:			20px;
}

.bottomLogos {
	background-color:	#FFF;
	width: 				886px;
	height: 			60px;
	padding-left:	 	15px;
}

.bottomLogos ul {
	list-style: 		none;
	margin: 			0px;
	padding: 			0; 
	border-top: 		none;	
}

.bottomLogos li {
	display:			inline;
	margin: 			0px;
	padding: 	        15px 3px 0px 4px;
	float:              left;
}

.seperator {
	width: 				900px;
	height:				8px;
	border-bottom: 		solid #000 1px;
	flaot: 				left;
	clear: 				left;
	margin-left:		0px;
}

.topMiddleBottomWrapper {
	margin:				auto;
	width:				950px;
}



.strapLineHolder {
	float: left;
	width: 400px;
	text-align: left;
	padding-top: 17px;
	padding-left: 55px;
}

.strapLineHolderCentered {
	float: left;
	padding-top: 17px;
	margin: auto;
	width: 100%;
}

.paymentLogos {
	text-align: right;	
}

.subHeader {
	width: 855px;
	padding-left: 22px;
}

.prefix{
	color:#039;
	
}

/*FEEDBACK FORM*/

.feedback {
	float: left;
}

fieldset {
	background-color: #eceded;
	padding: 20px;
	margin-bottom: 20px;
}

label {
	color: #036;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-right: 30px;
	float: left;
	display: inline;
	width: 10em;
}

label.yes, label.no {
	width: 5px;
	padding-top: 4px;
}

.radioWrapper {
	float: left;
	display: block;
	margin-bottom: 10px;
	width: 130px;

}

.selectionWrapper {
	float: left;
	display: block;
	margin-bottom: 10px;
	width: 130px;

}

.radio {
	float: left;
	padding-right: 10px;	

}

.required {
	color:#09F;
	float: left;
	width: 370px;
	margin-bottom: 10px;	
}

.name, .email, .phone, .companyname, .visitdate, .address, .postcode {
	float: left;
	border: solid #666 1px;
	background-color:#fff;
	margin-bottom: 10px;
	padding: 1px;
	width: 160px;
	height: 22px;
}

.address {
	height: 80px;
	padding: 10px;
	width: 155px;
	float: left;
}

.comments {
	float: left;
	clear: left;
	margin-left: 175px;
}

.comment {
	float: left;
	border: solid #666 1px;
	background-color:#fff;
	padding: 1px;
	width: 160px;
	height: 22px;
	
}

.enquiryselection {
	float: left;
	width: 130px;
	margin-left: 70px;
}

label.comments {
	float: left;	
}

label.enquirysubject {
	width: 100px;	
}

.enquiryMessage {
	border: solid #666 1px;
	background-color:#fff;
	height: 80px;
	padding: 10px;
	width: 150px;
	float: left;
}

.submit {
	float: left;
	border: solid #000 2px;
	background-color: #039;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #fff;
}

.rateServiceSelection {
	float: left;
	width: 130px;
	margin-left: 0px;
}

label.question {
	float: left;
	width: 150px;
}

.contentHolderRight h3,.contentHolderLeft h3 {
	margin-bottom: 5px;
}



/* =NEWS
------------------------------------------------------------------------------*/

.newsContentWrapper{
margin-left:		45px;
margin-right:		45px;
}


.mainNewsItem{
width:				100%;
border-top:		1px solid #CCC;
float:left;
}

.mainNewsItem .mainDate{
font-size:			4em;
font-weight:		bold;
float:				left;
width:				60px;
margin-top:			20px;
margin-bottom:		20px;
line-height:		40px;
float: left;
display:inline;
color:				#000066;
}

.mainNewsItem .newsContent{
float:				right;
width:				760px;
margin-top:			20px;
margin-bottom:		13px;
display:inline;
}

.mainNewsItem .newsContent h2{
margin-top:			6px;
color:				#000066;
font-size:			1.5em;
}

.mainNewsItem .mainDate span{
font-size:			0.6em;
}

.pnp{
	color:			#FFF;
	margin-top:		5px;
	font-size:		10px;

}

.pnp a{
	color:			#FFF;
}