/* CSS Document */
@import url(colour.css);
@import url(typography.css);

/* Normalise margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th { margin : 0; padding :0; }

/* Normalise headers 
h1, h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }*/

/* Remove list styles */
ol, ul {
	list-style-type : none;
	
}
table { border-collapse : collapse; border-spacing : 0; }

/* Normalise font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, a, var { font-style : normal; font-weight : normal; text-decoration: none;}

/* Left aligns  text in caption and th */
caption, th { text-align : left; }

/* Removes borders from imag and fieldsets */
fieldset, img { border : 0; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* center body and all content in browser with body  "relative" for further relational div positioning */

body {
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
	}

div#container {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}


/* branding */
div#branding {
float:left;
height : 120px;
background-image:url(images/main_brand_bckgrnd.jpg);
background-repeat:no-repeat;
width: 770px;
}

/* main navigation*/
div#nav_main{
	float:left;
	width:760px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	line-height:25px;
	vertical-align: middle;	
}

div#nav_main a:hover { 
display: block;
background:#CC3300;
line-height:25px;	
}
 
ul#nav_site {
width: 100%;
vertical-align:middle;
}
 
ul#nav_site li { 
display: block;
float:left;
height:25px;	
background: #005500;
border: 0px solid #005500;
}
 
li#nav_home{ display: block; width:82px;} 
li#nav_property{ display: block;width:102px;}
li#nav_projects{display: block; width:102px;}
li#nav_consultancy{ display: block;width:137px;}
li#nav_support{ display: block;width:142px;}
li#nav_news{display: block; width:87px;}
li#nav_contact{display: block; width:87px;}
li#nav_logout{display: block; width:760px;}



/* Expand Columns to bottom
div#column_leftf, div#column_rightf
{
padding-bottom: 20010px;
margin-bottom: -20000px;
}*/

div#content
{
overflow: hidden;
background: #FFFFFF;
}

/* info bar footer */
div#info 
{ 
position:relative;
width : 770px;
clear:both;
} 

/* content div for sub column positioning */
div#content {

float:left;
clear : both;
width: 100%;
padding-top:10px;
}

div#column_leftf{
float : left ;
width : 460px;
margin-left:10px;
}

div#column_rightf{
float : right ;
width : 280px;
margin-right:10px;
}

div#content_headlinef{
float:left;
width: 440px;
margin-right:10px;
padding-bottom:10px;
text-align:left;
}

div#content_headlineimage{
float:right;
width: 280px;
padding-bottom:10px;
}

/* Position sub columns */

div#content_centremenu{
float : left;
width : 160px;
margin-bottom:0px;
text-align:left;
}

div#content_main{
float : right;
width : 270px;
margin-left:10px;
margin-right:10px;
text-align:left;
}

div#content_imagebar{
	float : left;
	width : 160px;
	margin-bottom:10px;
	text-align:left;
 }


div#content_news{
float : right;
width : 240px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
margin-bottom: 10px;
margin-top: 10px;
}

div#content_mainnews{
float : left;
width :670px;
padding-left:50px;
padding-right:50px;
margin-bottom: 10px;
}

div#content_maps{
float : right;
width : 250px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
margin-bottom: 10px;
margin-top: 10px;
}

div#content_mapgeneral{
float : right;
width : 260px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
margin-bottom: 10px;
}

div#content_pricing{
float : right;
width : 280px;
margin-bottom: 10px;
}

div#content_form{
float:right;
width : 260px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
margin-top:10px;
}

div#content_formp{
float:right;
width : 240px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
margin-top:10px;
}


ul#nav_centres li {
	display: block;
	line-height:25px;
	width:160px;
	background: #6b9785;
	padding-top:0px;
	border-bottom: 5px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
}

ul#nav_centres a:hover{
display: block;
background:#CC3300;
line-height:25px;
width:160px;
}

div#content_centremenu img {
padding-top:0px;
border-top: 0px solid #FFFFFF;
}


ul#images li {padding-bottom:20px;}

/* Position bottom keyword bar */
div#keywords{
float:left;
clear:both;
width : 100%;
background-color:#FFFFFF
}

/* Position bottom info bar */
div#info{
float:left;
clear:both;
width : 100%;
}


ul#utility_login li {
	display: block;
	line-height:25px;
	width:280px;
	background: #6b9785;
	padding-top:0px;
	border-bottom: 5px solid #ffffff;
	border-top: 0px solid #CCCCCC;
	
}

ul#utility_login li a:hover{
	display: block;
	background:#CC3300;
	line-height:25px;
	width:280px;
}