body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background-color:#948671;
	padding:20px 0;
}

* 					{ margin:0; padding:0;}
img					{ border:none;} 

img.content-pic		{ float:right; margin:0 0 20px 20px} 

p, .list, table		{ color:#000; line-height:1.3em; font-size:1em;}
p					{ margin-bottom:1em;  }

.txt-small			{ font-size:.8em; }
.txt-medium			{ font-size:1.2em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.list				{ margin:0 0 1em 20px; color:#000 }
.list li 			{ margin-bottom:.3em; }

ul.col-2,
ul.col-2b			{ float:left; margin-right:25px; margin-left:0;  width:165px; list-style-position:inside }
ul.col-2b 			{ width:300px;}

ul.links			{ list-style:none; margin-bottom:15px; margin-left:0}

a,
a:visited			{ color:#1d495f;}
a:hover				{ text-decoration:none}

a.hide				{ position:absolute; left:-999em; }

h1					{ display:block; height:1px; width:1px; }
h1 span				{ text-indent:-999em; display:block; width:210px; height:65px; position:absolute; top:15px; right:25px; cursor:pointer; }
h2					{ font-size:1.5em; font-weight:normal; color:#1d495f; margin-bottom:15px; text-transform:uppercase}
h3					{ font-size:1.2em; color:#1d495f; margin:15px 0 5px}

/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container				{ text-align:left; position:relative; width:760px; margin:0 auto; border:5px solid #FFF; background-color:#FFF;  }
#content				{ margin-top:3px; background:#FFF url('../images/bkgd-rightCol.png') repeat-y top right;}
#col-left				{ margin-right:5px; float:left; width:125px}
#col-right				{ float:left; width:590px; padding:20px}

#content-left,
#content-right			{ float:left; width:40%;}
#content-left			{ margin-right:30px; }

#content-pic			{ float:right; width:250px; margin:0 0 20px 20px;}
#content-pic p			{ padding:5px; background-color:#1d495f; color:#FFF; font-size:.8em; margin-top:-3px; margin-bottom:0 }

#content-pic li			{ list-style:none; float:left; margin:0 5px 5px 0}

/* ---------------------------- */
/* NEWS */
/* ---------------------------- */
ul.news 				{}
ul.news li 				{ list-style:none; margin-bottom:30px;}
ul.news li p			{ margin-bottom:10px}
ul.news li p.title		{ font-weight:bold; font-size:1.1em; margin-bottom:10px}
ul.news li a			{}

/* ---------------------------- */
/* TABLES */
/* ---------------------------- */
table										{ border:none; padding:0; margin-bottom:15px; width:100%}
table td									{ padding:3px 5px; text-align:left;}
table thead td								{ font-weight:bold; font-size:1.2em; background-color:#1d495f;  color:#FFF}
table tr 									{ background-color:#f5f1ea}
table tr.odd								{ background-color:#d7cdba}
table tfoot td								{ font-weight:bold; background-color:#948671; color:#FFF; }

table.labour-markets,
table.rental-growth							{ width:310px; }
table.major-deals							{ /*float:left; width:47%; margin-right:10px*/}


/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
#col-left ul 					{}
#col-left ul li 				{ list-style:none; margin-top:5px; border:1px solid #948671; list-style-position:inherit }
#col-left ul li.first			{ margin-top:0;}
#col-left ul li.active			{ border-color:#000}
#col-left ul li a				{ color:#FFF; background-color:#948671; text-decoration:none; text-transform:uppercase; font-size:.8em; padding:3px 5px; display:block  }
#col-left ul li a:hover,
#col-left ul li.active a		{ background-color:#000}

#col-left ul ul					{ display:none}
#col-left ul li.active ul		{ display:block}
#col-left ul li li				{ border:none; margin-top:2px; border:1px solid #FFF; }
#col-left ul li li.active		{ border-color:#FFF}
#col-left ul li li a			{ background-color:#FFF !important; color:#948671; padding-left:10px}
#col-left ul li li a:hover,
#col-left ul li li.active a		{ background-color:transparent; color:#000; }
#col-left ul li li.active a		{ background:url('../images/btn-arrow.png') no-repeat left center; }

/* Footer-nav */
/* ---------------------------- */
#footer						{ clear:both; background-color:#948671; margin-top:5px; padding:5px 10px; }
#footer ul li				{ list-style:none; float:left; padding-right:10px; border-left:1px solid #e2ded6; padding-left:10px; color:#e2ded6; font-size:.8em; }
#footer ul li.first			{ padding-left:0; border-left:none;}
#footer ul li a				{ text-decoration:none; color:#cc0114; color:#FFF}
#footer ul li a:hover		{ color:#000}


/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
