/* CSS Document */

html
	{
	height:100%;
	margin: 0px;
	padding: 0px;
	}
body
	{
	width:100%;
	height:100%;
	font-size:65%;
	background:url(../img/p-labbg.jpg) no-repeat #bfcdd6;
	}
img
	{
	border:0px;
	}
* 
	{
	padding: 0;
	margin: 0;
	}
.input {
	border:1px solid #999;
	padding:2px 0px 5px 2px;
	height:auto;
	background-color:#F8FFFC;
	color:#000;
	}
.input:focus {
	border:1px solid #999;
	padding:2px 0px 5px 2px;
	height:auto;
	background-color:#FFF;
	color:#000;
	}
h1 {
	color:#2E3A41;
	font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	}
h2 {
	color:#2E3A41;
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
h3 {
	color:#2E3A41;
	font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
h3 a {
	color:#3AA6CB;
	text-decoration:none;
	}
h3 a:hover {
	color:#999;
	text-decoration:none;
	}
h2 a {
	color:#303C42;
	text-decoration:none;
	text-decoration:underline;
	}
h2 a:hover {
	color:#999;
	text-decoration:none;
	}
p {
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#647882;
	}
p a {
	color:#3AA6CB;
	text-decoration:none;
	}
p a:hover {
	color:#999;
	text-decoration:none;
	}
li {
	font: normal 1.2em Arial, Helvetica;
	line-height:18px;
	color:#647882;
	}
li a {
	color:#3AA6CB;
	text-decoration:none;
	}
li a:hover {
	color:#999;
	text-decoration:none;
	}
.goLink {
	padding:0 20px 0 0;
	background:url(../img/linkArrow.jpg) right no-repeat;
	}	
/*******************
MAIN SITE STRUCTURE
********************/

#container {
	top:2px;
	margin:auto;
	position:relative;
	width:920px;
	height:auto;
	clear:both;
	overflow:hidden;
	z-index:1;	
	margin-bottom:30px;	
	}
#headerBg {
	position:relative;
	overflow:hidden;
	width:920px;
	height:129px;
	background:url(../img/headerBg.png) no-repeat;
	}
#header {
	position:relative;
	overflow:hidden;
	width:895px;
	height:106px;
	margin:10px 0 0 10px;
	padding:15px 0 0 5px;
	background:url(../img/header.png) no-repeat;
	}
#contentWrapper {
	margin:auto;
	overflow:hidden;
	position:relative;
	width:920px;
	height:auto;
	z-index:5;
	padding:0 0 0 10px;
	background: url(../img/bgRpt.png) repeat-y;
	}
#banner {
	position:relative;
	overflow:hidden;
	width:920px;
	height:250px;
	z-index:5;
	}
#bannerPort {
	position:relative;
	overflow:hidden;
	width:920px;
	height:250px;
	z-index:5;
	background: url(../img/bannerBg.png) repeat;
	}
		
/*****
INDEX 
******/

#indexLeft {
	float:left;
	position:relative;
	overflow:hidden;
	width:570px;
	height:auto;
	padding:40px 30px 50px 30px;
	}
#indexLeft ul {
	padding-left:15px;
	}
#indexRight {
	float:left;
	position:relative;
	overflow:hidden;
	width:250px;
	height:auto;
	padding:20px 0 0 0;
	font:normal 1.1em Arial, Helvetica;
	}
.launchLink {
	float:left;
	width:140px;
	background:#EEE;
	padding:10px;
	font-size:1.2em;
	text-align:center;
	}
.launchLink a {
	color:#3AA6CB;	
	text-decoration:none;
	}	
.launchLink a:hover {
	color:#647882;
	text-decoration:none;
	}	

/******
CONTENT
*******/

#contentLeft {
	position:relative;
	overflow:hidden;
	float:left;
	width:200px;
	height:auto;
	margin-right:20px;
	padding:20px 0 20px 20px;
	}
#content {
	position:relative;
	overflow:hidden;
	float:left;
	width:650px;
	height:auto;
	padding:20px 10px 50px 10px;
	}
#content2 {
	position:relative;
	overflow:hidden;
	float:left;
	width:550px;
	height:auto;
	padding:50px;
	}
#content ul { 
	padding-left:15px;
	}
#content2 ul { 
	padding-left:15px;
	}
#contentCentre {
	position:relative;
	overflow:hidden;
	float:left;
	width:400px;
	height:auto;
	margin-right:30px;
	padding:0 0 0 0;
	}
#contentRight {
	position:relative;
	overflow:hidden;
	float:left;
	width:200px;
	height:auto;
	margin-right:20px;
	padding:50px 0 20px 0;
	}
#contactWrap {
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #3AA6CB;
	padding-bottom:20px;
	margin-bottom:20px;
	}
.contactBox {
	position:relative;
	overflow:hidden;
	float:left;
	width:200px;
	height:auto;
	}	
	
/****
INDEX
*****/

#keyFeatures {
	position:relative;
	overflow:hidden;
	width:560px;
	height:auto;
	padding:0;
	margin:0 0 0 0;
	background:url(../img/keyFeaturesBg.jpg) no-repeat;	
	}
#keyFeatures h1 {
	color:#2E3A41;
	font:normal 1.3em Verdana, Arial, Helvetica, sans-serif;
	}
#seo {
	float:left;
	width:146px;
	height:auto;
	padding:20px;
	}
#design {
	float:left;
	width:146px;
	height:auto;
	padding:20px;
	}
#cms {
	float:left;
	width:146px;
	height:auto;
	padding:20px;
	}
#indexSlider {
	float:left;
	width:600px;
	height:215px;
	padding:0;
	margin:0 0 0 0;
	}
#indexSlider h2 {
	width:230px;
	height:30px;
	padding:4px 0 0 4px;
	color:#FFF;
	background:url(../img/latest-pro-head.png) no-repeat;
	}
#latestNews {
	float:left;
	width:220px;
	height:200px;
	padding:5px;
	background:url(../img/newsBg.jpg) no-repeat;
	}
.newsItem  {
	position:relative;
	display:block;
	width:210px;
	height:auto;
	font:normal 1em Arial, Helvetica;
	border-bottom:1px dotted #FFF;
	}
.newsItem a {	
	display:block;
	cursor:pointer;
	width:145px;
	height:auto;
	color:#647882;
	padding:5px 65px 5px 0;
	text-decoration:none;
	}
.newsItem a:hover {	
	width:145px;
	height:auto;
	color:#FFF;
	padding:5px 65px 5px 0;
	text-decoration:none;	
	}
.newsItem a span {
	position:absolute;
	top:8px;
	left:170px;
	float:right;
	color:#647882;
	line-height:17px;
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	}
.newsItem a:hover span {
	color:#FFF;
	}
			
/************
MENU FORMAT
*************/

#menuWrap {	
	position:absolute;
	top:95px;
	left:420px;
	width:auto;
	z-index:100;
	text-align:right;
	}
#menuWrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
#menuWrap div a {
	position:relative;
	display:block;
	width:auto;
	text-decoration: none;
	z-index:110;
	}
	
/******
TOP LEVEL 
*******/

li.topMenu {
	float:left;
	text-align:left;
	list-style:none;
	padding:0 25px 0 0;
	}
.topMenu {
	font:1.4em Verdana, Arial, Helvetica, sans-serif;
	}
.topMenu a {
	display:block;
	cursor:pointer;
	color:#9EB3BF;
	text-decoration:none;
	}
.topMenu a:hover {
	color:#3AA6CB;
	text-decoration:none;
	}	
li.topMenuHere {
	float:left;
	text-align:left;
	list-style:none;
	padding:0 25px 0 0;
	}
.topMenuHere {
	font:1.3em Verdana, Arial, Helvetica, sans-serif;
	}
.topMenuHere a {
	display:block;
	cursor:pointer;
	color:#3AA6CB;
	text-decoration:none;
	}
.topMenuHere a:hover {
	color:#FFF;
	text-decoration:none;
	}
	
/******
LEVEL 1
*******/

.subMenuWrap {
	width:230px;
	}	
li.subMenu {
	width:230px;
	text-align:left;
	list-style:none;
	padding:0 0 3px 0;
	}
.subMenu {
	font:1em Verdana, Arial, Helvetica, sans-serif;
	}
.subMenu a {
	display:block;
	cursor:pointer;
	width:auto;
	height:auto;
	padding:0 0 3px 3px;
	margin-bottom:8px;
	color:#647882;
	/*border-bottom:1px solid #3AA6CB;*/
	text-decoration:none;
	}
.subMenu a:hover {
	color:#000;
	text-decoration:none;
	}	
li.subMenuHere {
	width:230px;
	text-align:left;
	list-style:none;
	padding:0 0 3px 0;
	}
.subMenuHere {
	font:1.3em Verdana, Arial, Helvetica, sans-serif;
	}
.subMenuHere a {
	display:block;
	cursor:pointer;
	width:auto;
	height:auto;
	padding:0 0 3px 3px;
	margin-bottom:3px;
	color:#3AA6CB;
	text-decoration:none;
	}
.subMenuHere a:hover {
	color:#FF9900;
	text-decoration:none;
	}
	
/******
LEVEL 3
*******/

.subSubMenuWrap {
	position:absolute;
	left:0;
	top:19px;
	}
.subSubMenuItem {
	font-size:0.7em;
	list-style:none;
	margin-bottom:1px;
	}
.subSubMenuItem a {
	color:#FFF;
	display: block;
	cursor:pointer;
	width:auto;
	height:auto;
	padding:5px;
	text-decoration: none;
	background:#667884;
	}
.subSubMenuItem a:hover {
	width:auto;
	height:auto;
	padding:5px;
	color:#667884;
	text-decoration: none;
	background:#EEE;
	}
.subSubMenuItemHere {
	font-size:0.7em;
	list-style:none;	
	margin-bottom:1px;
	}
.subSubMenuItemHere a {
	color:#FF9900;
	display: block;
	cursor:pointer;
	width:auto;
	height:auto;
	padding:5px;
	text-decoration: none;
	background:#576771;
	}
.subSubMenuItemHere a:hover {
	width:auto;
	height:auto;
	padding:5px;
	color:#667884;
	text-decoration: none;
	background:#EEE;
	}
	

	
/*****
Lab CMS
******/

.cmsLevel {
	float:left;
	position:relative;
	overflow:hidden;
	width:220px;
	padding-right:13px;
	}
.cmsLevel ul {	
	padding-left:20px;
	}
.moduleNavWrap {
	position:relative;
	overflow:hidden;
	width:540px;
	height:120px;
	padding:20px 0 0 0;
	}
.modBox {
	position:relative;
	overflow:hidden;
	float:left;
	width:108px;
	height:100px;
	}
.modBox a {
	width:108px;
	height:100px;
	display:block;
	text-decoration:none;
	}	
.modBox a:hover {
	width:108px;
	height:100px;
	}
.ecommNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/ecommUp.jpg) no-repeat;
	}	
.ecommNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/ecommOver.jpg) no-repeat;
	}
.photoNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/photoUp.jpg) no-repeat;
	}	
.photoNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/photoOver.jpg) no-repeat;
	}
.testNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/testimonialsUp.jpg) no-repeat;
	}	
.testNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/testimonialsOver.jpg) no-repeat;
	}	
.videoNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/videoUp.jpg) no-repeat;
	}	
.videoNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/videoOver.jpg) no-repeat;
	}	
.docNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/docUp.jpg) no-repeat;
	}	
.docNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/docOver.jpg) no-repeat;
	}
.userloginNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/userloginUp.jpg) no-repeat;
	}	
.userloginNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/userloginOver.jpg) no-repeat;
	}
.newsNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/newsUp.jpg) no-repeat;
	}	
.newsNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/newsOver.jpg) no-repeat;
	}	
.newsletterNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/newsletterUp.jpg) no-repeat;
	}	
.newsletterNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/newsletterOver.jpg) no-repeat;
	}
.presscentreNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/presscentreUp.jpg) no-repeat;
	}	
.presscentreNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/presscentreOver.jpg) no-repeat;
	}
.calendarNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/calendarUp.jpg) no-repeat;
	}	
.calendarNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/calendarOver.jpg) no-repeat;
	}
.bespokeNav a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	background:url(../img/cmsNav/bespokeUp.jpg) no-repeat;
	}	
.bespokeNav a:hover {
	width:40px;
	height:40px;
	display:block;
	background:url(../img/cmsNav/bespokeOver.jpg) no-repeat;
	}

/********
Module Nav 1
*********/

.moduleNavWrap1 {
	float:left;
	position:relative;
	overflow:hidden;
	width:540px;
	height:200px;
	padding-bottom:20px;
	margin:0 0 5px 0;
	background:url(../img/modNav.jpg) no-repeat;
	}
.moduleIcon {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	}
.moduleIcon a {
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
	}	
.moduleIcon a:hover {
	width:40px;
	height:40px;
	}
.moduleNav {
	float:left;
	font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	margin:0 10px 10px 0;
	}
.moduleNav a {
	width:190px;
	height:20px;
	padding:10px 0 0 10px;
	display:block;
	color:#202125;
	text-decoration:none;
	}	
.moduleNav a:hover {
	color:#3AA6CB;
	}	
#tableWrap {
	position:relative;
	overflow:hidden;
	width:auto;
	height:auto;
	border:1px solid #3AA6CB;
	}
.headerRow {
	width:430px;
	height:30px;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#202125;
	border-bottom:1px solid #3AA6CB;
	}
.cell {
	float:left;
	width:94px;
	height:20px;
	padding:10px 0 0 10px;
	border-right:1px solid #3AA6CB;
	}	
.cellEnd {
	float:left;
	width:95px;
	height:20px;
	padding:10px 0 0 10px;
	}	
	
/********
What We Do
*********/

.serviceList  {
	float:left;
	position:relative;
	overflow:hidden;
	width:250px;
	height:auto;
	}
.serviceList ul{
	padding:0;
	}
.serviceList li {
	margin:0 0 6px 0;
	list-style:none;
	}
.serviceList a {
	display:block;
	cursor:pointer;
	width:auto;
	height:auto;
	padding:1px 0 1px 5px;
	color:#3AA6CB;
	font-size:1em;
	border-left:2px solid #3AA6CB;
	text-decoration:none;
	}
.serviceList a:hover {
	color:#FFF;
	background:#3AA6CB;
	text-decoration:none;
	}
	

	
/******
Footer
******/

#footerWrap {
	margin:auto;
	overflow:hidden;
	position:relative;
	clear:both;
	width:920px;
	height:auto;
	padding:30px 0 0 0;
	background:url(../img/footerBg.png) top no-repeat;
	}
#footer  {
	margin:auto;
	overflow:hidden;
	position:relative;
	width:890px;
	height:auto;
	font:normal 100 0.8em normal Arial, Helvetica;
	line-height:15px;
	padding-right:60px;
	color:#666;
	}
#footer a {
	color:#666;
	text-decoration:underline;
	}
#footer a:hover {
	color:#CCC;
	text-decoration:none;
	}