* 					{ margin:0; padding:0;}
body 				{ font-family:Arial, Helvetica, sans-serif; background:#FFF url('../images/bkgd-top.png') repeat-x 0 0; font-size:78%}
img					{ border:none;} 

p, .list,
form label, td		{ color:#000; line-height:1.4em; font-size:1em;}
p					{ margin-bottom:1.2em; }
p.no-margin-bottom	{ margin-bottom:.3em}

a,
a:visited			{ color:#37a829;}
a:hover				{ text-decoration:none; color:#000;}

.txt-small			{ font-size:.8em; }
.txt-medium			{ font-size:1.1em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}
 
.list				{ margin:0 0 1em 1.5em; }
.list li 			{ padding:.4em 0; line-height:1.4em;}

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

h1					{ width:161px; height:166px; display:block; text-indent:-999em; position:relative; background:url('../images/logo.png') no-repeat 0 0; padding:0; top:0px; float:left; }
h1 span				{ text-indent:-999em; display:block; width:161px; height:166px; position:absolute; cursor:pointer; left:0; bottom:0; }
h2					{ background-repeat:no-repeat; background-position:0 0; text-indent:-999em; font-size:1em; display:block; width:400px; height:16px; margin:0 0 1.5em 0;}
h2.home				{ background-image:url('../images/titles/home.png'); width:700px;}
h2.proposed			{ background-image:url('../images/titles/proposed.png');}
h2.developer		{ background-image:url('../images/titles/developer.png');}
h2.architect		{ background-image:url('../images/titles/architect.png');}
h2.timeline			{ background-image:url('../images/titles/timeline.png');}
h2.aerial-views		{ background-image:url('../images/titles/aerial-views.png');}
h2.news				{ background-image:url('../images/titles/news.png');}
h2.photo-gallery	{ background-image:url('../images/titles/photo-gallery.png'); width:400px; height:42px;}
h2.comments			{ background-image:url('../images/titles/comments.png');}
h3					{ margin:0 0 10px 0; font-size:1.3em;}
h4					{ font-size:1em; font-weight:normal; text-transform:uppercase; margin:0 0 5px 0;}

/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container			{ margin:0 auto; width:875px; text-align:left; position:relative; }
#header				{ height:202px;}
#content			{ clear:both; background:url('../images/bkgd-content.png') repeat-x 0 0; padding:35px 380px 40px 40px; position:relative; min-height:320px; height:auto !important; height:320px; }
body.home #content	{ padding-right:40px; }
img.main-circle		{ position:absolute; top:-34px; right:-22px;}
#shadow-top			{ background:url('../images/bkgd-top-shadow.png') no-repeat 0 0; height:13px; width:825px; left:0; position:absolute; top:0; left:0; }

a.btn-download,
a.btn-download:visited	{ background-color:#36a829; color:#FFF; padding:7px 13px; text-decoration:none; text-transform:uppercase; font-size:.9em; position:absolute; right:70px; top:345px; }
a.btn-download:hover	{ background-color:#000;}


/* News */
/* ---------------------------- */
ul.news								{ list-style:none;}
ul.news li							{ padding-bottom:17px; margin-bottom:17px; border-bottom:1px dashed #999}
ul.news li a.title,
ul.news li a.title:visited			{ color:#37a829; font-weight:bold; text-decoration:none; font-size:1.3em}
ul.news li a.title:hover			{ color:#000;} 
ul.news li p.date					{ font-size:.8em; margin-bottom:5px}
ul.news li p.teaser					{ margin-bottom:5px;}
ul.news li p.read-more				{ margin-bottom:0;}
ul.news li p.read-more a,
ul.news li p.read-more a:visited	{ color:#37a829}
ul.news li p.read-more a:hover		{ color:#000}


/* Key */
/* ---------------------------- */
#key						{ position:absolute; right:100px; top:350px;}
ul.key						{ list-style:none; }
ul.key li					{ clear:both;}
ul.key li span				{ display:block; width:30px; height:15px; background-color:red; float:left; margin-right:7px; margin-bottom:10px;}
ul.key li.commercial span	{ background-color:#b8ddd7}
ul.key li.residential span	{ background-color:#f8dd7b}
ul.key li.transport span	{ background-color:#96adc3}
ul.key li.hotel span		{ background-color:#ea9066}
ul.key li.car-park span		{ background-color:#b0d8a8}


/* Gallery */
/* ---------------------------- */
ul.gallery					{ list-style:none; position:relative; left:-15px; }
ul.gallery li				{ float:left; margin:0 0 20px 15px; display:block; width:136px;}
ul.gallery li a				{ text-decoration:none;}
ul.gallery li a span		{ display:block; clear:both; margin-top:3px; color:#000; font-size:.8em; padding-left:3px}
ul.gallery li a img			{ opacity:.75; border:1px solid #888 }
ul.gallery li a:hover img	{ opacity:1;}
ul.gallery li a:hover span	{ color:#36a829; }

/*#lightwindow_container						{ background-color:#FFF;}
#lightwindow_title_bar						{ color:#FFF; background-color:#ac0021; padding:6px 10px 6px 20px; }*/
#lightwindow_title_bar_title				{ color:#FFF; }
a#lightwindow_title_bar_close_link,
a#lightwindow_title_bar_close_link:link,
a#lightwindow_title_bar_close_link:visited	{ color:#FFF; }
/*a#lightwindow_title_bar_close_link:hover,
a#lightwindow_title_bar_close_link:active	{ background-color:transparent; color:#FFF;}*/

/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form				{ color:#FFF; padding:15px; width:440px; margin-bottom:10px; background:#4b4b4b url('../images/bkgd-form.png') repeat-x left bottom; }
form p				{ color:#FFF;}
form .clearerForm	{ clear:both; padding:3px 0px; vertical-align:top;}
form fieldset		{ margin-bottom:18px; border:none; padding:5px 0 25px; border-bottom:1px dashed #FFF}
form fieldset .gap	{ margin-top:15px;}
form fieldset.last	{ border-bottom:none;}
form legend			{ text-transform:uppercase; font-weight:bold; color:#ccdb00}

form label			{ width:160px; float:left; font-weight:bold; color:#FFF}
form fieldset.long-question label		{ float:none; }
form fieldset.long-question textarea	{ margin:15px 0 0 0px;}

form select, form input, form textarea{
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	padding:2px;
	border:1px solid #555;
	font-size:1em;
	width:215px;
}

form input.postcode					{ width:80px;}
form textarea						{ width:375px; height:90px; }

div.tickboxes input				{ width:auto; border:none; }
div.tickboxes span				{ display:block; margin-left:160px; padding-bottom:5px}

div.mailing-list input			{ float:left; margin-right:10px;}
div.mailing-list label			{ width:70%; float:left; position:relative; top:-16px; left:20px;}

form #submit{
	font-size:1.3em;
	font-weight:bold;
	margin-left:159px;
	border:none;
}

#btn-submit{border:none; width:84px; height:18px;}

div.validation-advice					{ color:#FFF; background-color:red; margin-left:160px; width:207px; padding:3px 7px; font-style:italic; font-size:.8em;}
fieldset.long-question div.validation-advice		{ width:367px; margin-left:0; }
input.validation-failed,
textarea.validation-failed 				{ border:1px solid red;}



/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary nav */
/* ---------------------------- */
ul#nav									{ background:url('../images/navigation/border.png') no-repeat 25px bottom; position:absolute; top:80px; left:170px; }
ul#nav li 								{ list-style:none; float:left; margin-left:10px; text-align:center; line-height:1.1em}				
ul#nav li a	,
ul#nav li a:visited						{ text-decoration:none; background-color:#b6d62a; color:#000; text-transform:uppercase; font-size:.8em; display:block; padding:5px 10px }
ul#nav li a:hover,
ul#nav li.active a						{ background-color:#000; color:#FFF}


ul.footer-nav							{ list-style:none; margin-left:40px; margin-bottom:25px; }
ul.footer-nav a							{ text-decoration:none; font-size:.8em; color:#777; }

/* --------------------- */
.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 */