/**
* @project Wintech
* @author Trevor Morris / The Design Frontier
* @copyright 2009 by the author

* Body					- #F0F0F0
* Grey					- #2F2F2F / #B2B2B2 (light)
* Anchors				- #A30D19


* @section screen
* --------------------------------------------------------------------------------------------------
*/
html, body {
	background: #fff url(img/layout/bg-repeat.jpg) repeat-x 0 0;
}
body {
	position: relative;
	font: normal normal 62.5%/1.25 "Gill Sans", Arial, Helvetica, sans-serif;
	line-height: 1.25; color: #414141;
}

html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%; _height: 100%;
}


/**
* =t
* @subsection typography
* --------------------------------------------------------------------------------------------------
*/
#wrapper,
#sitemap {
	position: relative; zoom: 1;
	font-size: 1.3em; /* 13px base font# size */
}
p, ul, ol, dl, pre, address, table,
h2, h3, h4, h5, h6 {
	margin: 0 0 1.2308em; /* 16px */
}

h2, h3, h4, h5, h6 {
	color: #A30D19; line-height: 1.0714; 
}
h2, h3 {
	text-transform: uppercase;
}
h2 {
	margin: 0 15px 10px 0;
	font-size: 14px; text-transform: uppercase;
}
h3 {}
h4 {
	margin: 0 0 5px;
	color: #414141;
}
	h4 strong {
		text-transform: uppercase; font-weight: normal;
	}

p.lede {
	font-size: 1.2500em; /* 15px; */
}

ul, ol {
	padding-left: 14px;
}
ol {
	list-style-type: decimal;
}
ul {
	list-style-type: disc;
}
ul.none {
	padding-left: 0;
	list-style: none;
}

dl dt, dl dd {}
dl dt {
	font-weight: normal;
}
dl dd {
	margin-bottom: 1em;
}

a:link, a:visited, a:focus, a:hover, a:active {
	text-decoration: none;
	color: #A30D19;
}
a:hover, a:focus, a:active, .hovered a {
	text-decoration: underline; color: #A30D19;
}
.fitt {
	cursor: pointer;
}
.active > a, .active > a:focus, .active > a:hover, .active > a:active {
	color: #A30D19;
	text-decoration: none;
	cursor: default;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
strong.caps, em.caps {
	text-transform: uppercase;
}
img, a img, a:link img, a:visited img {
	display: block;
}
code, kbd, var {
	font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace;
}


/**
* =lH
* @subsection layout
* @subsection general and header
* --------------------------------------------------------------------------------------------------
*/
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: #F0F0F0;
}
#header {
	position: relative;
	width: 783px;
	padding: 78px 0 50px 180px;
	background-color: #fff;
}
	#header h1,
	#header h1 a {
		height: 50px; width: 250px;
	}
		#header h1 a {
			background: #fff url(img/logo.gif) no-repeat 0 0;
		}
		
#subscribe-newsletter {
	position: absolute; top: 0; right: 0;
	display: inline-block;
	padding: 5px 15px;
	font-size: 12px; color: #414141;
	text-decoration: none; text-transform: uppercase;
	background-color: #f0f0f0;
}
#header .inner #subscribe-newsletter {
	top: -78px; right: -3px;
}
#subscribe-newsletter:hover,
#subscribe-newsletter:focus,
#subscribe-newsletter:active {
	background-color: #ddd;
}


/**
* =lC
* @subsection layout
* @subsection content
* --------------------------------------------------------------------------------------------------
*/
#content {
	overflow: hidden;
	height: 462px; width: 760px;
	margin: 0 0 0 190px;
}
body.index-index #content {
	height: 452px;
	margin-top: 10px;
}
	#content-primary {
		float: left; overflow: hidden;
		height: 442px; width: 220px;
		padding: 10px 0;
	}
	#content-primary div.scroll {
		float: left; overflow: hidden; overflow-y: scroll;
		height: 395px; width: 200px;
		padding: 0 20px 0 0;
	}
	#content-secondary {
		position: relative;
		float: right; overflow: hidden;
		width: 532px; height: 442px;
		padding: 8px 0;
		border: 2px solid #f0f0f0; border-width: 2px 0;
		background: url(img/layout/squares.gif) repeat 0 8px;
	}
		#content-secondary img,
		div.images img {
			display: block;
		}
		div.images {
			position: relative;
			height: 442px;
		}
		div.images ul {
			margin: 0; padding: 0;
			list-style: none;
		}
		div.has-cycle-arrows ul.cycle-arrows,
		div.has-cycle-arrows ul.cycle-arrows li,
		div.has-cycle-arrows ul.cycle-arrows li a span {
			position: relative; z-index: 5000;
			display: block;
			width: 100%; height: 100%;
		}
		div.has-cycle-arrows ul.cycle-arrows {
			position: absolute; bottom: 0; left: 0;
			display: block;
		}
		div.has-cycle-arrows:hover ul.cycle-arrows,
		div.has-cycle-arrows.hover ul.cycle-arrows {
			display: block;
		}
			div.has-cycle-arrows ul.cycle-arrows li {
				float: left;
				width: 49%; height: 100%;
				background: url(path/to/missing.gif) no-repeat 0 0;
			}
			div.has-cycle-arrows ul.cycle-arrows li.next {
				float: right;
			}
				div.has-cycle-arrows ul.cycle-arrows li a {
					
					display: none;
					height: 100%; width: 100%;
					outline: 0;
				}
					div.has-cycle-arrows ul.cycle-arrows li a span {
						position: absolute; bottom: 0;
						height: 37px; width: 37px;
						background-image: url(img/arrows.png);
					}
					div.has-cycle-arrows ul.cycle-arrows li.previous a span {
						left: 0;
						background-position: 0 -100px;
					}
					div.has-cycle-arrows ul.cycle-arrows li.next a span {
						right: 0;
						background-position: -37px -100px;
					}
					
					div.has-cycle-arrows ul.cycle-arrows li:hover a,
					div.has-cycle-arrows ul.cycle-arrows li.hover a {
						display: block;
					}
		
		#content-secondary div.text,
		#content-secondary .jScrollPaneContainer {
			margin: -8px 0;
			background-color: #fff;
		}
		#content-secondary div.text {
			overflow: hidden; overflow-y: scroll;
			width: 452px; height: 426px;
			padding: 16px 30px 20px 50px;
		}
		#content-secondary .jScrollPaneContainer div.text {
			margin: 0;
		}
		#content-secondary div.text h3 {
			text-transform: uppercase; color: #414141;
		}


#content p:last-child {
	margin-bottom: 0;
}
	

/**
* =lN
* @subsection layout
* @subsection navigation
* --------------------------------------------------------------------------------------------------
*/
#nav {
	float: left; overflow: hidden;
	height: 442px; width: 170px;
	margin: 10px 0 0;
}
#nav ul,
#footer #core-services ul,
#footer #core-services ul li {
	margin: 0; padding: 0;
	list-style: none;
}
	#nav ul li {
		position: relative; overflow: hidden;
	}
		#nav ul li a,
		#footer #core-services h3,
		#footer #core-services ul li,
		#footer #core-services ul li a,
		#nav ul li a:hover,
		#nav ul li a:focus,
		#nav ul li a:active,
		#nav-news h3,
		#nav #nav-news div.section h3 {
			color: #2F2F2F; text-decoration: none; text-transform: uppercase;
		}
		#nav ul li a,
		#footer #core-services h3,
		#footer #core-services ul li a,
		#footer #core-services ul li ul li,
		#nav-news h3,
		#nav #nav-news div.section h2,
		#nav #nav-news div.section h3 {
			display: block; zoom: 1;
			padding: 4px 15px 4px 10px; margin: 0;
			font-size: 1em; line-height: 1.25; font-style: normal; font-weight: normal;
			border: 1px dotted #CDCDCD; border-width: 0 0 1px;
			cursor: pointer;
			background-color: transparent;
		}
		#nav ul li.engineering a {
			padding-right: 10px;
		}
		#nav ul li a:hover,
		#nav ul li a:focus,
		#nav ul li a:active {
			background-color: #E9E9E9;
		}
		#nav ul li.active,
		#nav ul li.active a,
		#nav ul li.active a:hover,
		#nav ul li.active a:focus,
		#nav ul li.active a:active,
		#footer #core-services ul li.active a,
		body.news #nav-news h3 {
			color: #fff;
			background-color: #898989;
		}
		#nav #nav-news div.section h2,
		#nav #nav-news div.section h3 {
			padding-top: 10px;
			color: #A30D19;
		}
		#nav #nav-news div.section h2,
		#nav #nav-news div.section h2 a {
			text-align: center; color: #2F2F2F;
		}
		#nav #nav-news div.section h2 {
			padding-bottom: 5px;
		}
		#nav #nav-news div.section.archive h2 {
			padding-bottom: 8px;
		}
		
ul li ul,
ul li.active ul li ul {
	display: none;
}
ul li.active ul,
ul li.active ul li.active ul {
	display: block;
}

#nav ul li ul li a,
#nav ul li ul li a:hover,
#nav ul li ul li a:focus,
#nav ul li ul li a:active,
#nav ul li.active ul li a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li a:focus,
#nav ul li.active ul li a:active,
#nav ul li ul li.active a:hover,
#nav ul li ul li.active a:focus,
#nav ul li ul li.active a:active,
#nav ul li ul li.active ul li a,
#nav ul li ul li.active ul li a:hover,
#nav ul li ul li.active ul li a:focus,
#nav ul li ul li.active ul li a:active,
#nav ul li.active ul li.active ul li a,
#nav ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li a:focus,
#nav ul li.active ul li.active ul li a:active {
	color: #B2B2B2;
	background-color: #fff;
}
#nav ul li ul li a {
	background: #fff;
}
#nav ul li ul li.sub a,
#footer #core-services ul li a {
	padding-left: 22px;
	background: #fff url(img/arrows.gif) no-repeat 9px -45px;
}
#nav ul li ul li a:hover,
#nav ul li ul li a:focus,
#nav ul li ul li a:active,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li a:focus,
#nav ul li.active ul li a:active,
#nav ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li a:focus,
#nav ul li.active ul li.active ul li a:active {
	color: #A30D19;
}
#nav ul li ul li.active a,
#nav ul li.active ul li.active a,
#footer #core-services li.active a {
	background-position: 7px -66px;
}
#nav ul li ul li.active a,
#nav ul li ul li.active a:hover,
#nav ul li ul li.active a:focus,
#nav ul li ul li.active a:active,
#nav ul li.active ul li.active a,
#nav ul li.active ul li.active a:hover,
#nav ul li.active ul li.active a:focus,
#nav ul li.active ul li.active a:active,
#nav ul li ul li.active a,
#nav ul li ul li.active a:hover,
#nav ul li ul li.active a:focus,
#nav ul li ul li.active a:active,
#nav ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active a:hover,
#nav ul li.active ul li.active ul li.active a:focus,
#nav ul li.active ul li.active ul li.active a:active {
	color: #A30D19;
}


#nav ul li ul li ul li a,
#nav ul li ul li ul li a:hover,
#nav ul li ul li ul li a:focus,
#nav ul li ul li ul li a:active,
#footer #core-services ul ul li {
	text-transform: none; line-height: 1.25;
	background-image: none !important;
}


/**
* =lF
* @subsection layout
* @subsection footer
* --------------------------------------------------------------------------------------------------
*/
#footer {
	clear: both; zoom: 1;
	padding: 15px 0 50px 190px;
	background-color: #fff;
}
	#footer h2,
	#footer h3 {
		margin: 0 0 5px;
		color: #666; text-transform: none; font-weight: normal;
	}
	#footer h2 {
		font-family: Arial, Helvetica, sans-serif; font-size: 1.5385em; /* 20px */
	}
	#footer h3 {
		font-size: 1.2308em; /* 16px */ font-style: italic; line-height: 1.3;
	}
	#footer blockquote {
		padding: 10px 0 0 220px;
		color: #A30D19; font-size: 1.0769em; /* 14px */ font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;
	}
		#footer blockquote p::before {
			content: "\201c"; /*open-quote*/
		}
		#footer blockquote p::after {
			content:"\201d"; /*close-quote*/
		}


/**
* =sitemap
* @subsection Sitemap
* --------------------------------------------------------------------------------------------------
*/
#sitemap {
	clear: both;
	background: #F0F0F0;
}
#sitemap div.inner {
	position: relative;
	width: 940px;
	padding: 0 10px; margin: 0 auto;
	background: #F0F0F0;
}
#sitemap .clear {
	clear: both;
}

#sitemap h3,
#sitemap h3 a {
	position: relative; zoom: 1;
	display: block;
	color: #2F2F2F; text-transform: uppercase; font-weight: normal;
	font-style: normal; line-height: 25px;
}
#sitemap h3 {
	position: absolute; top: -25px; left: 0;
	height: 25px; width: 170px;
	padding: 0 0 0 10px; margin: 0;
	background-color: #F0F0F0;
}
	#sitemap h3 a {
		background: url(img/arrows.gif) no-repeat 140px -3px;
	}
	#sitemap div.open h3 a {
		background-position: 140px -21px;
	}

#sitemap-address {
	float: left;
	height: 21px;
	padding: 0 0 20px 180px;
	color: #333; font-size: 11px; line-height: 1;
	background: url(img/logo-footer.gif) no-repeat 0 0;
}
	#sitemap-address address,
	#sitemap-address p {
		margin: 0;
	}

#sitemap-links {
	overflow: hidden;
	padding: 20px 0 30px;
}
	#sitemap-links div.column {
		float: left;
		min-height: 100px; width: 220px;
		margin: 0 20px 0 0;
	}
	#sitemap-links div.column.l {
		margin-right: 0;
	}
	#sitemap-links div.column ul,
	#sitemap-links div.column ul li {
		display: block;
		margin: 0; padding: 0;
		list-style: none;
		background: none;
	}
	#sitemap-links div.column ul li {
		margin: 0 0 20px;
	}
		#sitemap-links div.column ul li a {
			color: #333;
		}

		#sitemap-links div.column ul ul,
		#sitemap-links div.column ul dl {
			margin: 5px 0 0;
		}
			#sitemap-links div.column ul ul li {
				margin: 0;
			}
				#sitemap-links div.column ul ul li a,
				#sitemap-links div.column ul dl,
				#sitemap-links div.column ul dl a {
					color: #999;
				}
				#sitemap-links div.column ul dl dd {
					margin-bottom: 5px;
				}
				#sitemap-links div.column ul dl a {
					font-style: italic;
				}


body.js #sitemap div.toggle {
	display: none;
}


#sitemap #sitemap-social {
	float: right;
	width: 220px;
	/*position: absolute; left: 732px; bottom: 22px;*/
}
#sitemap #sitemap-social p,
#sitemap #sitemap-social ul {
	float: left;
	margin: 0;
	line-height: 28px; font-weight: bold;
}
#sitemap #sitemap-social p {
	margin-right: 7px;
}

#sitemap .social,
#sitemap .social li {
	padding: 0; margin: 0;
	list-style: none;
	background: none
}
#sitemap .social li {
	float: left;
	margin: 0 0 0 4px;
}
#sitemap .social li,
#sitemap .social li a {
	height: 28px; width: 27px;
	background-image: url(img/social-icons.jpg);
}
#sitemap .social li.facebook,
#sitemap .social li.facebook a {
	background-position: 0 0;
}
#sitemap .social li.facebook a:hover,
#sitemap .social li.facebook a:focus,
#sitemap .social li.facebook a:active {
	background-position: 0 -28px;
}
#sitemap .social li.twitter,
#sitemap .social li.twitter a {
	background-position: -27px 0;
}
#sitemap .social li.twitter a:hover,
#sitemap .social li.twitter a:focus,
#sitemap .social li.twitter a:active {
	background-position: -27px -28px;
}



/**
* =index
* =homepage
* @subsection Homepage
* --------------------------------------------------------------------------------------------------
*/
body.index-index #footer {
	padding-left: 0;
}
body.index-index #footer h2,
body.index-index #footer h3,
body.index-index #footer blockquote {
	padding-left: 190px;
}
body.index-index #footer blockquote {
	padding-top: 15px; padding-bottom: 15px;
}
	body.index-index #footer blockquote p::before,
	body.index-index #footer blockquote p::after {
		content: "";
	}
	body.index-index #footer blockquote p {
		margin: 0;
		font-size: 1.4em;
	}
		body.index-index #footer blockquote a {
			font-size: 0.75em;
		}

body.index-index #introduction,
body.index-index #core-services {
	overflow: hidden;
	margin: 0 0 50px;
}
body.index-index #introduction {
	float: right;
	width: 770px;
}
	body.index-index #introduction .column {
		float: left;
		width: 365px;
		margin: 0 20px 20px 0;
	}

#footer #core-services {
	float: left;
	width: 178px;
}
	#footer #core-services h3 {
		color: #A30D19;
	}
	#footer #core-services ul li,
	#footer #core-services ul li a {
		padding-right: 0;
	}
	#footer #core-services ul li ul li {
		padding-right: 5px;
	}
	#footer #core-services ul li ul ul {
		display: block;
		margin: 0 -5px 0 -10px;
	}
	#footer #core-services ul li ul ul li {
		padding-left: 25px;
	}
	#footer #core-services ul li ul ul li.f {
		margin-top: 5px;
		border-top-width: 1px;
	}
	#footer #core-services ul li ul ul li.l {
		padding-bottom: 0;
		border-width: 0;
	}

#footer #core-services ul li a {
	background-position: 9px -179px;
}
#footer #core-services li.active a {
	background-position: 7px -200px;
}
	



/**
* =pages
* @subsection pages
* --------------------------------------------------------------------------------------------------
*/
body.links #content dl {
	margin: 0;
}
body.links #content dl dd {
	margin-bottom: 12px;
}

body.careers #content div.career {
	height: 446px;
	border-width: 0;
}

body.profile-testing-ukas_accreditation #content-primary {
	width: 586px;
}
body.profile-testing-ukas_accreditation #content-primary div.scroll {
	width: 556px; height: 415px;
}
	body.profile-testing-ukas_accreditation #content-primary div.scroll h5 {
		margin-bottom: 2px;
		color: #414141;
	}
	body.profile-testing-ukas_accreditation #content-primary div.scroll ul {
		padding: 0;
		list-style: none;
	}
		body.profile-testing-ukas_accreditation #content-primary div.scroll li,
		body.profile-testing-ukas_accreditation #content-primary div.scroll h5,
		body.profile-testing-ukas_accreditation #content-primary div.scroll p {
			overflow: hidden;
		}
			body.profile-testing-ukas_accreditation #content-primary div.scroll li span,
			body.profile-testing-ukas_accreditation #content-primary div.scroll h5 span,
			body.profile-testing-ukas_accreditation #content-primary div.scroll p span {
				clear: left; float: left;
				display: block;
				width: 150px;
			}
			
body.profile-testing-ukas_accreditation #content-secondary {
	width: 173px;
}

#pp_full_res,
#video {
	height: 576px; width: 768px;
}
#video {
	display: none;
}


/**
* =projects
* @subsection projects
* --------------------------------------------------------------------------------------------------
*/
body.projects #content-primary div.scroll {
	overflow: hidden;
	height: 442px; width: 215px;
	padding-right: 5px;
}
body.projects div.gallery {
	height: 447px;
}

ul.projects,
#thumbnails {
	padding: 0; margin: 0;
	list-style: none;
}
	ul.projects li {
		text-align: right;
		padding: 0 0 7px 0; *padding-bottom: 6px;
	}
		ul.projects li a {
			color: #2F2F2F; line-height: 1.275;
		}
		ul.projects li a:hover,
		ul.projects li a:focus,
		ul.projects li a:active,
		ul.projects li.active a,
		ul.projects li.hovered a {
			color: #A30D19;
		}

#thumbnails {
	overflow: hidden;
	margin: 0 0 0 41px;
}
	#thumbnails li {
		float: left;
		margin: 4px 0 0 0;
	}
		#thumbnails li a {
			display: block;
			border: 4px solid #F0F0F0;
		}
		#thumbnails li a:hover,
		#thumbnails li a:focus,
		#thumbnails li a:active {
			border-color: #E3E3E3;
		}
		#thumbnails li.active a {
			border-color: #979B9A;
		}
			#thumbnails li a img {
				display: block;	
			}
			
#carousel {
	left: 41px !important;
}
ul.prev-next {
	position: absolute; left: 0; bottom: 9px;
	width: 100%; height: 37px;
	margin: 0; padding: 0;
	list-style: none;
}
	ul.prev-next li {
		position: absolute; top: 0;
	}
	ul.prev-next li.previous {
		left: 0;
	}
	ul.prev-next li.next {
		right: 0;
	}
	ul.prev-next li.disabled {
		display: none;
	}
		ul.prev-next li a {
			height: 37px; width: 37px;
			background-image: url(img/arrows.png);
		}
		ul.prev-next li.previous a {
			background-position: 0 -100px;
		}
		ul.prev-next li.previous a:hover,
		ul.prev-next li.previous a:focus,
		ul.prev-next li.previous a:active {
			background-position: 0 -137px;
		}
		
		ul.prev-next li.next a {
			background-position: -37px -100px;
		}
		ul.prev-next li.next a:hover,
		ul.prev-next li.next a:focus,
		ul.prev-next li.next a:active {
			background-position: -37px -137px;
		}
		
#projects-list {
	position: relative;
	padding: 0; margin: 0;
	list-style: none;
}
	#projects-list li {
		position: absolute; top: 0; left: 0;
	}		
		#projects-list li,
		#projects-list li a {
			background-position: 0 0;
		}
		#projects-list li a {
			display: block; overflow: hidden;
			height: 81px; width: 82px;
		}
		#projects-list li a:hover,
		#projects-list li a:focus,
		#projects-list li a:active,
		#projects-list li.hovered a,
		#projects-list li a.hovered {
			background-position: 0 -82px;
		}
		
		#projects-list li#project-1-petronas-towers-kuala-lumpa,
		#projects-list li#project-1-petronas-towers-kuala-lumpa a {
			height: 127px;
			background-image: url(../img/project-list/1_petronas_towers_kuala_lumpa.jpg);
		}
		#projects-list li#project-1-petronas-towers-kuala-lumpa {
			top: 270px; left: 270px;
		}
		#projects-list li#project-1-petronas-towers-kuala-lumpa a:hover,
		#projects-list li#project-1-petronas-towers-kuala-lumpa a:focus,
		#projects-list li#project-1-petronas-towers-kuala-lumpa a:active,
		#projects-list li#project-1-petronas-towers-kuala-lumpa.hovered a,
		#projects-list li#project-1-petronas-towers-kuala-lumpa a.hovered {
			background-position: 0 -127px;
		}
		
		#projects-list li#project-2-al-arab-spa-health-club-dubai,
		#projects-list li#project-2-al-arab-spa-health-club-dubai a {
			height: 127px;
			background-image: url(../img/project-list/2_al_arab_spa_health_club_dubai.jpg);
		}
		#projects-list li#project-2-al-arab-spa-health-club-dubai {
			top: 0; left: 90px;
		}
		#projects-list li#project-2-al-arab-spa-health-club-dubai a:hover,
		#projects-list li#project-2-al-arab-spa-health-club-dubai a:focus,
		#projects-list li#project-2-al-arab-spa-health-club-dubai a:active,
		#projects-list li#project-2-al-arab-spa-health-club-dubai.hovered a,
		#projects-list li#project-2-al-arab-spa-health-club-dubai a.hovered {
			background-position: 0 -127px;
		}
		
		#projects-list li#project-3-123-old-broad-street-london,
		#projects-list li#project-3-123-old-broad-street-london a {
			height: 172px;
			background-image: url(../img/project-list/3_123_old_broad_street_london.jpg);
		}
		#projects-list li#project-3-123-old-broad-street-london {
			top: 90px; left: 360px;
		}
		#projects-list li#project-3-123-old-broad-street-london a:hover,
		#projects-list li#project-3-123-old-broad-street-london a:focus,
		#projects-list li#project-3-123-old-broad-street-london a:active,
		#projects-list li#project-3-123-old-broad-street-london.hovered a,
		#projects-list li#project-3-123-old-broad-street-london a.hovered {
			background-position: 0 -172px;
		}
		
		#projects-list li#project-4-gresham-street-london,
		#projects-list li#project-4-gresham-street-london a {
			background-image: url(../img/project-list/4_gresham_street_london.jpg);
		}
		#projects-list li#project-4-gresham-street-london {
			top: 45px; left: 0;
		}
		
		#projects-list li#project-5-cardinal-place-london,
		#projects-list li#project-5-cardinal-place-london a {
			width: 127px;
			background-image: url(../img/project-list/5_cardinal_place_london.jpg);
		}
		#projects-list li#project-5-cardinal-place-london {
			top: 0; left: 270px;
		}
		
		#projects-list li#project-6-fenchurch-street-london,
		#projects-list li#project-6-fenchurch-street-london a {
			height: 127px;
			background-image: url(../img/project-list/6_fenchurch_street_london.jpg);
		}
		#projects-list li#project-6-fenchurch-street-london {
			top: 180px; left: 0;
		}
		#projects-list li#project-6-fenchurch-street-london a:hover,
		#projects-list li#project-6-fenchurch-street-london a:focus,
		#projects-list li#project-6-fenchurch-street-london a:active,
		#projects-list li#project-6-fenchurch-street-london.hovered a,
		#projects-list li#project-6-fenchurch-street-london a.hovered {
			background-position: 0 -127px;
		}
		
		#projects-list li#project-7-civil-justice-centre-manchester,
		#projects-list li#project-7-civil-justice-centre-manchester a {
			background-image: url(../img/project-list/7_civil_justice_centre_manchester.jpg);
		}
		#projects-list li#project-7-civil-justice-centre-manchester {
			top: 180px; left: 270px;
		}
		
		#projects-list li#project-8-empress-state-tower-london,
		#projects-list li#project-8-empress-state-tower-london a {
			height: 127px;
			background-image: url(../img/project-list/8_empress_state_tower_london.jpg);
		}
		#projects-list li#project-8-empress-state-tower-london {
			top: 90px; left: 450px;
		}
		#projects-list li#project-8-empress-state-tower-london a:hover,
		#projects-list li#project-8-empress-state-tower-london a:focus,
		#projects-list li#project-8-empress-state-tower-london a:active,
		#projects-list li#project-8-empress-state-tower-london.hovered a,
		#projects-list li#project-8-empress-state-tower-london a.hovered {
			background-position: 0 -127px;
		}
		
		#projects-list li#project-9-bullring-birmingham,
		#projects-list li#project-9-bullring-birmingham a {
			background-image: url(../img/project-list/9_bullring_birmingham.jpg);
		}
		#projects-list li#project-9-bullring-birmingham {
			top: 135px; left: 90px;
		}
		
		#projects-list li#project-10-mall-of-the-emirates-dubai,
		#projects-list li#project-10-mall-of-the-emirates-dubai a {
			background-image: url(../img/project-list/10_mall_of_the_emirates_dubai.jpg);
		}
		#projects-list li#project-10-mall-of-the-emirates-dubai {
			top: 45px; left: 180px;
		}
		
		#projects-list li#project-11-hardman-boulevard-manchester,
		#projects-list li#project-11-hardman-boulevard-manchester a {
			height: 127px;
			background-image: url(../img/project-list/11_hardman_boulevard_manchester.jpg);
		}
		#projects-list li#project-11-hardman-boulevard-manchester {
			top: 270px; left: 450px;
		}
		#projects-list li#project-11-hardman-boulevard-manchester a:hover,
		#projects-list li#project-11-hardman-boulevard-manchester a:focus,
		#projects-list li#project-11-hardman-boulevard-manchester a:active,
		#projects-list li#project-11-hardman-boulevard-manchester.hovered a,
		#projects-list li#project-11-hardman-boulevard-manchester a.hovered {
			background-position: 0 -127px;
		}
		
		#projects-list li#project-12-new-street-square-london,
		#projects-list li#project-12-new-street-square-london a {
			height: 127px;
			background-image: url(../img/project-list/12_new_street_square_london.jpg);
		}
		#projects-list li#project-12-new-street-square-london {
			top: 315px; left: 45px;
		}
		#projects-list li#project-12-new-street-square-london a:hover,
		#projects-list li#project-12-new-street-square-london a:focus,
		#projects-list li#project-12-new-street-square-london a:active,
		#projects-list li#project-12-new-street-square-london.hovered a,
		#projects-list li#project-12-new-street-square-london a.hovered {
			background-position: 0 -127px;
		}
		
		#projects-list li#project-13-beethams-hilton-hotel-manchester,
		#projects-list li#project-13-beethams-hilton-hotel-manchester a {
			background-image: url(../img/project-list/13_beethams_hilton_hotel_manchester.jpg);
		}
		#projects-list li#project-13-beethams-hilton-hotel-manchester {
			top: 360px; left: 360px;
		}
		
		#projects-list li#project-14-paddington-central-station-london,
		#projects-list li#project-14-paddington-central-station-london a {
			background-image: url(../img/project-list/14_paddington_central_station_london.jpg);
		}
		#projects-list li#project-14-paddington-central-station-london {
			top: 135px; left: 180px;
		}
		
		#projects-list li#project-15-rotunda-birmingham,
		#projects-list li#project-15-rotunda-birmingham a {
			height: 127px;
			background-image: url(../img/project-list/15_rotunda_birmingham.jpg);
		}
		#projects-list li#project-15-rotunda-birmingham {
			top: 315px; left: 180px;
		}
		#projects-list li#project-15-rotunda-birmingham a:hover,
		#projects-list li#project-15-rotunda-birmingham a:focus,
		#projects-list li#project-15-rotunda-birmingham a:active,
		#projects-list li#project-15-rotunda-birmingham.hovered a,
		#projects-list li#project-15-rotunda-birmingham a.hovered {
			background-position: 0 -127px;
		}
		
		#projects-list li#project-16-the-edge-manchester,
		#projects-list li#project-16-the-edge-manchester a {
			width: 164px;
			background-image: url(../img/project-list/16_the_edge_manchester.jpg);
		}
		#projects-list li#project-16-the-edge-manchester {
			top: 225px; left: 90px;
		}
		
		#projects-list li#project-17-grosvenor-wateride-london,
		#projects-list li#project-17-grosvenor-wateride-london a {
			background-image: url(../img/project-list/17_grosvenor_wateride_london.jpg);
		}
		#projects-list li#project-17-grosvenor-wateride-london {
			top: 90px; left: 270px;
		}
		
		#projects-list li#project-18-dock-9-salford-quays-manchester,
		#projects-list li#project-18-dock-9-salford-quays-manchester a {
			width: 127px;
			background-image: url(../img/project-list/18_dock_9_salford_quays_manchester.jpg);
		}
		#projects-list li#project-18-dock-9-salford-quays-manchester {
			top: 0; left: 405px;
		}

/**
* =contact
* @subsection contact
* --------------------------------------------------------------------------------------------------
*/
#content h2 span {
	display: block;
	color: #414141;
}
#content div.adr {
	margin: 0 0 2.5em;
}
	#content div.adr span {
		display: block;
	}
	#content div.adr .fn.org {
		color: #A30D19
	}
	#content div.adr span.country {
		margin: 0 0 1.5em;
	}

#content div.adr p {
	margin: 0 0 2px;
}
	#content div.adr p span {
		display: inline;
	}

#content #content-secondary div.map {
	position: absolute; top: 8px; left: 0;
	width: 532px; height: 442px;
	display: none;
}
#content div.view-map h4 {
	margin: 0 0 3px;
	color: #414141;
}
#content div.view-map a {
	text-transform: uppercase; font-size: 16px; text-decoration: underline;
}
#content div.view-map a:hover,
#content div.view-map a:focus,
#content div.view-map a:active {
	text-decoration: none;
}
	
body.contact-design #header h1 a,
body.contact-curtain_wall_design #header h1 a {
	background-image: url(img/logo-design.gif);
}
body.contact-design #content h2,
body.contact-design #content div.adr a,
body.contact-design #content div.adr .fn.org,
body.contact-design #content div.view-map a,
body.contact-curtain_wall_design #content h2,
body.contact-curtain_wall_design #content div.adr a,
body.contact-curtain_wall_design #content div.adr .fn.org,
body.contact-curtain_wall_design #content div.view-map a {
	color: #369;
}

body.contact-testing #header h1 a,
body.contact-curtain_wall_testing #header h1 a {
	background-image: url(img/logo-testing.gif);
}
body.contact-testing #content h2,
body.contact-testing #content div.adr a,
body.contact-testing #content div.adr .fn.org,
body.contact-testing #content div.view-map a,
body.contact-curtain_wall_testing #content h2,
body.contact-curtain_wall_testing #content div.adr a,
body.contact-curtain_wall_testing #content div.adr .fn.org,
body.contact-curtain_wall_testing #content div.view-map a {
	color: #666634;
}


/**
* =scroll
* @subsection scrollbar
* --------------------------------------------------------------------------------------------------
*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden; z-index: 1;
	float: left;
	outline: 0 !important;
}
.jScrollPaneTrack,
.jScrollPaneDrag,
.jScrollPaneDragBottom,
a.jScrollArrowUp,
a.jScrollArrowDown {
	position: absolute; z-index: 1;
	overflow: hidden;
	outline: 0 !important;
}
.jScrollPaneTrack,
.jScrollPaneDragTop,
a.jScrollArrowUp {
	top: 0;
}
.jScrollPaneDragTop,
.jScrollPaneDragBottom {
	left: 0;
}
.jScrollPaneTrack,
a.jScrollArrowUp,
a.jScrollArrowDown {
	right: -3px;
}
.jScrollPaneDragBottom,
a.jScrollArrowDown {
	bottom: 0;
}
.jScrollPaneTrack {
	height: 100%;
	background: url(img/scroll-inner.gif) repeat-y 50% 0;
	cursor: pointer;
}
.jScrollPaneDrag {
	background: url(img/scroll-bar.gif) repeat-y 50% 0;
	cursor: pointer;
}
a.jScrollArrowUp,
a.jScrollArrowDown {
	right: 0;
	background: url(img/arrows.gif) no-repeat 0 0;
	height: 13px !important; width: 13px !important;
}
a.jScrollArrowUp {
	background-position: 0 -12px;
}
a.jScrollArrowDown {
	background-position: 0 -27px;
}

#content-secondary .jScrollPaneTrack,
#content-secondary a.jScrollArrowUp,
#content-secondary a.jScrollArrowDown {
	right: 6px;
}
#content-secondary a.jScrollArrowUp,
#content-secondary a.jScrollArrowDown {
	right: 9px;
}