@charset "utf-8";
/* CSS Document */
/*COMMON STYLES*/
html { overflow-x:hidden; height:100%; }
body {
	background:#7F8184;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	height:100%;
}
body#landing { background:#ffffff; }
a, html { color:#676767; }

/* * { margin:0; padding:0; } - This crunches too much browser time */
/* Added by Blaze */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

span#corner { background:transparent url(../images/corner.jpg) no-repeat scroll 0 0;
height:150px;
left:-6px;
position:absolute;
top:16px;
width:45px;
}

h1, h3.first { margin:0 0 10px; }
h1 { color:#000; font-size:22px; }
h3 { color:#0076B4; font-size:16px; margin:20px 0 10px; }
h3 a, h4 { font-size:14px; }
h4 { color:#0076B4; margin:0px 0 5px; }
p { margin: 0 0 10px 0; }
.clear { clear:both; }
.hidden { overflow:hidden; text-indent:-100em; }
/************************COLUMNS**************************/
.left, .col_45, .col_50, .col_55 { float:left; }
.right, .col_30 { float:right; }
.main_content .col_45 h3 { width:214px; }
.col_45 { width:226px; }
.col_30 { text-align:right; width:190px; }
.col_50 { width:245px; }
.col_55 { width:253px; }
/************************END COLUMNS**************************/
.margin_left { padding:0 10px 0 0; }
.inner {
	margin: 0 auto;
	width:800px;
	height:100%;
	position:relative;
	left:0;
	top:0;
}
/* END COMMON STYLES*/
/*LAYOUT*/
#main_content { float:left;	 border-left: 4px solid #C41230; height:100%; padding:0 0 40px;}
a { outline:none; }
#container {
	background:#ffffff;
	width:776px;
	padding:0 0 40px;
	height:100%;
	border-left: 4px solid #C41230;
	margin:17px 0 0;
}
#header {
	background:#ffffff;
	padding:5px 0 0 30px;
	height:115px;
	position:relative;
	top:17px;
	left:30px;	
	width:720px;
	border-top: 4px solid #C41230;
}
h1.margin_top, h3.margin_top { margin:270px 0 10px 0; }
/*NAVS*/
#nav_col {
	width:200px;
	height:378px;
	background:url(../images/nav_bar_rpt.gif) repeat-y right top;
	margin:0 15px 60px 0;
	position:relative;
	top:0;
	left:0;
}
ul.outer_nav {
	position:absolute;
	left:-110px;
	list-style:none;
	width:130px;
	font-size:11px;
	bottom:8px;
}
ul.outer_nav li a {
	background:transparent url(../images/arrow.gif) no-repeat scroll 83px 4px;
	color:#FFFFFF;
	display:block;
	line-height:29px;
	text-decoration:none;
	text-align:right;
	padding:0 30px 0 0;
	margin:0 0 0 15px;
}
.subprojects a { color:#666666 !important;}
.subprojects a:hover { color:#000000 !important;}
.active_on {
	color: #000000 !important;
	background-color: #CCC;
	width: 116px !important;
	float: right !important;
	margin: 0 16px 0 0;	
	}
ul.outer_nav li a:hover, #privacy_clause li.privacy_clause a, #savings_clause li.savings_clause a { background:transparent url(../images/white_arrow.gif) no-repeat scroll 83px 4px; }
ul.outer_nav li, ul.main_nav a, #nav_col { float:left; }
ul.main_nav {
	font-weight:bold;
	left:22px;/*dont touch*/
	list-style:none;
	position:absolute;
	text-align:right;
	top:0;
}
ul.main_sub_nav{ margin:0 10px 0 0;}
ul.main_nav a {
	color:#C5C5C5;
	font-size:12px;
	padding-right:12px;
	text-decoration:none;
	width:153px;/*ok*/
	height:23px;
}
.other_projects a { height:auto !important; line-height:16px; padding:8px 0;}
ul.main_nav li.home a, ul.main_nav li.current_projects a, ul.main_nav li.active a, #home ul.main_nav li.current_projects a {
	padding:2px 15px 0 0;
	background:url(../images/nav_pointer.gif) no-repeat 162px center;
}
ul.main_nav li a.selected { background:url(../images/purple_tab.gif) no-repeat 34px 0; }
#current_projects ul.main_nav li a.selected { background:url(../images/purple_tab_selected.gif) no-repeat 34px 0; }
ul.main_nav li a:hover.selected, ul.main_nav li a.selected { color:#FFFFFF; }
ul.main_nav li a.selected_sub:hover, ul.main_sub_nav li.local_area a { color:#0076B4; }
ul.main_nav li ul.main_sub_nav li { height:25px; margin:0 6px 0 0; }
ul.main_nav ul.main_sub_nav li a { width:116px; font-size:11px; height:20px; }/*ok*/
ul.main_nav ul.main_sub_nav a, ul.main_nav ul.main_sub_nav a:hover { color:#9bbfcc; }
ul.main_nav ul.main_sub_nav a { background:url(../images/aqua_tab.gif) no-repeat 120px 5px; }
span.main_sub_bottom, ul.main_sub_nav li { float:right; }
span.main_sub_bottom { background:transparent url(../images/sub_nav_bottom.gif) no-repeat scroll 0 0; height:10px; width:134px; }
ul.main_sub_nav li {
	background:#E3E3E3 none repeat scroll 0 0;
	font-size:11px;
	list-style:none;
	width:128px;
}
ul.main_nav ul.main_sub_nav a:hover, #project_outline ul.main_nav ul.main_sub_nav li.project_outline a, #access ul.main_nav ul.main_sub_nav li.access a, #development_team ul.main_nav ul.main_sub_nav li.development_team a, #local_area ul.main_nav ul.main_sub_nav li.local_area a { background:transparent url(../images/white_tab.gif) no-repeat 121px 6px; color:#0077B6;}
ul.main_nav a:hover, #home ul.main_nav li.home a, #enquiry_form ul.main_nav li.enquiry_form a, #news ul.main_nav li.news a, #contact_us ul.main_nav li.contact_us a { color:#000; }
.enquiry_form p { margin:0 0 10px 0;}
ul.main_nav li.pointer { background:url(../images/nav_pointer.gif) repeat-y; }
ul#footer.main_nav { height:140px; margin:250px 0 0; }
/* END OF NAVS*/
/*END LAYOUT*/
a.logo {
	background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
	display:block;
	height:42px;
	margin:30px 0 20px;
	width:152px;
}
#marquee_box, #marquee_box span, marquee, #marquee_box span { position:absolute; }
#marquee_box, #marquee { width:524px; }
#marquee_box {
	background:transparent url(../images/marquee.gif) no-repeat scroll 0 -1px;
	height:45px;
	left:170px;
	position:absolute;
	top:10px;
	z-index:1;
}
#marquee_box span, marquee { top:0; }
#marquee_box span {
	background:transparent url(../images/ticker_end.gif) no-repeat scroll left top;
	height:45px;
	left:500px;
	top:-4px;
	width:42px;
	z-index:0;
}
marquee {
	background:#D2D1D1 none repeat scroll 0 0;
	color:#000000;
	height:26px;
	left:44px;
	padding:6px 0 0;
	top:0;
}
/*MAIN CONTENT*/
.main_content {
	width:490px;
	position:relative;
	left:0;
	top:0;
}
.scroll.margin_top, #privacy_clause .main_content, .main_content  { margin:0 0 30px 0; }
.main_content.scroll, #privacy_clause .main_content, .scroll, #enquiry_iframe { height:220px; margin:0 0 30px; overflow-y:scroll; }
.main_content .scroll { padding: 0 10px 0 0;}
#privacy_clause .main_content { height:375px; width:460px; }
#enquiry_iframe, #privacy_clause .main_content { padding:0 30px 0 0; }
.main_content .blue_panel h3, .main_content .blue_panel p { width:114px; }
/*END MAIN CONTENT*/
/*IMAGE PANELS*/
.panel_image, .small_panel_image, .main_content { float:left; }
.panel_image, .small_panel_image { width:486px; height:252px; margin: 0 0 15px 0; }
.small_panel_image { width:348px; }
#home_1_image { background:url(../images/current_1.jpg) no-repeat; }
#contact_us_image { background:url(../images/contact_us.jpg) no-repeat; }
#development_area_image { background:url(../images/development_area.jpg) no-repeat -1px 0; }
#erskine_park_image { background:url(../images/project_outline_map.jpg) no-repeat; }
#hampton_cresent_image { width: 348px; height: 250px;background:url(../images/hampton_cresent.jpg) no-repeat; }
#enquiry_image { background:url(../images/enquiry.jpg) no-repeat; }
#contact_us_image { background:url(../images/contact_us.jpg) no-repeat; }
#access #feature_1 { background:url(../images/access_1.jpg) no-repeat; }
#access #feature_2 { background:url(../images/access_2.jpg) no-repeat; }
#current_projects #feature_1 { background:url(../images/current_1.jpg) no-repeat; }
#current_projects #feature_2 { background:url(../images/current_2.jpg) no-repeat; }
#current_projects #feature_3 { background:url(../images/current_3.jpg) no-repeat; }
#access #feature_3 { background:url(../images/access_3.jpg) no-repeat; }
#access #feature_4 { background:url(../images/access_4.jpg) no-repeat; }
#project_outline #feature_1 { background:url(../images/project_outline.jpg) no-repeat; }
#project_outline #feature_map { background:url(../images/project_outline_map.jpg) no-repeat; }
#project_outline #feature_2 { background:url(../images/project_outline_2.jpg) no-repeat; }
#project_outline #feature_3 { background:url(../images/project_outline_3.jpg) no-repeat; }
#project_outline #feature_4 { background:url(../images/project_outline_4.jpg) no-repeat; }
#project_outline #feature_5 { background:url(../images/project_outline_5.jpg) no-repeat; }
#project_outline #feature_6 { background:url(../images/project_outline_6.jpg) no-repeat; }
#project_outline #feature_7 { background:url(../images/project_outline_7.jpg) no-repeat; }
#home #feature_1 { background:url(../images/home_feature_1.jpg) no-repeat;}
#home #feature_2 { background:url(../images/home_feature_2.jpg) no-repeat; }
#home #feature_3 { background:url(../images/home_feature_3.jpg) no-repeat; }
#project_outline #feature_4 { background:url(../images/project_outline_3.jpg) no-repeat; }
#feature_1 { background:url(../images/feature_1.jpg) no-repeat; }
#feature_2 { background:url(../images/feature_2.jpg) no-repeat; }
#feature_3 { background:url(../images/feature_3.jpg) no-repeat; }
#feature_4 { background:url(../images/feature_4.jpg) no-repeat; }
#feature_5 { background:url(../images/feature_5.jpg) no-repeat; }
#feature_6 { background:url(../images/access_1.jpg) no-repeat; }
#feature_7 { background:url(../images/access_2.jpg) no-repeat; }
#feature_8 { background:url(../images/access_3.jpg) no-repeat; }

.blue_panel { background:transparent url(../images/blue_panel.gif) no-repeat scroll 0 0; height:252px; width:134px; float:right; margin:0 0 20px 0; }
.blue_panel h3, .blue_panel { font-size:12px; }
.blue_panel h3 { color:#90AED8; line-height:18px; margin:0 0 0 12px; }
.blue_panel h1, .blue_panel p { color:#ffffff; }
.blue_panel h1 { font-size:15px; margin:12px 0 10px 12px; }
.blue_panel p { margin:5px 0 10px 12px; }
ul.square { margin:0 0 15px; }
/*END IMAGE PANELS*/
ul.square, ul.square li { float:left; }
ul.square li {
	background:transparent url(../images/square_bullet.gif) no-repeat scroll 0 5px;
	line-height:20px;
	padding:0 0 0 15px;
	list-style:none;
	width:189px;
	margin:0 16px 0 0;
}
/*FORM INFO*/
.main_nav .enquiry_form, .main_nav .contact_us, .main_nav .news { position:absolute; bottom:50px; left:0; }
.main_nav .contact_us { bottom:20px; }
.main_nav .news {bottom: 80px;}
.enquiry_form input, .enquiry_form select, .enquiry_form textarea {
	color:#585858;
	margin-right:5px;
	padding:5px;
	border:1px solid #E9E9E9;
}
.enquiry_form span {
	margin:0 8px 0 0;
	padding:5px 0 0;
	text-align:right;
	width:63px;
}
.enquiry_form label { margin:0 0 10px; }
.enquiry_form, .enquiry_form span, .enquiry_form label { float:left; }
.enquiry_form span { font-weight:bold; }
.enquiry_form input, .enquiry_form textarea { width:144px;}
.enquiry_form select { width:158px; }
.enquiry_form .submit { margin:0 0 0 200px; }
.enquiry_form .radio { width:20px; margin:5px 0 0 0; border:none; }
/*END FORM INFO*/
/*feature*/
.feature {
	height:251px;
	left:-1px;
	margin:0 0 10px;
	position:absolute;
	top:0px;
	width:349px;
}
#current_projects .feature, #home .feature { width:489px; }
/*end feature*/
/*flash info*/
#flash { height:150px; margin:120px auto 0; width:470px; }
/*end flash info*/

#vertical_container {
	right:0px;
	position:absolute;
	top:48px;
	width:168px;
}
.col_30 span { font-weight:normal; width:59px; margin:0 5px 0 0; }
#iframe {
	padding:0; 
	height:220px; 
	width:490px; 
	float:left;
	overflow-y:scroll;
	overflow-x:hidden;
	margin:0;
}
*html #marquee_box, *html #marquee { width:495px; }
*html ul.main_nav li ul.main_sub_nav li { margin:0 3px 0 0; }
*html #iframe {	*margin:0 10px 0 0; }

/* Added by Blaze 6-June-09 */
.newsletters {
	margin:0;
}
.newsletters li a {
	display:inline-block;
	display:block;
	color:#333333;
	text-decoration:none;
}
.newsletters li:hover a {
	cursor: pointer;
	color: #0076B4;
}
.newsletters li cite, .newsletters li span {
	font-style: normal;
	font-size:12px;
}
.newsletters li span {
	color: #9D9D9D;
	background: url(../images/pdf_icon2_xtrasmall.gif) no-repeat bottom right;
	padding-right: 18px;
}
.newsletters li span a {
	display: inline;
	color:#999999;
}
.newsletters li:hover span a {
	cursor: pointer;
	color:#999999;
}
.newsletters li span a:hover {
	cursor: pointer;
	color: #999999;
	text-decoration:underline;
}
.newsletters li:first-child {
	border-top: 1px #CCCCCC dashed;
}
.newsletters li {
	margin:0;
	padding: 8px 0;
	list-style:none;
	border-bottom: 1px #CCCCCC dashed;
}
.newsletters li:hover {
	background-color: #FCFCFC;
	cursor: pointer;
}