/*
brp-architects CSS v5.2.1
Copyright Net Magik - netmagik.net
nm.enquiries@netmagik.net
*/

html{
	height:100%;
	margin:0 0 1px 0;
	padding:0;
	}

body {
	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color:#666;
	height:100%;
	margin: 45px 0 1px 0;
	padding: 0;
	background: url("../Templates/images/bg.jpg") top repeat-x #696969;
}

a:link, a:visited {
	color: #01355a;
	text-decoration:none;
}

a:hover {
	color: #666;
	}

* {
	margin:0;
	/*padding:0; deactivated for menu compatibility*/
}

#wrapper {
	margin:0 auto;
	width:750px;
	_width:760px;
	background:#fff;
	padding:25px 25px 25px 25px;
}

.thumb_image {
	_margin: 5px;
	_padding: 5px;
	margin: 0px 10px 10px 0px;
	padding:0;
	}
	
	
.thumb_image_other {
	_margin: 0;
	_padding: 0;
	margin: 0 10px 15px 0px;
	padding:0;
	}
	
.large_image {
	margin: 0;
	padding:0;
	_padding: 0;
	_margin: 0;
		}
		
.image_left {
	padding: 0;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 7px;
	margin-left: 0px;
	}
	
img {
	padding:0;
	margin:0;
	_padding:0;
	_margin:0;
}
	
#trading_name {
	width:280px;
	line-height:17px;
	font-size: 80%;
}
	
.pdf_links  {
	text-decoration:none;
}

.pdf_links  {
	text-decoration:none;
}

.pdf_links a:active {
	color:#01355a;
	text-decoration:none;
}

.pdf_links a {
	color:#01355a;
	text-decoration:none;
}

.pdf_links a:visited {
	color:#01355a;
	text-decoration:none;
	}
	
#pdf {
	float:left;
	line-height:0px;
	padding:0 0 0 0;
	margin:0;
	margin-left:4px;
	_margin:0 0 0 0;
	_margin-left:4px;
	_padding:0 0 0 10px;
}	
	
#pdf p{
	_padding:5px;
}	

#google {
	float:right;
	line-height:0px;
	padding:0;
	margin:0;
	_margin:0 0 0 0;
	_padding:0 0 0 10px;
}	

#personnel {
	float:left;
	width:290px;
	padding:0;
	margin:0 10px 30px 0;
}	
	
#page_title {
   	text-transform:lowercase;
	font:120% verdana;
	font-weight:100;
	letter-spacing: 2px;
	color:#888;
	margin-bottom:15px;
	margin-top: -3px;
	}
	
#page_title a, p{
	color:#888;
	text-decoration:none;
	}
	
#page_title a:hover {
	color:#000;
	}
	
#page_title a:visited {
	color:#888;
	}	

#header {
	padding: 0 0 56px 0;
	
	height:42px; /*is this reqd*/
	*height:0px;
	}
	
#header_left {
	float:left;
	width:110px;
	margin: 0 25px 25px 0;
}

#header_left img {
	padding-left: 0px;
}

#header p {
	margin: 0;
	padding: 0;
}

#header_right {
    float:right;
}

#header_right p {
	line-height:15px;
	letter-spacing: 1px;
	font-size:10px;	
	margin: 0;
	padding-bottom:3px;
}

#header_right a{
	text-decoration:none;
	color: #888;
}

#header_right a:hover {
	text-decoration:none;
	color: #000;
}

#header_clear {
	clear:both;
}

#breadcrumbs {
	padding: 0px 2px 1px 0px;
	float:left;
}

#breadcrumbs p {
	color:#999;
}

#breadcrumbs a {
	text-decoration:underline;
	color:#999;
}

#breadcrumbs a:hover {
	text-decoration:none;
	color:#999;
}


#footer_clear {
	clear:both;
}

.clear {
	clear:both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}


.nav {
	*margin:42px 0 21px 0;
	font: verdana, geneva, sans-serif;
    float:right;
}

.nav ul {
	background:#FFF;
}

.nav li {
	*background: url(../Templates/images/grey_square.png) no-repeat 0px 0px;
	*padding-left: 10px;
	*background-position: 0px 6px;
	float:left;
	margin: 0 0 0 38px;
	list-style-image: url(../Templates/images/grey_square.png);
}

.nav ul li:hover {
	*background: url(../Templates/images/blue_square.png) no-repeat 0px 0px;
	*padding-left: 10px;
	*background-position: 0px 6px;
	list-style-image: url(../Templates/images/blue_square.png);
}

.nav a {
	color:#666;
	text-decoration:none;
}

.nav a:hover {
	color:#01375b;
	text-decoration: underline;
}

.nav ul li ul {
	display:none;
	position:absolute;
	background-color:#FFF;
	border:thick solid #FFF;
	width: 70px;
}

.nav ul li:hover ul {
	display:block;
	
}

.nav ul li ul li {
	padding:8px 0 0 0;
	float:none;
	position: relative;
	top:0px;
	right:61px;
	white-space:nowrap;
}

#subNav {
	float:left;
	height:340px;
	width:110px;
	background-color:#01375b;
	color:#FFF;
}

#subNav ul {
	margin:0px;
	padding:0px;
	color:#FFF;
}

#subNav li {
	margin:24px 0 0px 8px;
	padding:0;
	font-size:13px;
	list-style:none;
	letter-spacing:-1px;
	color:#FFF;
}

#subNav ul li a {
	color:#FFF;
	
}

#subNav li a:hover {
	font-weight:bold;
	text-decoration: underline;
}

#sidebar_right {
	float:right;
	width:340px;
	height:340px;
	background-color:#747c83;
	margin:0 0 0 22px;
	_margin:0 0 0 0;
	_padding:0;
	padding:0;
}


h1 {
    font-size:120%;
	font-family:verdana;
	text-transform:lowercase;
	font-weight:100;
	letter-spacing: 2px;
	color:#888;
	margin-bottom:10px;
	
	}

h2 {
	font-size:120%;
	letter-spacing: 2px;
	font-weight:bold;
	color:#888;
	border-bottom:1px dotted #ccc ;
	
}

h3 {
	font-size:100%;
	font-family:verdana;
	letter-spacing: 2px;
	font-weight:100;
	color:#222;
	}

h4 {
	font-size:100%;
	font-family:verdana;
	font-weight:bold;
	color:#444;
	}

h5 {
	font-size:100%;
	font-family:verdana;
	font-weight:100;
	color:#444;
	margin:0;
	padding:0 0 0 40px;
	}
	
h7 {
	color:#036;
	font-weight:bold;
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.linktoprojects a {
	font-size:16px;
	letter-spacing:-1px;
	margin:0;
	padding:0;
	text-decoration: underline;
}

.linktoprojects a:hover {
	text-decoration:none;
}


h2,h3,h4{
	margin:23px 0 0 0;
	line-height: 15px;
	_margin-right:25px;
}

.content {
	min-height:350px;
	font-size:100%;
	margin: 0px 0 0 135px;
	padding: 0;
	_margin: 0 0 0 135px;
	_padding: 0;
}

.content ol,blockquote {
	margin:10px 0 0 0;
	line-height:20px;
	_padding-right:25px;
}

.content p {
	margin:0 0 10px 0;
	line-height:20px;
	_padding-right:25px;
}

.content li {
	*margin: 0 0 0 20px;

	padding:10px 0 0 0;
	list-style: url(../Templates/images/grey_square.png);
}

#cred {
	float:left;
	margin: 0 16px 0 0px;
	width:120px;
	*margin:0 35px 0 0px;
	_margin:0 25px 0 0px;
	padding:0;
	/*width:120px;*/
}

#cred p {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #999;
	line-height:15px;
	padding:0px;
	margin:0px;
}

.back {
	position:relative;
	bottom:15px;
	*top: 25px;
	left:25px;
	float:right;
	width:35px;
	height:35px;
	padding:5px 0 0 5px;
	background:url(../images/back-bg.png);
}

.back:hover {
	background:url(../images/back-bg-over.png)
}

#footer {
	margin:0 auto;
	background: url("../Templates/images/footer_bottom.png") top no-repeat;
	_background: #696969;
	width: 775px;
	padding: 10px 0px 10px 25px;
}

#footer p{
	color: #c4c7ca;
	text-decoration:none;
}

#footer a{
	color: #c4c7ca;
	text-decoration:none;
}
	
#footer a:hover{
	color: #fff;
	text-decoration:no-underline;
}

#newsbutton {
text-decoration:blink;
}
	
#othersectors {
	height:340px;
}

#newsfeed {
	width:600px;
	height:25px;
	margin-left:25px;
	padding-left:25px;
}

.flashleft {
	float:left;
	width: 200px;
	height:340px;
}

.flashright {
	float:left;
	width: 200px;
	height:340px;
}

.introtext {
	line-height:none;
	float:left;
	width:184px;
	height: 340px;
	padding: 0 15px 0 15px;
	overflow: visible;
}

.introtext h4 {
	text-align:center;
	margin:0px 0 0px 0;
	line-height:20px;
	font-size:15px;
	letter-spacing:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#introbody p {
	text-align:justify;
	color:#000;
	line-height:17px;
	margin-top:10px;
}

#text-left {
	text-align:left;
}

#text-right {
	text-align:right
}

.portrait {
	position:relative;
	float:left;
	color:#FFF;
}

.portrait p {
	padding: 0 5px 0 5px;
	color:#000;
	line-height:0px;
}

.portrait h3 {
	margin:0;
	padding:0px 5px 10px 5px;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:10px;
}

.portrait a:link div {
	padding: 5px;
	position: absolute;
	visibility:hidden;
	top:59px;
	width:90px;
}

.portrait a:visited div {
	padding: 5px;
	position: absolute;
	visibility: hidden;
	top:59px;
	width:90px;
}

.portrait a:hover div {
	background:url(../images/staff-info-bg.png) repeat;
	padding: 5px;
	position: absolute;
	visibility: visible;
	top:59px;
	width:90px;
}

.staff-column {
	float:left;
	width:202px;
}

.personnel-image {
	padding: 0 15px 5px 0;
	float:left;
}

.personnel-text {
	width:600px;
	padding-bottom:25px;
}

.personnel-text h2 {
	letter-spacing:normal;
	font-weight:bold;
	color:#333;
	font-size:12px;
	margin:0 0 8px 0;
	padding:0;
}

.personnel-text p {
	letter-spacing:normal;
	color:#333;
	font-size:10px;
}

.project-menu-box {
	background:#999;
	height:180px;
}

.project-menu-box h2 {
	color:#FFF;
	margin: 0 0 10px 0;
	padding: 8px 0 0 20px;
}

.project-menu-container {
	float:left;
	width:196px;
	*width:196px;
}

#project-menu-left {
	*padding: 0 0 0 25px;
}

.project-menu ul {
}

.project-menu li {
	display: list-item;
	padding: 0 25px 6px 0;
	width:170px;
	list-style-image:url(../Templates/images/white_square.png);
}

.project-menu li:hover {
	font-weight:bold;
	display: list-item;
	padding: 0 25px 6px 0;
	width:170px;
	list-style-image:url(../Templates/images/blue_square.png);
}

.project-menu-off {
	font-weight:bold;
	color:#01375b;
	list-style-image:url(../Templates/images/white_square.png);
}

.project-menu a {
	color:#FFF;
}

.info-box-project {
	height:160px;
	padding: 0 0 0 0;
	*margin: 0 0 0 25px;
}

.info-box-project h2 {
	padding: 0 0 0 20px;
}

.info-box-project li {
	padding:10px 0 0 0;
	list-style-image: url(../Templates/images/grey_square.png);
}

.info-project-box-rhs {
	float:right;
	width:340px;
}

.image-container {
	*margin: 25px 0 0 0;
	width:750px;
	padding: 0 0 25px 0;
}

#makeMeScrollable {
	width:100%;
	height: 232px;
	position: relative;
}

#makeMeScrollable div.scrollableArea img {
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

#FlashID2 {
	margin:0;
	padding:0;
}

.film-strip {
	min-height: 15px;
}

.santahat {
	position: relative;
	float: left;
	right:9999px;
	bottom: 57px;
	width:0px;
	height:0px;
}

.social-network-icons {
	background:#FFF;
	float:right;
	height:37px;
	width:180px;
	margin:0 0 10px 10px;
}

.social-newtwork-icons-shadow {
	background: url("../Templates/images/footer_icons_bottom.png") top no-repeat;
	_background: #696969;
	height:13px;
}

.social-network-icons img {
	padding:3px 2px 2px 2px;
	float:left;
	height:32px;
	width:32px;
}

.social-network-icons img:hover {
	padding:1px 0 0px 0px;
	float:left;
	height:36px;
	width:36px;
}

.footnote-tags {
	padding: 20px 0 0 0;
}

.footnote-tags p {
	
}