@charset "utf-8";

@import url("reset.css");

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #333;  
	line-height: 1.5em;
	background: url(../images/bodybg.jpg) repeat-x #fff;
}

@-moz-document url-prefix() {
	body {
		overflow-y: scroll;
	}
}

h1, .bigH2 {
	font-size: 2em;
	color: #074b88;
	padding: 0;
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	line-height: normal;
	letter-spacing: -2px;
	min-height: 42px;
	width:100%;
}

h2 {
	font-size: 1.5em;
	color: #074b88;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	letter-spacing: -1px;
	font-weight: normal;
	min-height: 31px;
}

h2.orangeH2 {
	color:  #EB6C0B;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C4D4E4;
	font-size: 1.7em;
}

h3 {
	color: #074b88;
	font-size: 1.5em;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
}

a {
	text-decoration: none;
	color: #074b88
}

a:hover {
	text-decoration: underline;
	color: #FDB813;
}

.clear {
	line-height: 0.01em;
	height: 1px;
	clear: both;
}

.small {
	font-size: 0.83em
}

form {
	display:inline;
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

strong, b {
	color: #005d99
}

.styledLink {
	display: inline-block;
	background: url(../images/styledLinkBG.jpg) no-repeat top left;
	height: 27px;
}

.styledLink b, .styledLink strong {
	display: inline-block;
	background: url(../images/styledLinkBG.jpg) no-repeat top right;
	height: 24px;
	margin: 0 0 0 10px;
	padding: 3px 10px 0 0;
	cursor: pointer;
}

.styledLink:hover, #furtherRight a.styledLink:hover, .styledLink b:hover, .styledLink strong:hover {
	text-decoration: none;
	color: #FDB813;
}

.inline {
	display: inline;
}

.left {
	float: left;
}

.twentyr {
	margin-right: 20px;
	margin-bottom: 20px;
}

.rightal {
	text-align: right;
}

#body2 {
	width: 50%;
	min-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/images/bgr.jpg) no-repeat 491px -1px;
}

#container, #footer {
	width: 982px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#container {
	background: url(../images/containerNoRep.jpg) 0px 148px no-repeat;
}

	#header {
		height: 160px;
		margin: 0 0 20px 0;
		padding: 0 0 0 40px;
		background: url(../images/headerBG.jpg) no-repeat left bottom;
		position: relative;
		color: #fff;
		font-size: 0.92em;
		z-index: 5000;
	}
	
		#bgl {
			position: absolute;
			top: 0;
			z-index: 1000;
			min-height: 100%;
			overflow: hidden;
			left: -102px;	
			width: 102px;
			top: -17px;
			background: url(/images/bgl.jpg) no-repeat;
		}
		
		#logo {
			margin: 30px 0 0 0;
			float: left;
		}
		
		#header p {
			margin: 0;
		}
		
		#header p a {
			color: #fff;
		}
	
		#headerNav {
			width: 545px;
			position: absolute;
			bottom: 0px;
			right: 20px;
			list-style: none;
			margin: 0;
			padding: 0;
			font-size: 1.09em;
		}
			
			#headerNav li {
				float: left;
				display:inline-block;
			}
			
			#headerNav li:hover {
				background: #f6d381;
			}
			
			#headerNav a {
				font-weight: bold;
				display: block;
				height: 31px;
				padding: 4px 6px 0 7px;
				float: left;
			}
						
			#headerNav a:hover, #headerNav li:hover a {
				text-decoration: none;				
				color: #064473;
			}

			@media screen and (-webkit-min-device-pixel-ratio:0) {
				#headerNav a {
					padding: 4px 5px 0 5px;
				}
			}
			
			/* megamenus */
			
				#headerNav li ul {
					position: absolute;
					top: 35px;
					background: #fff;
					padding: 20px;
					margin: 0;
					width: 500px;
					border: 1px solid #D3DAEA;
					border-top: none;
					display: none;
				}
				
				#headerNav li.leftNavAlign ul {
					left: 0;
				}
				
				#headerNav li.rightNavAlign ul {
					right: 0;
				}
				
				#headerNav li.megaWide ul {
					width: 927px;
					left: -514px;
					border: 2px solid #D3DAEA;
					border-top: none;
				}
				
				#headerNav li:hover ul {
					display: block;
				}
				
				#headerNav ul li {
					height: auto;
					padding: 0;
					width: 190px;
					margin: 0 0 10px 0;
				}
				
				#headerNav ul li:hover {
					background: none;
				}
				
				#headerNav ul li:hover a, #headerNav ul li a:hover {
					color: #FDB813;
				}
				
				#headerNav li.megaWide ul li {	
					width: 180px;
				}
				
				#headerNav ul li a {
					height: auto;
					float: none;
				}
				
					#headerNav ul ul, #headerNav li.megaWide ul ul {	
						position: static;
						border: none;
						padding: 0;
						width: auto;
						margin: 0;
					}
					
					#headerNav ul ul li {
						margin: 0;
						display: block;
						float: none;
						width: auto;
						padding: 0 0 0 10px;
						background: url(/images/orangeArrow.gif) no-repeat 7px 10px;
					}
					
					#headerNav ul ul li:hover {
						background: url(/images/orangeArrow.gif) no-repeat 10px 10px;
					}
					
					#headerNav ul ul li a:hover {
						text-decoration: underline;
					}
					
					#headerNav ul ul li a {
						color: #333;
						font-size: 11px;
						font-weight: normal;
					}
			
			/* end megamenus*/
			
			#topControls {
				float: right;
				padding: 20px 30px 0 0;
			}
			
				#topControls img {
					vertical-align: middle
				}
				
			#headerSearch {
				float: right;
				clear: right;
				margin: 20px 24px 0 0;
				width: 285px;
			}
			
				#headerSearch input {
					float: left;
				}
				
				#headerSearch .headerSearchInp {
					width: 214px;
					height: 20px;
					border: none;
					background: url(../images/headerSearchBG.jpg) no-repeat top right;
					margin: 0 5px 0 0;
					font-size: 11px;
					color: #999;
					font-family: Arial, Helvetica, sans-serif;
					padding: 4px 5px 0 27px;
				}
	
	#topContentWrap {
		padding: 0 27px 20px 27px;
		overflow: hidden;
		background: url(../images/containerRep.jpg) no-repeat 0px 568px
	}
		
		#flash {
			height: 210px;
			background:url(/images/flashPlaceholder.jpg);
			margin: 0 0 20px 0;
		}
		
		#homeContentLeft {
			width: 580px;
			float: left;
		}
		
			#brochureDownload {
				border: 1px solid #ccc;
				padding: 3px 10px 3px 40px;
				color: #074b88;
				font-weight: bold;
				background: url(../images/download.jpg) no-repeat 10px 8px;
			}
			
			.homePara img {
				float: left;
				margin: 0 20px 0 0;
			}
			
			.homePara .styledLink {
				margin-top: 8px;
			}
			
			#homeContentLeft .bigH2 {
				margin: 0 0 10px 0;
			}
		
		#homeContentRight {
			width: 290px;
			float: right;
			border: 1px solid #ccc;
			padding: 35px 20px 10px 20px;
			position: relative;
			height: 310px;
			z-index: 1000;
		}
		
			.homeTab {
				padding-top: 10px;
				width: 290px;
				height: 305px;
				position: absolute;
				top: 35px;
				left: 20px;
			}
		
			#homeContentRight h3 {
				position: absolute;
				z-index: 1000;
				top: 0;
				left: 165px;
				width: 310px;
				height: 27px;
				border-bottom: 1px solid #ccc;
				padding: 8px 0 0 20px;
				margin: 0;
				cursor: pointer;
				font-weight: normal;
				font-size: 16px;
			}
			
			#homeContentRight h3.first {	
				left: 0;
				border-bottom: none;
			}
			
			.homeTab p {
				clear: both;
				overflow: hidden;
				color: #074b88;
				font-weight: bold;
			}
			
			.homeTab p.first {
				margin-bottom: 20px;
				padding-bottom: 10px;
				border-bottom: 1px solid #ccc;
				height: 122px;
				position: relative;
			}
			
			.homeTab .tabRight {
				float: right;
				display: block;
				margin: 0 0 0 20px;
			}
			
				.tabRight img {
					margin: 0 0 5px 0;
				}
				
			.homeTab .small {
				color: #999;
				display: block;
			}
			
			.homeTab h4 {
				color: #074B88;
				font-size: 14px;
				margin: 0 0 10px 0;
			}
			
			.homeTab .first .styledLink {
				position: absolute;
				bottom: 10px;
				right: 0px;
			}
			
			.homeTab .styledLink {
				position: absolute;
				bottom: 5px;
				right: 15px;
			}
		
		#homeWideLinks {
			clear: both;
			margin: 0;
			padding: 20px 0 0 0;
		}
		
			.homeWideLink {
				display: inline-block;
				height: 47px;
				color: #fff;
				text-indent: -10001px;
				float: left;
			}
			
			#capabilities {
				background: url(../images/homeWide-careers.jpg);
				width: 469px;
			}
			
			#connectMagLink {
				background: url(../images/homeWide-connectMag.jpg);
				width: 459px;
			}
			
			#caseStudies {
				background: url(../images/homeWide-caseStudies.jpg);
				width: 459px;
			}
			
			#eventsCal {
				background: url(../images/homeWide-eventsCal.jpg);
				width: 459px;
			}
			
		#furtherLeft {
			width: 200px;
			float: left;
			margin: 0 21px 0 0;
			min-height:10px;
		}
		
			#furtherLeft .bulletHeading {
				margin: 0 0 10px 10px;
			}
		
			#furtherLeft ul {
				margin: 0 0 20px 0;
				padding: 0;
				list-style: none;
			}
			
			#furtherLeft ul a {
				display: block;
				background: url(/images/sideNavBG.jpg) no-repeat bottom right;
				margin: 0 0 2px 0;
				border-left: 1px solid #eee;
				border-right: 1px solid #bfbfbf;
				padding: 7px 0 9px 20px;
				font-weight: bold;
			}
			
			#furtherLeft ul a:hover, #furtherLeft ul .NavSelected1 a {
				background: url(/images/sideNavBG.jpg) no-repeat bottom left;
				text-decoration: none;
				color: #064473
			}
			
			#furtherLeft ul .Level2 a {		
				background: url(/images/orangeArrow.jpg) no-repeat 20px 13px;
				color: #333;
				font-weight: normal;
				border-bottom: 1px solid #929292;
				font-size: 12px;
				padding: 7px 0 9px 30px;
			}
			
			#furtherLeft ul .Level2 a:hover, #furtherLeft ul .NavSelected2 a {
				background: url(/images/orangeArrow.jpg) no-repeat 20px 13px #fff1e6;
			}
			
			#furtherLeft ul .Level3 a {		
				background: url(/images/orangeArrow.jpg) no-repeat 30px 10px;
				color: #333;
				font-weight: normal;
				border-bottom: 1px solid #929292;
				font-size: 10px;
				padding: 3px 0 5px 40px;
			}
			
			#furtherLeft ul .Level3 a:hover, #furtherLeft ul .NavSelected3 a {
				background: url(/images/orangeArrow.jpg) no-repeat 30px 10px #fff1e6;
			}
			
			#CTA {
				margin-top: 50px;
			}
		
		#furtherRight {
			width: 707px;
			float: left;
		}
		
			
			#furtherRight a:hover {
				text-decoration: underline;
			}
			
		#contentText {
			width: 487px;
			*width:470px;
			float:left;
		}
		
			#contentText img {
				margin: 0 0 10px 10px;
			}
			
			#contentText img.contentpic {
				width: 190px;
				float: left;
				margin: 10px 10px 10px 0;
				border: 1px solid #ccc;
				padding: 2px;
				background: #eee;
			}

		#furtherRight ul {
			margin:0;
			padding:0;
			list-style: none;
		}
		
			#furtherRight ul li {
				background:url(/images/orangeArrow.jpg) no-repeat left 6px;
				font-weight: bold !important;
				color: #333 !important;
				padding: 0 0 0 13px;
			}
			
			#furtherRight ul li strong, #furtherRight ul li b {
				color: #333 !important;
			}
			
			#furtherRight #officeLocations ul li {
				background: none;
				padding: 0;
				font-weight: normal !important;
			}
			
			#officeLocations td {
				vertical-align: top;
			}
			
			#furtherFlash {
				margin: 0 0 20px 0;
				background: url(/images/furtherFlashPlaceholder.jpg) no-repeat left top;
			}
			
			#breadcrumb {
				margin: 0 0 20px 0;
			}
			
				#breadcrumb a {	
					color: #333;
				}
			
			#furtherRightItems {
				width: 200px;
				float: right;
				margin: 0 0 20px 20px;
			}
			
			.furtherRightItem {
				padding: 8px 20px;
				border: 1px solid #ccc;
				margin: 0 0 20px 0;
			}
			
				.furtherRightItem h2, .furtherRightItem p {
					margin:  0;
				}
			
				.furtherRightItem .small {	
					color: #999;
				}
				
				#furtherRightItems a.ctaLink {
					display: block;
					margin: 0 0 20px 0;
				}
			
#footerWrap {
	text-align: center;
}
	
	#footer {
		height: 235px;
		background: url(../images/footerBG.jpg) repeat-x;
		color: #c6d6e3;
		font-size: 0.87em;
		padding: 0 7px 0px 8px;
		width: 967px;
	}
	
		#footer a {
			color: #c6d6e3;
		}
	
		#footerLeft, #footerRight {
			float: left;
			width: 438px;
			border-top-style: solid;
			border-top-width: 8px;
			padding: 20px;
			line-height: 1.5em;
		}
		
		#footerLeft {
			margin-right: 10px;
			border-top-color: #FDB813;
		}
			
			#footerLeft p {
				clear: both;
			}
			
			#footerLeft img {
				float: left;
				margin: 0 15px 0 0;
			}
			
			#footerLeft img#bblogo {
				float: none;
				margin: 0 0 0 2px;
				vertical-align: middle;
			}
		
		#footerRight {
			border-top-color: #005d99;
			padding-bottom: 0;
			padding-right: 0;
			width: 459px;
		}
		
			#footerRight ul {
				float: left;
				width: 98px;
				margin: 0 20px 0 0;
				padding: 0;
				list-style: none;
			}
			
			#footerRight ul#lastUl {
				margin: 0;
			}
			
			#footerRight li {	
				line-height: normal;
			}
			
			* html #footerRight li {
				margin: 0 0 -2px 0;
				line-height:1em
			}
			
			#footerRight li.firstLi a {
				border: none;
				font-size: 1.2em;
				margin: 0 0 10px 0;
			}
			
			#footerRight li.lastLi a {
				border: none;
			}
			
			#footerRight a {
				margin: 0 0 8px 0;
				padding: 0 0 8px 0;
				display: block;
				border-bottom: 1px solid #81a9c6;
			}
			
		#copyright {
			clear: both;
			padding: 0 20px;
			color: #69a0c3;
			line-height: normal;
			position: relative;
			*top: -10px;
		}
		
			#copyright span a {
				color: #fff;
			}
			
			#copyright span {
				color: #fff;
				display: block;
				border-bottom: 1px solid #6ea2c4;
				padding-bottom: 5px;
				margin-bottom: 5px;
			}
			
			
/* products layout */

.product {
	padding: 15px;
	border-top: 1px solid #ccc;
	overflow: hidden;
}

.altprod {
	background: #E6EDF3;
}

.product h2 {	
	font-size: 24px;
	min-height: 42px;
}

.productImgLink {
	float: right;
	margin: 0 0 0 20px;
	width: 112px;
}

.productImg {
	margin: 0 0 10px 0;
	border: 1px solid #074b88
}

#productDisplayRight {
	float: right;
	margin: 0 0 20px 20px;
	width: 300px;
}

	#productDisplayRight .vidLink {
		float: right;
		position: relative;
		top: 15px;
	}

	#productDownloads {
		border: 1px solid #ccc;
		margin: 10px 0 0 0;
	}
	
		#productDownloads .downloads {
			padding: 10px 20px 10px 65px;
			background-image: url(/images/pdf.png) ;
			background-position:20px 10px;
			background-repeat:no-repeat;
		}
		
		#productDownloads h2 {
			margin: 10px 0 0 20px;
		}
		
		.downloadH2 {
			padding: 10px 0 10px 10px;
		}
		
		.dataSheet {
			background-color: #f6f6f6;
			padding: 10px;
			position: relative;
		}
		
		.datasheetImg {
			vertical-align: middle
		}
		
			.dataSheet h3 {
				position: absolute;
				left: 100px;
				top: 17px;
				width: 55%;
			}
		
			.dataSheet .styledLink {
				position: absolute;
				left: 100px;
				top: 60px;
			}
			
			.dataSheet strong {
				display: inline-block;
				margin-top: 8px;
			}


	/* NEWS ARCHIVE PAGE */

#archiveYearButtons {
	width: 100%;
	float: left;
	height: 30px;
	margin-bottom:15px;
	
}

	#archiveYearButtons a {
		height: 26px;
		width: 8.3%;
		display: inline-block;
		float: left;
		text-align: center;
		padding: 4px 4px 0 4px;
		margin-right:10px;
		background: #e0e0e0;
	}

	#archiveYearButtons a:hover {
		text-decoration: none;
		background: #eee;
	}
	
	#archiveYearButtons a.directorySubmitSelected {
		background: #eee;
		font-weight:bold;
	}

#archiveMonthButtons {
	width: 100%;
	float: left;
	height: 30px;
	background: #eee;
	margin-bottom: 20px;
}

	#archiveMonthButtons a {
		height: 26px;
		width: 8.3%;
		display: inline-block;
		float: left;
		text-align: center;
		padding-top: 4px;
		color: #666;
		font-size: 10px;
	}
	
	.ie #archiveMonthButtons a {
		width: 8.27%;
	}
	
	#archiveMonthButtons a.directorySubmitSelected {
		color: #e31b24;
		font-size: 12px;
		text-transform: uppercase;
	}

	#archiveMonthButtons a:hover {
		text-decoration: none;
		background: #e0e0e0;
	}

.newsList {
	width: 100%;
	padding: 0 0 10px 0;
	border-bottom:1px solid #CCCCCC;
	float:left;
}

.newsRepeater {
	border-bottom: 1px solid #cdcdcd;
}
	
.newsListImage {
	float: right;
	margin-bottom: 10px;
}

.readMoreBtn {
	margin-top: 10px;
	display: block;
}

/* NEWS ARTICLE PAGE */

.newsBackLinkTop {
	float: right;
}

/* ENQUIRY PAGE */

#contactTable td {
	padding: 5px;
	border-top: 1px solid #ccc;
}

#contactForm {
	width: 480px;
	border-bottom: 7px solid #f6f6f6;
}

	#contactForm label {
		display: inline-block;
		width: 125px;
		vertical-align: top
	}
	
	#contactForm .buttoninput {
		color: #fff;
		background: #676767;
		border: none;
		font-size: 12px;
		font-weight: bold;
		padding: 5px;
		vertical-align: middle;
		margin: 0 10px 5px 0;
		font-family: Tahoma, Helvetica, sans-serif
	}

	.enquirySubmit {
		width: 120px;
		background: url(/images/submitBG.jpg) no-repeat;
		border: none;
		height: 27px;
		color: #005D99;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		cursor: pointer;
	}
	
	.contactSpacer1, .contactSpacer2 {
		padding: 10px;
	}
	
	.contactSpacer1 {
		background: #f6f6f6;
	}
	
	.contactTextInput {
		width: 141px;
		height: 15px;
		/*background: url(../images/inputBG.jpg) top right;*/
		border: 1px solid #ccc;
		color: #666;
		font-size: 11px;
		padding: 4px 5px;
	}
	
	.contactTextInputError {
		width: 141px;
		height: 15px;
		/*background-image: url(../images/inputBG-active.jpg) top right;*/
		border: 1px solid #d43434;
		color: #666;
		font-size: 11px;
		padding: 4px 5px;
	}
	
	.contactTextarea {
		width: 218px;
		height: 71px;
		/*background: url(../images/textarea-BG.jpg) bottom left;*/
		border: 1px solid #ccc;
		color: #666;
		font-size: 11px;
		padding: 4px 5px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.contactTextareaError {
		width: 218px;
		height: 71px;
		/*background: url(../images/textarea-BG-active.jpg) bottom left;*/
		border: 1px solid #d43434;
		color: #666;
		font-size: 11px;
		padding: 4px 5px;
		font-family: Arial, Helvetica, sans-serif;
	}


/* literature */

.literatureItem {
	margin: 0 0px 10px 10px;
	padding: 8px;
	border: 1px solid #d4d4d4;
	overflow: hidden;	
}

td:first-child .literatureItem {
	margin-left: 0;
}

.literatureItem img {
	float: right;
	margin: 0 10px 10px 0;
}

.literatureItem .styledLink {
	float: right;
	clear: right;
	margin: 10px 10px 0 0;
}
.plaintext
{
	font-size: 12px;
	color: #333;
	font-weight:normal;
}

/* case study pages */



#csDetail {
	padding: 20px;
	border: 1px solid #d4d4d4;
	overflow: hidden;
	margin: 10px 0;
}

#csDetail p {
	border-top: 1px solid #e4e4e4;
	width: 400px;
	margin: 0;
	padding: 10px 0 10px 10px;
}

#csDetail img + p {
	border: none;
}

#csDetail strong {
	display: inline-block;
	width: 130px;
}

img.csImg {
	float: right;
	border: 1px solid #99bbd7 !important;
	padding: 5px;
	margin: 0 0 0 10px;
}

.caseStudyBG img.csImg {
	margin: 0;
	border: none !important;
	width: 120px
}

.caseStudyBG {
	padding: 10px;
	border: 1px solid #99bbd7;
	background: #FAFBFF;
	margin: 10px 0;
	overflow: hidden;
	clear:both;
	float:left;
	width:460px;
}

.caseStudyBG img {
	margin:0 !important;
}

	.caseStudyBG h2 {
		width: 300px
	}

/* end case studies */


/* search results */

.searchResult {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
}

	.searchResult h3 {
		margin-bottom: 10px;
	}
	
/* booking form */

.bookingForm p {
	margin: 0 0 10px 0;
}

.bookingForm label {
	display: inline-block;
	width: 120px;
}

.bookingForm input, .bookingForm textarea {
	border: 1px solid #ccc;
	font-family: Arial, Sans-Serif;
	padding: 3px 10px;
	font-size: 12px;
}

.bookingForm textarea {
	padding: 10px;
}

.bookingForm .styledLink {
	margin-left: 124px;
}

#formErrors {
	
	font-weight: bold;
	color: #c00;
}

#formErrors strong {
	color: #c00;
}

.bookingTextArea {
	width: 350px;
	height: 80px;
}