body {
	margin: 0; padding: 0;
	font-family: Arial; }

#container {	 height: 627px; margin: auto; padding: 0; width: 950px; }

/* Generic Headings*/
#header h1, #nav h2, #subscribe  h2 {
	margin: 0; padding: 2px 0 2px 4px;  width: 135px;
	background: black; color: white;
	font-size: 11px; font-weight: normal; }

/* Header */

#header { height: 90px; margin: 10px 0 30px 0; padding: 0;
	border-bottom: #cccccc 1px solid; }

#header h1 { margin: 8px 0 0 5px; }

#logo { float: left; padding: 5px 0 0 5px; }
#logo img { border: none; }

#address { float: right;	 width: 135px; }
#address p {
	padding: 0 0 0 9px;
	font-size: 11px; line-height: 12px; }

/* Navigation */
#nav {float: left; width: 128px; }
#nav ul {	
	margin: 0; padding: 0;	width: 139px;
	font-size: 11px; list-style: none; }
#nav li { margin: 3px 0 3px 0; padding: 2px 0 0px 4px; }
#nav ul li ul {
	margin: 2px 0 0 -4px; padding: 5px 0 0 0;	
	background: #fff; border-bottom: 1px solid #D5D6D7; }
#nav ul li ul li { margin: 2px 0 2px 0; padding: 0 0 0 4px; }
#nav ul li ul a {
	margin: 0; padding: 0;
	color: #7E8082;
	font-size: 10px; }
#nav li a {
	color: black; text-decoration: none; }
#nav li a:hover {
	color: #D21242;
	text-decoration: none; }

#sectionSelected { background: #D5D6D7; }
#selected { background: #D5D6D7; }
.notSelected { background: white; }

/* 
	Content page layouts 
*/

#content { float: left; height: 295px; margin: 0 0 0 25px; padding: 150px 0 0 10px; position: relative; width: 650px;
	background: no-repeat url(images/background/home_background.png); }

#content h1 {	
	margin: 0px 0 5px 0; padding: 2px 5px; width: 470px;
	background: #D21242; color: white;
	font-size: 11px; font-weight: normal; }
	
#content h3 {
	margin: 0;
	color: #D21242;
	font-size: 11px; font-weight: bold; line-height: 13px; }
#content p {
	margin: 2px 0 10px; padding: 0;
	font-size: 11px; line-height: 13px; }

#text_container ul, #text_container li {
	margin: 5px 0 0 15px; padding: 0 0 0 0px;
	list-style: square;
	font-size: 11px; }

#press_release_list ul, #press_release_list li {
	margin: 0; padding: 0;
	list-style: none;
	font-size: 11px; }

#text_container ul a, #press_release_list a {
	color: #D21242; text-decoration: none;
	font-weight: bold; }
#text_container a { color: #000; }

#content dl {
	margin: 0 0 10px 0; padding: 0;
	font-size: 11px; }
#content dt {
	float: left; margin: 2px 0; }
#content dd { margin: 2px 0 2px 160px; }
#content dd input { border: #D5D6D7 1px solid; }

.loginBtn, .forgotDetails  {
	padding-top: 20px;	
	font-size: 10px; }

.loginBtn input, .registerBtn input { font-size: 10px; }

	/* inner_nav */
	#inner_nav {
		color: white;
		margin: 0px 0 5px 0; padding: 0px;		
		font-size: 9px; font-weight: normal; }
	#inner_nav ul { margin: -1px 0 0 3px; padding: 0; }
	.body_pressrelease  #inner_nav ul { margin-left: -97px; }
	.body_consultations #inner_nav ul , .body_consultation  #inner_nav ul { margin-left: -147px; }
	#inner_nav li {
		display: inline;	margin: 0 0 0 -3px; padding: 0px 13px 1px 5px;
		background: #E2E3E4 url(images/tab.gif) no-repeat right; list-style: none; }
	#inner_nav a {
		color: black;
		font-weight: bold; text-decoration: none; }
	
	#inner_nav .endTab { background:  url(images/tab-end.gif) no-repeat right; }
	
	#inner_nav .endTab a {
		background: #E2E3E4;
		margin: 0 -3px 0 -5px; padding: 0px 5px 1px 5px; }
	
	.layout_cs #inner_nav { margin-left: 153px; }
	.layout_pressrelease #inner_nav { margin-left: 100px; }
	.layout_consultations #inner_nav { margin-left: 150px; }
	.layout_pressrelease #text_container img { margin-right: 10px; }
	
/* Page layout */

#wrapper {	
	margin: 0; padding: 0; width: 475px;
	background: white; border-bottom: 2px solid white; border-left: 5px solid white; }

#text_container { height: 128px; margin: 0; padding: 0 15px 3px 0; }

/*  Custom text container */
.body_who #text_container { height: 155px; }

.body_planning  #content, .body_urbandesign #content, .body_environmentalassessments #content,
.body_communityinvolvement #content, .body_knowhow #content, .body_consultations #content, .body_consultation #content, .body_pressrelease #content, .body_propertysectors #content { height: 445px; padding-top: 0px; }

.body_planning  #text_container, .body_urbandesign #text_container, .body_environmentalassessments #text_container,
.body_communityinvolvement #text_container, .body_consultation #text_container, .body_pressrelease #text_container, .body_propertysectors #text_container { height: 385px; }

.body_consultations #text_container { height: 285px; }

#sub_section_nav {		
		 height: 9px; padding: 1px 10px 5px 5px; width: 465px;
		background: white; }			
.layout_home #content #sub_section_nav a { color: black; }



/* Consultations */
.body_consultations .consultation { height: 90px; }
.body_consultations .consultation img { float: left; margin: 0 0 25px 0; }
.body_consultations .consultation h2 {
	margin: 0; padding: 0;
	color: #D21242;
	font-size: 11px; font-weight: bold; }

/* Consultation */
.body_consultation #content h1 { width: 580px; }
.body_consultation  #wrapper  { width: 585px; }
.body_consultation #text_container h3 { 
	margin: 0; padding: 0; 
	color: #000;
	line-height: 11px; }

.body_consultation #text_container ul { margin: -25px 0 0 0; padding: 0; }
.body_consultation #text_container li { list-style: none; margin: 0; padding: 0; }
.body_consultation #text_container img { float: left; margin: 0 5px 0px 0 }
.body_consultation #sub_section_nav { width: 575px; }

/* KnowHow */	
	#latest_knowhow {
		height: 200px; margin: 0 0 6px; padding: 6px; width: 470px;
		background: #fff; }

	#latest_knowhow img { float: right; border: none; }

	#latest_knowhow h2 {
		margin: 0; padding: 0;
		font-family: Georgia, serif; font-weight: normal; }
		
	#latest_knowhow a { color: #000; }
	
	.body_knowhow #content ul { margin: 6px 0 0 0; padding: 0; }
	
	.body_knowhow #content li {
		display: block; float: none; margin: 0px 10px 5px 0; padding: 0; width: 400px;
		list-style: none; }

	.body_knowhow #text_container { height: 135px; }
	
/* Blog page */

.layout_blog #content { background: none; }
.layout_blog #content h1 { float: left; width: 440px; }
.layout_blog #wrapper { float: left; width: 445px;  }

.layout_blog #text_container h3.article-date { font-weight: normal; margin-top: 10px; }
.layout_blog #text_container h2.article-title {
	margin: 0 0 10px;
	font-size: 14px; }

.layout_blog #sub_section_nav { display: none;}
#blog_nav { 
	clear: left; float: left; margin-top: 10px; width: 400px;
	font-size: 11px; }
#blog_nav ul, #blog_nav li {
	display: inline; margin: 0 0 0 5px; padding: 0; }
#blog_nav li a { color: #B3B3B3; text-decoration: none; }

#blog_nav .prev, #blog_nav .next {
	display: block; height: 15px; float: left; margin: 0 0 0 5px; overflow: hidden; width: 19px;
	background: #E6E6E6;
	text-indent: -5000px; }

#blog_nav .prev { background: url(images/blog_nav_arrows.gif); }

#blog_nav .next { background: url(images/blog_nav_arrows.gif) -22px 0; }

#blog_side { 
	position: relative; margin: 0 25px 0 475px;
	font-size: 11px; }

#blog_side h3, #blog_side label { 
	display: block; margin: 0 0 5px; padding: 2px 5px;
	background: #D5D6D7; color: #000;
	font-size: 11px; font-weight: normal; }

#blog_side ul, #blog_side li { 
	margin: 0; padding: 0;
	list-style: none; }
#blog_side ul { margin-bottom: 30px; }
#blog_side li {
	margin: 5px 0;
	color: #D21242; }
#blog_side li a { color: #000; }

form { height: 50px; position: relative; }

#form-keywords { 
	display: block; position: absolute; margin: 0; padding: 2px; width: 115px;
	border: 1px #D5D6D7 solid; color: #666;  outline: none; }
#form-keywords:focus { border-color: #000; }

#form-submit-btn { 
	display: block; left: 128px; margin: 0; position: absolute; overflow: hidden; width: 20px;
	background: url(images/blog_submit_arrow.gif) no-repeat 1px 1px #E6E6E6; border: none; text-indent: -5000px; }

#form-submit-btn:hover { cursor: pointer; }
/* Subscribe Box */
#container #subscribe { float: left; margin: -150px 0 10px 0; width: 139px; }
#subscribe-consultations { background: #F48F9D; margin-bottom: 5px; }
#subscribe-consultations h2 { background: #D21242; }
#subscribe-consultations p { 
	margin: 5px 0 0 5px; padding-bottom: 15px;
	font-family: Georgia, serif; font-size: 15px; text-transform: uppercase; }
#subscribe-consultations p a { color: #000; text-decoration: none; }
#subscribe-knowhow { background: #F2F2F2; }
#subscribe-knowhow h3 {
	margin: 5px 0 15px 5px; padding: 0;
	font-family: Georgia, serif; font-weight: normal; }
#subscribe-knowhow p { 
	margin: 0 0 0 5px; padding: 0 0 5px 0;
	font-size: 11px; }
#subscribe-knowhow p a { color: #D21242; text-decoration: none; }

/* News feed */

.news-feed {
	float: right; height: 440px; margin: -445px 0 0 0; width: 135px;
	font-size: 11px; }
.news-feed h3 {
	margin: 0; padding: 2px 5px;
	background: #D5D6D7; color: #000;
	font-size: 11px; font-weight: normal; }
.news-feed dl, .news-feed dt, .news-feed dd { margin: 0; padding: 0; font-size: 11px; }
.news-feed dt { 
	margin-top: 10px;
	color: #D21242; font-weight: bold; }
.news-feed dd a { color: #000; }
.news-feed span { display: block; margin-top: 10px; }
.news-feed span a {
	 color: #666;
	 font-size: 9px; text-decoration: none; }


/* Employment Opportunities */
.employment_opportunities {
	float: right; height: 80px; margin: -82px 0 0 0; width: 135px;		
	background: #F48F9D; }

.employment_opportunities h3 {
	margin: 0; padding: 2px 5px;
	background: #D21242; color: #fff;
	font-size: 11px; font-weight: normal;  }


.employment_opportunities p {
	margin: 5px 0 0 5px; padding-bottom: 15px;
	font-family: Georgia, serif; font-size: 15px; text-transform: uppercase; }
	
.employment_opportunities p a { color: #000; text-decoration: none; }


/* Footer */
#footer {
	clear: both; display: block; margin: 10px 0 0 0; width: 950px;
	border-top: #cccccc 1px solid;
	font-size: 9px; }

#footer a { color: black; text-decoration: none; }

#footer .copyright {
	float: left; width: 400px;
	color: #AAACAC; }

#footer .copyright a { padding-left: 33px; }

#footer .madeBy { text-align: right; }

/* Feedback form */
.body_feedback #content { height: 430px; padding: 15px 0 0 15px; width: 608px; }

.body_feedback dt { width: 120px; }
.body_feedback dd { margin: 0 0 0 300px; }

.body_feedback .inputText, .body_feedback textarea {
	width: 200px;
	font-family: Arial; font-size: 11px; }

.feedback { height: 100px; }
/* Backgrounds*/
.body_welcome #content { background: no-repeat url(images/background/home_background.jpg); }
.body_profile #content { background: no-repeat url(images/background/profile_background.jpg); }
.body_when #content { background: no-repeat url(images/background/when_background.jpg); }
.body_why #content { background: no-repeat url(images/background/why_background.jpg); }
.body_what #content { background: no-repeat url(images/background/what_background.jpg); }
.body_who #content { background: no-repeat url(images/background/who_background.jpg); }
.body_where #content { background: no-repeat url(images/background/where_background.jpg); }
.body_ourservices #content { background: no-repeat url(images/background/ourservices_background.jpg); }
.body_planning #content { background: no-repeat url(images/background/planning_backgrounds.jpg); }
.body_urbandesign #content { background: no-repeat url(images/background/urbandesign_background.jpg); }
.body_environmentalassessments #content { background: no-repeat url(images/background/environmentalassessments_background.jpg); }
.body_communityinvolvement #content { background: no-repeat url(images/background/communityinvolvement_background.jpg); }
.body_feedback #content { background: no-repeat url(images/background/communityinvolvement_background.jpg); }
.body_propertysectors #content { background: no-repeat url(images/background/property_sectors_background.jpg); }
.body_cs #content {	background: no-repeat url(images/background/property_sectors_background.jpg); }
.body_residential #content { background: no-repeat url(images/background/residential_background.jpg); }
.body_industrialanddistribution #content { background: no-repeat url(images/background/industrialanddistribution_background.jpg); }
.body_retail #content { background: no-repeat url(images/background/retail_background.jpg); }
.body_businessparks #content { background: no-repeat url(images/background/businessparks_background.jpg); }
.body_listedbuilding #content { background: no-repeat url(images/background/listedbuilding_background.jpg); }
.body_infrastructure #content { background: no-repeat url(images/background/infrastructure_background.jpg); }
.body_mixeduse #content {	background: no-repeat url(images/background/mixeduse_background.jpg); }
.body_knowhow #content { background: no-repeat url(images/background/knowhow_background.jpg); }
.layout_pressrelease #content { background: no-repeat url(images/background/pressrelease_background.jpg); }
.layout_contact #content { background: no-repeat url(images/background/pressrelease_background.jpg); }
.layout_sitemap #content { background: no-repeat url(images/background/pressrelease_background.jpg); }
.body_consultations  #content { background: no-repeat url(images/background/pressrelease_background.jpg); }
.body_public #content { background: no-repeat url(images/background/mixeduse_background.jpg); }

.homepageBgReel {
	height: 445px; margin: -150px 0 0 -10px; overflow: hidden; position: absolute; width: 615px; z-index: 1;
}

.homepageBgReel div { display: block; height: 445px; width: 615px;  }
.bg1 {background: no-repeat url(images/background/home_background.jpg); }
.bg2 { background: no-repeat url(images/background/where_background.jpg); }
.bg3 { background: no-repeat url(images/background/ourservices_background.jpg); } 

.body_welcome #content h1 { z-index: 99; position: relative; }
.body_welcome #content #wrapper {  z-index: 99; position: relative; }

.printLink { float: right; margin: -14px 4px -10px 0; padding: 0px 4px 10px 0; }

.printLink a, .EmailPage a {
	color: white;
	font-weight: bold; text-decoration: none; }

/* Scroll Bar */
a.jScrollArrowUp { background: url(images/basic_arrow_up.gif) no-repeat 0 0; }
a.jScrollArrowDown { background: url(images/basic_arrow_down.gif) no-repeat 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
.jScrollPaneTrack { background: #fff; }

/* Close box */

.closeBox { 
	float: right;
	border: none; cursor: pointer; }

/* Safari fixes */
@media screen and (-webkit-min-device-pixel-ratio:0)  
{  
	
	
	

}