@charset "UTF-8";
/* CSS Document */

/*	-------- General */

	body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color:  #4e4d4a;
	text-align: left;
		}
	body {
		margin: 0 0 30px 0;
		background: #333333 url(../images/construct/bodybg-rptx-alpha.png) repeat-x;/* REMOVE FOR IE6 */
		}
	
	h1, h2, h3, h4 {
		margin: 0 0 8px 0;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #333333;
		font-weight: normal;
		}
		h1 {
	margin: 0 0 15px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #aaa9a4;/* IE6 - SOLID UNDERLINE */
	font-size: 20px;
	color: #485D88;
			}
		h2 { font-size: 16px; }
		h3 { font-size: 14px; }
		h4 { font-size: 12px; font-weight: bold; }
	
	p {
		margin: 0 0 15px 0;
		padding: 0;
		line-height: 1.4em;
		}
	
	a {
	color: #069;
	text-decoration: underline;
		}
		a:hover {
	color: #09F;
}
		a img { border: none; }
	
	ul {
		margin: 0 0 15px 30px;
		padding: 0;
		list-style: disc url(../images/construct/bullet-amiri.gif);
		}
		ul li {
			margin: 0;
			padding: 2px 0;
			line-height: 1.4em;
			}
	
/*	-------- Misc styles */

	p.intropara {
	font-size: 12px;
	color: #333;
		}
	
	.lighter { color: #8e8d88; }
	.darker { color: #343433; }
	.smaller { font-size: smaller; }
	.bigger { font-size: larger; }
.blue {
	color: #069;
}
	
	.clear-b { clear: both; }
	.clear-l { clear: left; }
	.clear-r { clear: right; }
	
	img.img-l {
		float: left;
		margin: 0 20px 15px 0;
		border: 2px solid #666;
		}
	img.img-r {
		float: right;
		margin: 0 0 15px 20px;
		border: 2px solid #666;
		}
	img.img-free { border: 2px solid #666; }
	
	div.img-caption-l {
		float: left;
		margin: 0 20px 15px 0;
		padding: 2px;
		background-color: #666;
		}
	div.img-caption-r {
		float: right;
		margin: 0 0 15px 20px;
		padding: 2px;
		background-color: #666;
		}
		div.img-caption-l p, div.img-caption-r p {
			margin: 0;
			padding: 5px;
			color: #d4d3cd;
			font-size: 9px;
			text-align: center;
			}
	
	table.richTable {
		margin: 0 0 15px 0;
		padding: 0;
		border-collapse: collapse;
		}
		table.richTable th, table.richTable td {
			margin: 0;
			padding: 2px 4px;
			border-bottom: 1px solid #bbb;
			text-align: left;
			}
		table.richTable th {
			padding: 4px 4px;
			background-color: #666;
			color: #eee;
			font-weight: bold;
			}
	
	ul.sideList {
		margin: 0 0 15px 0;
		padding: 0;
		list-style-image: none;
		list-style: none;
		border-top: 1px dotted #2d2d2c;/* IE6 - SOLID BORDER */
		}
		ul.sideList li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 11px;
			border-bottom: 1px dotted #2d2d2c;/* IE6 - SOLID BORDER */
			}
			ul.sideList li a {
				display: block;
				padding: 4px 1px;
				color: #6e6d67;
				background: none;
				border: none;
				text-decoration: none;
				}
				ul.sideList li a:hover {
					color: #abaaa4;
					background-color: #1c1c1b;
					}
	
	ul.hierarchyList {
		margin: 0 0 15px 30px;
		list-style: disc url(../images/construct/bullet-droparrow.gif);
		}
		ul.hierarchyList li {
			font-style: italic;
			}
			ul.hierarchyList li strong {
				font-size: 12px;
				font-style: normal;
				}
			ul.hierarchyList li a, ul.hierarchyList li span {
				font-size: 12px;
				font-style: normal;
				}
			ul.hierarchyList li ul {
				margin: 0 0 0 30px;
				list-style: inherit;
				list-style: disc url(../images/construct/bullet-droparrow.gif);
				}
	
	blockquote {
		margin: 5px 0 15px 0;
		background: url(../images/construct/blockquote-open.gif) top left no-repeat;
		font-size: 12px;
		font-style: italic;
		}
		blockquote div {
			padding: 5px 50px;
			background: url(../images/construct/blockquote-close-extended.gif) bottom right no-repeat;
			}
			blockquote div p.quotelink {
				margin-top: -10px;
				font-size: 11px;
				}
			blockquote div p.quoteinfo {
				font-size: 10px;
				color: #777;
				font-style: normal;
				}

/*	-------- Layout */

	#wrapper {
	margin: 0 auto;
	width: 900px;
	background: url(../images/construct/page-shadow-alpha.png) repeat-y;/* REMOVE FOR IE6 */
		}
		#innerwrap {
			margin: 0 10px;
			background-color: #d4d3cd;
			}
	
	#header {
	float: left;
	position: relative;
	width: 880px;
	border-top: 4px solid #d7d6d1;
	border-bottom: 4px solid #ffffff;
	background: #d7d6d0 url(../images/construct/header-rpt-x.jpg) repeat-x;
	padding-bottom: 0px;
		}
		#header div.header-cola {
	float: left;
	position: relative;
	width: 270px;
	padding: 5px 0;
	text-align: center;
			}
			#header div.header-cola a { border-bottom: none; }
		#header div.header-colb {
	float: right;
	position: relative;
	width: 600px;
	height: auto;
	padding-bottom: 0px;
			}
	
	#searchpanel {
		height: 54px;
		padding: 0 20px 0 508px;
		}
		form.searchform {
			margin: 0;
			padding: 10px 0 0 0;
			}
			form.searchform div {
				float: left;
				width: 152px;
				padding: 3px 0 5px 0;
				background: url(../images/construct/searchform-bg.gif) no-repeat;
				}
				form.searchform div input.fField {
					float: left;
					margin-left: 10px;
					padding: 0;
					border: none;
					width: 115px;
					height: 14px;
					font-size: 11px;
					color: #666666;
					background-color: transparent;
					}
				form.searchform div input.fButton {
					float: left;
					margin-left: 5px;
					width: 15px;
					height: 14px;
					}
	
	#navigation {
	float: right;
	height: 20px;
	padding: 0 0px 0 0;
		}
		#navigation ul#navigation-ul {
			margin: 0;
			padding: 0;
			list-style-image: none;
			list-style: none;
			}
			#navigation ul#navigation-ul li {
				float: left;
				position: relative;
				margin: 0;
				padding: 0;
				list-style-type: none;
				border-left: 1px solid #c6c5c0;
				font-size: 11px;
				}
				#navigation ul#navigation-ul li a {
	display: block;
	padding: 0 22px 20px 8px;
	line-height: 18px;
	color: #333;
	text-decoration: none;
	border: none;
	background: none;
					}
					#navigation ul#navigation-ul li a.activeItem {
						color: #222;
						background: url(../images/construct/nav-active-border.gif) bottom repeat-x;
						}
					#navigation ul#navigation-ul li a:hover {
	color: #485D88;
						}
				#navigation ul#navigation-ul li ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 4px 0 0 0;
	top: 38px;
	background-color: #666;
	list-style-image: none;
	list-style: none;
					}
					#navigation ul#navigation-ul li ul li {
	float: none;
	margin: 0;
	padding: 0;
	width: 140px;
	border-left: none;
	border-bottom: 1px dotted #f8f8f8;/* IE6 solid */
	list-style-type: none;
						}
						#navigation ul#navigation-ul li ul li a {
							display: block;
							padding: 0 8px;
							height: 21px;
							line-height: 21px;
							border: none;
							font-size: 10px;
							color: #deded9;
							background: none;
							text-decoration: none;
							}
							#navigation ul#navigation-ul li ul li a.activeItem {
	background-color: #333;
	color: #ffffff;
	background-image: none;
}
							#navigation ul#navigation-ul li ul li a:hover {
	border: none;
	color: #ffffff;
	background-color: #000;
								}
							li > ul { top: auto; }
							#navigation ul#navigation-ul li:hover ul, #navigation ul#navigation-ul li.over ul { display: block; }
	
	#featurepanel {
		clear: both;
		width: 880px;
		height: 230px;
		background: #161616;
		}
	
	#pagerow {
		float: left;
		width: 880px;
		}
	
	#footer {
		clear: both;
		float: left;
		width: 880px;
		border-top: 1px solid #9a9993;
		background-color: #93928f;/* lighter aaa9a4;*/
		}
		#footer ul {
			margin: 0;
			padding: 0;
			list-style: none;
			list-style-image: none;
			}
			#footer ul li {
				float: left;
				width: 360px;
				padding: 10px 0 10px 40px;
				text-align: left;
				}
			#footer ul li.creditTag {
				float: right;
				padding: 10px 40px 10px 0;
				text-align: right;
				}
				#footer ul li a {
					text-decoration: none;
					font-weight: bold;
					color: #605e5a;
					}
					#footer ul li a:hover { color: #555; }
		#footer p {
			margin: 0;
			padding: 10px 40px;
			font-size: 10px;
			color: #605e5a;
			}
			#footer p span {
				padding: 0 0 0 12px;
				}
				#footer p span a {
					text-decoration: none;
					font-weight: bold;
					color: #605e5a;
					}
					#footer p span a:hover { color: #555; }
	
	#footer-dropshadow {
		margin: 0 auto;
		width: 900px;
		height: 10px;
		background: url(../images/construct/footer-shadow-alpha.png) no-repeat;/* REMOVE FOR IE6 */
		}

/*	-------- Page-type specific layout */

	.bg_3columns {
		border-top: 4px solid #b1b0aa;
		background: #d4d3cd url(../images/construct/columnbg/3column-home.gif) repeat-y;
		}
	
	.bg_2columns_gen {
		border-top: 15px solid #151514;
		border-bottom: 15px solid #151514;
		background: #d4d3cd url(../images/construct/columnbg/2column-generic.gif) repeat-y;
		}
	
	.bg_2columns_half {
		border-top: 15px solid #151514;
		border-bottom: 15px solid #151514;
		background: #d4d3cd url(../images/construct/columnbg/2column-halfsplit.gif) repeat-y;
		}
	
	.bg_1column_full {
		border-top: 15px solid #151514;
		border-bottom: 15px solid #151514;
		background: #d4d3cd url(../images/construct/columnbg/1column-fullpage.gif) repeat-y;
		}
	
	#pgCol-abc-a {
		float: left;
		width: 440px;
		}
	#pgCol-abc-b {
		float: left;
		width: 200px;
		}
	#pgCol-abc-c {
		float: left;
		width: 240px;
		}
		#pgCol-abc-b h2, #pgCol-abc-c h2 { margin-bottom: 20px; }
		#pgCol-abc-b, #pgCol-abc-c { font-size: 11px; }
	
	#pgCol-abgen-a {
		float: left;
		width: 660px;
		}
	#pgCol-abgen-b {
		float: left;
		width: 220px;
		}
		#pgCol-abgen-b h2 { color: #6e6d67; }
		#pgCol-abgen-b p {
			font-size: 11px;
			color: #6e6d67;
			}
		#pgCol-abgen-b a { color: #999; }
			#pgCol-abgen-b a:hover { color: #ccc; }
	
	.bg_2columns_half div#pgCol-ab50-a {
		float: left;
		width: 480px;
		}
	.bg_2columns_half div#pgCol-ab50-b {
		float: right;
		width: 400px;
		}
		.pgCol-padding-projectside { padding: 0 0 24px 0; } /*padding: 10px 0 24px 0;*/
	
	.pgCol-padding-standard {
	padding-top: 24px;
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 10px;
}
	.pgCol-padding-wide { padding: 24px 45px 24px 35px; }
		#pgCol-abgen-a div.pgCol-padding-wide { padding-right: 75px; }
	
	#pgCol-abgen-a div.pgRow {
		clear: left;
		margin: 0 0 15px 0;
		width: 550px;
		}
		
		#pgCol-abgen-a div.pgRow div.pgRowCol1 {
			float: left;
			width: 265px;
			}
		#pgCol-abgen-a div.pgRow div.pgRowCol2 {
			float: right;
			width: 250px;
			}
		
		#pgCol-abgen-a div.pgRow div.pgRowColWide1 {
			float: left;
			width: 350px;
			}
		#pgCol-abgen-a div.pgRow div.pgRowColNarrow2 {
			float: right;
			width: 160px;
			}
			#pgCol-abgen-a div.pgRow div.pgRowColNarrow2 p { font-size: 10px; }
	
	
/*	-------- Page specific */

	/* Home page */
	
	div.fp-cola {
		float: left;
		width: 640px;
		height: 230px;
		}
		div.fp-cola img { height: 190px; }
		div.fp-cola p {
			margin: 0;
			padding: 0 35px;
			height: 40px;
			line-height: 40px;
			font-size: 12px;
			color: #8a8a8a;
			}
	
	div.fp-colb {
		float: right;
		width: 240px;
		height: 230px;
		}
		.fp-infopanel {
			width: 240px;
			height: 190px;
			background-color: #0d0d0d;
			}
			.fp-infopanel h2 {
	margin: 0 0 15px 0;
	padding: 15px 20px;
	color: #CCC;
	background-color: #161616;
				}
				.fp-infopanel h2 span {
	font-family: "Lucida Grande", Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #09F;
					}
				.fp-infopanel p {
					margin: 0 20px 12px 20px;
					font-size: 10px;
					color: #a0a09c;
					}
		.fp-infolower {
			border-left: 1px dotted #2d2d2c;
			border-top: 1px solid #262626;
			}
			.fp-infolower p {
				margin: 0;
				padding: 0 20px;
				height: 40px;
				line-height: 40px;
				font-size: 11px;
				}
				.fp-infolower p a { color: #d4d3cd; text-decoration: none; }
				.fp-infolower p a:hover { color: #fff; }
					
	
	.feedSubscribe {
		font-size: 10px;
		color: #8b877b;
		text-transform: uppercase;
		line-height: 16px;
		text-indent: 20px;
		background: url(../images/icons/feed.png) left no-repeat;
		}
	
	div#newsFeeder {
	padding: 0 15px 0 0;
	height: 260px;
	overflow: auto;
		}
		div#newsFeeder p { font-size: 10px; }
		div#newsFeeder p strong {
	color: #000;
}
		div#newsFeeder p em { font-size: 9px; color: #8e8d88; }
		div#newsFeeder p.newsTitle { margin-bottom: 4px; }
			
	
	/* Project list */
	
	ul.pg-projectList {
		margin: 0 0 15px 0;
		padding: 0;
		list-style-image: none;
		list-style: none;
		}
		ul.pg-projectList li {
			float: left; 
			margin: 0 10px 10px 0;
			padding: 0;
			width: 280px;
			list-style-type: none;
			}
			ul.pg-projectList li h4 {
				margin: 0 0 7px 0;
				font-family: "Lucida Grande", Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
				line-height: 1.2em;
				}
				ul.pg-projectList li h4 img {
					float: left;
					margin-right: 10px;
					border: 2px solid #666;
					}
				ul.pg-projectList li h4 a {
					text-decoration: none;
					}
			ul.pg-projectList li p {
				margin: 0 0 2px 0;
				}
	
	/* Project details */
	
	ul.imgThumbs78 {
		margin: 0 0 15px 0;
		padding: 0;
		list-style-image: none;
		list-style: none;
		}
		ul.imgThumbs78 li {
			float: left;
			margin: 0 15px 15px 0;
			padding: 0;
			list-style-type: none;
			}
			ul.imgThumbs78 li a img { border: 2px solid #666; }
	
	.pgCol-padding-projectside p.projectImage { margin: 0; }
	.pgCol-padding-projectside p.projectImage img { border-bottom: 5px solid #aaa9a4; }
		
	.pgCol-padding-projectside ul {
		margin: 0;
		padding: 0;
		width: 400px;
		height: 30px;
		list-style-image: none;
		list-style: none;
		background-color: #313131;
		}
		.pgCol-padding-projectside ul li {
			float: left;
			margin: 0;
			padding: 0;
			list-style-type: none;
			border-right: 1px solid #282828;
			font-size: 12px;
			}
			.pgCol-padding-projectside ul li a {
				display: block;
				padding: 0 9px;
				line-height: 30px;
				color: #d4d3cd;
				text-decoration: none;
				background: none;
				}
				.pgCol-padding-projectside ul li a:hover {
					color: #fff;
					background-color: #222;
					}
				.pgCol-padding-projectside ul li a.activeItem { background-color: #151514; }
				
	.pgCol-padding-projectside div.projSideContentArea {
		padding: 15px 20px 20px 20px;
		}
		
		.pgCol-padding-projectside div.projSideContentArea table {
			margin: 0;
			padding: 0;
			border-collapse: collapse;
			}
			.pgCol-padding-projectside div.projSideContentArea table th, .pgCol-padding-projectside div.projSideContentArea table td {
				margin: 0;
				padding: 3px 5px 3px 0;
				text-align: left;
				font-size: 11px;
				font-weight: normal;
				color: #908f8f;
				border-bottom: 1px solid #2b2a2a;
				}
			.pgCol-padding-projectside div.projSideContentArea table td {
				padding-right: 0;
				color: #bdbcbc;
				}
	
	/* Press cuttings */
	
	div.pressCutting {
		margin: 0 0 15px 0;
		}
		div.pressCutting img {
			padding: 8px;
			background-color: #fff;
			border: 1px dashed #666;
			}
		div.pressCutting p {
			margin: 0;
			padding: 5px 0;
			text-indent: 5px;
			font-size: 10px;
			font-style: italic;
			}
	
	/* Contact */
	
	#googleMap {
		margin: 0 0 20px 0;
		width: 548px;
		height: 220px;
		border: 1px solid #393836;
		}
		#googleMap h3 {
	margin-bottom: 3px;
	color: #333;
}
		#googleMap p { margin: 0; }
	
	form.pg-directionsform {
		margin: 0 0 15px 0;
		padding: 0;
		}
		form.pg-directionsform input {
			margin: 0;
			padding: 5px 3px;
			border: none;
			width: 140px;
			background-color: #2c2c2c;
			color: #ccc;
			}
/* jQuery lightBox plugin - Gallery style */
	#gallery {
		/*background-color: #444; */
		padding: 0px;
		width: 350px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 10px solid #333333;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #333333;
	}
	#gallery ul a:hover { color: #fff; }
