body {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 78%;
	background-color:#FFF;
	padding:10px 0 30px ;
}

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

p, .list,
form label, td		{ color:#555; line-height:1.5em; font-size:1em; }
p					{ margin-bottom:1.4em;} 

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

.txt-uppercase		{ text-transform:uppercase}
 
.list				{ margin:0 0 1em .5em; }
.list li 			{ margin-bottom: .75em; background: url('../images/bullet-point.png') no-repeat left 7px; padding-left: 15px; list-style: none; }

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

a.btn,
a.btn:visited		{ background-color: #d31145; color: #FFF; padding: 7px 13px; text-decoration:none; font-size: 1.5em; margin-top:25px; font-weight: bold; margin-bottom: 10px; }
a.btn:hover			{ background-color:#2C2829 }

a.btn-existing,
a.btn-existing:visited,
a.btn-improved,
a.btn-improved:visited				{ display: block; text-decoration: none; text-indent: -999em; background: url('../images/grab-existing.jpg') no-repeat 0 0; width: 147px; height: 220px; margin-top: 15px;  }
a.btn-improved,
a.btn-improved:visited				{ background-image: url('../images/grab-improved.jpg')}
a.btn-existing:hover,
a.btn-improved:hover				{
opacity: 0.7;                    /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter: alpha(opacity=70);       /* IE 4-7 */
zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
}

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

h1					{ font-size: 2.6em; font-weight: normal; letter-spacing: -1px; color: #d31145; margin: 0 0 .5em 0;}
h2					{ font-weight:normal; font-size: 1.4em; margin:0 0 .25em 0; color: #d31145;}
h3					{ font-size: 1.5em; background-color: #d31145; margin: 1.5em 0 .5em 0; color: #FFF; padding: 5px 10px; }

/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container				{ width:975px; text-align:left; margin:0 auto; position:relative; }
#content				{ padding:20px 0 20px 55px; background: url('../images/dot-grey.png') repeat-x 0 0; overflow: hidden;}
#col-left				{ float: left; margin-right: 30px; width: 370px; clear: both;  }
body.your-say #col-left	{ width:60%; float: none;  }
#col-right				{ float: left; width: 520px; }
#footer					{ padding: 10px 0 10px 55px; position: relative; clear: both;  background: url('../images/dot-grey.png') repeat-x left top; }
#footer	a,
#footer	a:visited		{ font-size: .8em; text-decoration: none; color: #999;}
#footer	a:hover			{ color: #d31145;}

div.news-container				{ margin-bottom: 15px; background: url('../images/dot-grey.png') repeat-x left bottom; padding: 0 0 20px 0 }
div.news-container p			{ margin-bottom: .25em;} 
div.news-container p.title		{ font-size: 1.2em;}


/* Header */
/* ---------------------------- */
#header							{ background-color: #e7e7e8; padding:50px 20px 40px 20px; position: relative;}
#header ul						{ position: absolute; right:20px; top:50px; list-style: none;}
#header ul li					{ float: left; margin-left: 25px;}
#header ul li a					{ text-decoration: none; display: block; text-indent: -999em; height: 42px; background-position: 0 0; background-repeat: no-repeat; }
#header ul li.argent a			{ background-image: url('../images/logo-argent.png'); width:102px;}
#header ul li.big-city-plan a	{ background-image: url('../images/logo-cityPlan.png'); width:42px; }
#header ul li.council a			{ background-image: url('../images/logo-council.png'); width:157px;}


/* Table */
/* ---------------------------- */
#table-container				{ background:#2c2829 url('../images/table-top.png') no-repeat 0 0;}
#table-container div			{ background: url('../images/table-bottom.png') no-repeat left bottom; padding: 15px;}
table							{ border: none; border-collapse: collapse; }
table td						{ padding:8px 5px; vertical-align: top; color: #FFF; font-size: 1.1em; line-height: 1.3em; }
col#col-one						{ width: 15%;}
col#col-two						{ width: 15%;}
col#col-three					{ }


/* Right Col */
/* ---------------------------- */
ul.pics 					{ }
ul.pics li					{ list-style: none; float: left; position: relative; width: 250px; margin:0 0 25px 20px;  }
ul.historic li				{ margin-bottom: 45px;}
ul.pics li.first			{ margin-left: 0;}
ul.pics li.large			{ width: 520px;}
ul.pics li span				{ font-size: .8em; position: absolute; top: 168px; left:0; font-style: italic; color: #555; line-height: 1.1em;}
ul.pics li.large span		{ top:298px;}

ul.sustainability li				{ float: none;}
ul.sustainability li.tower			{ float: right; }
ul.sustainability li.tower span		{ top:423px;}


/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form									{ padding:30px; margin-top: 30px; background-color: #f0f0f0;  }
form p									{ line-height: 1.3em;}
form fieldset							{ border:none; border:none; margin-bottom: 15px; border-top:5px solid #000; padding-top: 20px; }
form fieldset.details,
form fieldset.submit					{ background-color: transparent; border-top:none; padding-top:0;}
form fieldset legend					{ display:none; }
form fieldset ul li						{ list-style:none; clear:both; vertical-align:middle; position:relative; overflow: hidden; width:97.5%; margin-bottom:10px;   }
form fieldset ul li	label span			{ font-size:1.2em; font-weight:bold; color:red}
form fieldset ul li label				{ color:#000; display:block; font-size:1em; text-align: left; float: left; width: 210px; margin-bottom:10px; font-weight: bold; line-height: 1.3em;}
form fieldset ul.text-field li label	{ float: left; width: 160px;}

form fieldset.more-details				{ }
form fieldset.more-details ul li		{ margin-bottom:15px; border-bottom: 1px solid #dadada; padding-bottom: 10px }


form input,
form textarea							{ font-family: Arial, Helvetica, sans-serif; color:#383838; padding:4px 6px; border:1px solid #dadada; width:250px; font-size: 1.3em;}
form textarea							{ height:80px; margin-bottom: 1px;}
form li.comments textarea				{ height: 135px;}

ul.radio-buttons						{ float: left; }
form fieldset ul.radio-buttons li		{ padding: 0; margin: 0 0 5px 0; border: none; width: auto; height: 105px;  }
ul.radio-buttons label					{ width:auto; margin: 0; font-weight: normal}
ul.radio-buttons input					{ width: auto; border: none; float: left; margin:1px 5px 5px 0; clear: both;}
ul.radio-buttons li.other-field label	{ float: none; width: auto;}
ul.radio-buttons li.other-field textarea{ }

p.header-important						{ font-weight: bold; font-size: 1.1em; color: #000;}
p.header-important span					{ margin-right: 25px;}
ul.radio-list							{ margin-bottom: 15px;}
ul.radio-list li						{ background-color: #dadada; margin-bottom: 1px; padding: 3px 10px;}
ul.radio-list li label					{ margin-bottom: 0; width: 200px;}
ul.radio-list ul						{ float: left;}
ul.radio-list li li 					{ padding: 0; position:static; width: auto;}
ul.radio-list ul.headers li span		{ float: left; width: 29px; font-weight: bold;}
ul.radio-list li li label				{ position: absolute; left:-999em; }
ul.radio-list li li input				{ width: auto; margin-right: 10px; border: none; }

li.long-question 						{ margin-bottom:15px; border-bottom: 1px solid #dadada}
li.long-question label					{ width: auto; }
li.long-question ul						{ float: left; margin-left: 210px; display: inline}



form fieldset.submit					{ padding: 0; margin: 0; }
form fieldset.submit input			 	{ border: none; cursor: pointer; background-color: #000; color: #FFF; font-size: 1.5em; font-weight: bold; width: auto; padding: 10px 30px; margin:10px 0 0 210px ; }



div.validation-advice						{ color:#FFF; background-color:red; margin-left:210px; padding:4px 7px; font-style:italic; font-size:.8em; width: 250px; clear: both; height: 14px;}
ul.radio-buttons li div.validation-advice	{ margin-left: 0;}
input.validation-failed,
textarea.validation-failed 					{ border:1px solid #000;}
ul.radio-list div.validation-advice			{ width: 155px; text-align: center; position: absolute; top:0; right: 0;}



/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
#nav								{ margin:5px 0; overflow: hidden; }
#nav li								{ float: left; list-style: none; margin-right: 1px; }
#nav li.last						{ margin-right: 0;}
#nav li a,
#nav li a:visited					{ background-color: #d31145; text-decoration: none; color: #FFF; padding: 7px 16px; display: block; text-transform: uppercase; font-size: .8em; }
#nav li.last a,
#nav li.last a:visited				{ padding: 7px 15px 7px 16px;}
#nav li a:hover,
#nav li.active a,
#nav li.active a:visited			{ background-color: #2C2829;}


/* Sub Nav */
/* ---------------------------- */
ul.sub-nav							{ margin-bottom: 15px; overflow: hidden; }
ul.sub-nav li						{ list-style: none; float: left; margin-right: 5px; }
ul.sub-nav li a,
ul.sub-nav li a:visited				{ background-color: #d31145; color: #FFF; text-decoration: none; display: block; padding: 5px 13px; font-size: .9em;}
ul.sub-nav li a:hover,
ul.sub-nav li.active a,
ul.sub-nav li.active a:visited		{ background-color: #2C2829;}