/* ---------- Content Section and typography ----------- */



#content {
	padding: 0;
	margin: 20px auto;
}

#content  h1 {
	padding: 0;
	margin: 0;
	font-size: 2.4em;
	font-weight: normal;
	color: #009;
}

#content  h2 {
	padding: 0;
	margin: 0;
	font-size: 2em;
	font-weight: normal;
	color: #009;
}

#content  h3 {
	padding: 0;
	font-size: 1.6em;
	font-weight: normal;
	color: #009;
}

#content  h4 {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #009;
}

#content  p {
	padding: 0;
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: normal;
	color: #333;
}

#content img {
	
}

#content  ul {
	list-style: none outside;
	
	line-height: 1.5em;
	margin: 0 40px 0 19px;
	color: #333;
	padding-bottom: .75em;
}

#content  li {
	padding: 0 0 .75em 21px;
	background: #fff url('/images/standard_bullet_grey.png') no-repeat left 7px;
	font-size: 1.3em;
}

#content  hr {
	border: none;
	color: #eee;
	height: 1px;
	line-height: 1px;
	margin: 0 0 1.5em 0;
	padding: 0 0 0 0px;
	border-top: 1px solid #eee;
	background: #eee;
	width: 100%;
}

#landing_area {
	clear: both;
	margin-top: -20px;
}

#landing_area #breadcrumb {
	padding: 20px 0 10px 0;
}

div.living {
	background: #eee url('/images/living_clouds.jpg') no-repeat center top;
}

div.working {
	background: #eee url('/images/working_sunset.jpg') no-repeat center top;
}

div.learning {
	background: #eee url('/images/learning_bg.jpg') no-repeat center top;
}

div.leisure {
	background: #eee url('/images/leisure_bg.jpg') no-repeat center top;
}

div.council {
	background: #eee url('/images/council_bg.jpg') no-repeat center top;
}

div.services {
	background: #eee url('/images/services_bg.jpg') no-repeat center top;
}

div.news_page {
	background: #eee url('/images/living_clouds.jpg') no-repeat center top;
}


/* ---------- Landing intro area ---------- */

div.living div.landing_intro_text h1 {
	background: url('/images/living_header.png') no-repeat center top; 
	height: 82px;
	width: 460px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 20px 0;
}

div.working div.landing_intro_text h1 {
	background: url('/images/working_title.png') no-repeat center top; 
	height: 81px;
	width: 460px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 20px 0;
}

div.learning div.landing_intro_text h1 {
	background: url('/images/learning_header.png') no-repeat center top; 
	height: 83px;
	width: 460px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 20px 0;
}

div.leisure div.landing_intro_text h1 {
	background: url('/images/leisure_title.png') no-repeat center top; 
	height: 83px;
	width: 460px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 20px 0;
}

div.council div.landing_intro_text h1 {
	background: url('/images/council_title.png') no-repeat center top; 
	height: 83px;
	width: 460px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 20px 0;
}

div.services div.landing_intro_text h1 {
	background: url('/images/services_title.png') no-repeat center top; 
	height: 83px;
	width: 460px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 20px 0;
}

div.news_page div.landing_intro_text  h1{
	font-size: 4em !important;
	background: none;
	font-weight: bold !important;
	padding: 0 !important;
	margin: 0 !important;
	letter-spacing: -1px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

div.landing_intro_text {
	float: left;
	width: 460px;
	margin: 0 0 20px 0;
}

div.landing_intro_text div.columns {
	margin: 20px 0 0 0;
}

#content div.columns p {
	padding: 0 0 1.5em 0;
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 0 1px 1px #fff;
}

div.landing_intro_highlight {
	float: right;
	width: 460px;
	margin: 0 0 30px 0;
	background: #fff;
	background: rgba(255,255,255,0.8);
	border: 1px solid #fff;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content div.landing_intro_highlight h2 {
	padding: 10px 20px;
}

#content div.landing_intro_highlight p {
	padding: 0 20px 10px 20px;
}

#content div.landing_intro_highlight ul,
#content div.landing_intro_highlight ul li {
	background-color: transparent;
}

#content div.landing_3_container h2,
#content div.landing_4_container h2 {
	font-size: 1.4em;
	padding: 5px 20px;
	font-weight: bold;
	margin: 0 0 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}

#content div.landing_3_container img,
#content div.landing_4_container img {
	margin: 0 0 10px 0;
}

div.living #content div.landing_3_container h2,
div.living #content div.landing_4_container h2 {
	background: #70a5d1;
	color: #fff;
}

div.working #content div.landing_3_container h2,
div.working #content div.landing_4_container h2 {
	background: #D64225;
	color: #fff;
}

div.learning #content div.landing_3_container h2,
div.learning #content div.landing_4_container h2 {
	background: #4c5da5;
	color: #fff;
}

div.leisure #content div.landing_3_container h2,
div.leisure #content div.landing_4_container h2 {
	background: #548011;
	color: #fff;
}

div.council #content div.landing_3_container h2,
div.council #content div.landing_4_container h2 {
	background: #678CC7;
	color: #fff;
}

div.services #content div.landing_3_container h2,
div.services #content div.landing_4_container h2 {
	background: #426221;
	color: #fff;
}


#content div.landing_3_container p,
#content div.landing_4_container p {
	font-size: 1.3em;
	padding: 0 20px 10px 20px;
}

/* ---------- Three boxes area ---------- */

div.landing_3_container {
	margin: 0;
	clear: both;
	
}

div.landing_3_container div.thirds_box {
	width: 300px;
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

div.landing_3_container div.last {
	margin-right: 0;
}

/* ---------- Four boxes area ---------- */

div.landing_4_container {
	margin: 0;
	clear: both;
}

div.landing_4_container div.quarter_box {
	width: 220px;
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

div.landing_4_container div.last {
	margin-right: 0;
}




/* ---------- ADVERTS Styling ---------- */

div.landing_ad {
	width: 300px;
	height: 310px;
	float: right;
	background: transparent;
	margin: 0 0 20px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline;
}

body #content div.landing_ad h2 {
	margin: 0;
	padding: 6px 0;
	background: #ccc url('/images/fixed_widget_header.png') no-repeat left top !important; 
	text-align: center;
	color: #c00 !important;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

#content div.landing_ad p.ad_link {
	padding: 0 10px 5px 10px;
	margin: 0;
	font-weight: bold;
	text-align: right;
	position: relative;
	top: -28px;
	background:#fff;
}

#content div.landing_ad a {
	border: none;
}

div.landing_ad div.block_ad {
	clear: both;
	width: 300px;
	margin: 0 auto;
}

div.landing_ad img {
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	top: -15px;
}