/*------------------------------
Author: Barry G White, http://www.creativebridge.co.uk
Website: http://www.aemarketing.co.uk
Version: 1
------------------------------*/

/* Colours -------------------
    teal: #007c71
darkblue: #072c63
------------------------------*/

/* Global Styles
-----------------------------*/
html, body {
	margin: 0;
	padding: 0;
	font: small Helvetica,arial,sans-serif;
	color: #fff;
	}

a:link {color: #072c63; background: transparent; text-decoration: underline;}
a:visited {color: #000; background: transparent; text-decoration: underline;}
a:hover {color: #444; background: transparent; text-decoration: none;}
a:active {color: #fff; background: transparent;}

h1 {margin:0; padding:0; font-size:180%;}
h2 {margin:0; padding:0; font:300%/100% 'Century Gothic',helvetica,arial,sans-serif;}
h3 {margin:0 0 10px 0; padding:0; font:180%/100% 'Century Gothic',helvetica,arial,sans-serif; color: #072c63; text-decoration: underline;}
h4 {margin:0 0 10px 0; padding:0; font:100%/100%  Helvetica,arial,sans-serif; color: #fff; text-transform: uppercase; font-weight: bold;}
em {font-weight:bold; font-style:normal;}
img {border: none;}

.imgleft {float:left;}
.imgright {float:right;}
.clear {clear: both;}
.largetext {color: #072c63; font-size: 120%;}

/* Layout
------------------------------*/
#wrap {
	margin: 0 auto;
	padding: 0;
	background: #999;
	width: 960px;
	}
.pages {background: #000;}

/* Intro
------------------------------*/
#intro {background: #000 url(i/bg-intro.gif) repeat-y top center;}
#intro #wrap {
	width: 740px;
	}
#intro #flash {height: 370px; margin-bottom: 20px;}
#intro #container {
	margin: 0;
	padding: 0 30px;
	float: right;
	background: #007c71;
	}
#intro p {text-align: right;}
#intro p.enter {font-size: 130%; margin: 30px 0 100px 0; clear: both;}
#intro em {color: #fff; font-weight: normal;}
#intro a, #intro a:active, #intro a:visited, #intro a:hover {text-decoration: none;}
#intro a:visited {color: #072c63;}
#intro a:hover {color: #fff;}
#intro a:hover em {color: #072c63;}

/* Header
------------------------------*/
#header {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 286px;
	background: #072c63 url(i/header-bg.jpg) no-repeat top left;
	}
#header h1 {padding: 29px 0 0 80px;}

/* Header: Navigation
------------------------------*/
#nav {
	margin: 24px 0 0 82px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 70%;
	}
#nav a {text-decoration: none; display: block; width: 130px; height: 30px;}
#nav li {
	margin: 0 3px 0 0;
	padding: 0;
	float: left;
	width: 130px;
	line-height: 30px;
	}
#nav li.last {margin-right:0;}
#nav li a, #nav li a:link, #nav li a:active, #nav li a:visited {
	background: #007c71 url(i/nav-tab.gif) no-repeat top left;
	color: #072c63;
	}
#nav li a:hover, #nav li.current a {background: #072c63 url(i/nav-tab-on.gif) no-repeat top left; color: #007c71;}
#nav li a span {background: transparent url(i/nav-icon.gif) no-repeat center left; padding: 2px 0 2px 18px;}
#nav li a:hover span, #nav li.current span {background: transparent url(i/nav-icon-on.gif) no-repeat center left; padding: 2px 0 2px 18px;}

#collinswellpark #nav, #contactus #nav {margin-top: 29px;}
/* Header: Visual
------------------------------*/
#visual {
	margin: 0 0 0 70px;
	padding: 11px 0 0 0;
	clear: left;
	list-style-type: none;
	}
#visual li {float: left;}
#visual li img {
	margin: 0 50px 0 0;
	padding: 11px 23px 15px 12px;
	background: #072c63 url(i/photo-frame.gif) no-repeat top left;
	}

/* Container
------------------------------*/
#container {clear: left; background: #999 url(i/container-top.gif) repeat-x top;}
#backohill #container {clear: left; background: #999 url(i/container-backohill.jpg) no-repeat top;}

/* Main
------------------------------*/
#main {padding: 20px 70px; float: left;}
#future-dev #main {padding-bottom: 100px;}
#main h2 {margin: 0 0 20px 0 ; text-indent: -9999px;}
#home #main h2 {background: url(i/title-home.gif) no-repeat; width: 466px; height: 36px;}
#developments #main h2 {background: url(i/title-developments.gif) no-repeat; width: 517px; height: 44px;}
	#collinswellpark #main h2 {background: url(i/title-collinswellpark.gif) no-repeat; width: 316px; height: 44px;}
	#seacare #main h2 {background: url(i/title-seacare.gif) no-repeat; width: 747px; height: 47px;}
	#seamillpond #main h2 {background: url(i/title-seamillpond.gif) no-repeat; width: 261px; height: 45px;}
	#backohill #main h2 {background: url(i/title-backohill.gif) no-repeat; width: 730px; height: 46px;}
	#commitment #main h2 {background: url(i/title-commitment.gif) no-repeat; width: 664px; height: 45px;}
#previous-dev #main h2 {background: url(i/title-previousdev.gif) no-repeat; width: 484px; height: 45px;}
#future-dev #main h2 {background: url(i/title-futuredev.gif) no-repeat; width: 429px; height: 45px;}
#contactus #main h2 {background: url(i/title-contactus.gif) no-repeat; width: 219px; height: 34px;}
#links #main h2 {background: url(i/title-links.gif) no-repeat; width: 88px; height: 36px;}
#backohill #main a:link, #backohill #main a:visited {color: #007c71;}

/* Main: Col-left
------------------------------*/
#col-left {width: 390px; float: left;}

/* Main: Col-right
------------------------------*/
#col-right {width: 390px; float: right;}
#seamillpond #col-right img {margin-right: 40px;}
#seamillpond #col-right img.last {margin-right: 0;}
#previous-dev #col-right img {margin-right: 5px;}
#previous-dev #col-right img.last {margin-right: 0;}

/* Main: Col-center
------------------------------*/
#col-center {text-align: center; margin-left: 220px;}

/* Main: Contact
------------------------------*/
#contact {margin: 0; padding: 0; clear: both; font-size: 90%;}
#contact dt {margin: 0; padding: 0;}
#contact dd {margin: 0; padding: 0;}

#contact #contact-williamson {width: 390px; float: left; text-align: right;}
#contact #contact-williamson dd.photo img {float: right; margin: 0 0 0 8px;}
#contact #contact-williamson dt {float: left; width: 247px; font-weight: bold; margin: 25px 0 0 0;}

#contact #contact-mccully {width: 390px; float: right;}
#contact #contact-mccully dd.photo img {float: left; margin: 0 8px 0 0;}
#contact #contact-mccully dt {float: right; width: 247px; font-weight: bold; margin: 25px 0 0 0;}

#contact ul {
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	list-style-type: none;
	text-align: center;
	color: #072c63;
	}
#contact ul li {line-height: 1.2em;}

/* Main: Extras
---------------------------------*/
#extras {
	margin: 0;
	padding: 0 5px;
	font-size: 90%;
	border: 2px solid #072c63;
	color: #072c63;
	}

/* Main: Development Navigation
---------------------------------*/
#devnav {
	list-style-type: none;
	font: 160%/150% 'Century Gothic',helvetica,arial,sans-serif;
	margin: 0;
	padding: 0 0 100px 0;
	}
#devnav a {text-decoration: none; display: block;}

/* Main: People
---------------------------------*/
#people {width: 180px; float: left;}

/* Main: Offices
---------------------------------*/
#offices {width: 180px; float: right;}
#offices em {color: #072c63;}

/* Main: Table
---------------------------------*/
table {margin: 0; padding:0; border: 0;}
tr {margin: 0; padding: 0; border: 0;}
td {margin: 0; padding: 2px 30px 2px 0; border: 0;}

/* Main: Form
---------------------------------*/
label {float: left; width: 80px; padding: 5px 0 0 0;}
input, textarea {width: 250px; font:100%/100%  Helvetica,arial,sans-serif;}
input.button {width: 15%; border: none; background: #666; color: #fff; padding: 2px 8px; cursor: pointer;}
input.button:hover {background: #777;}
input.button:focus {background: #777;}
input:focus, textarea:focus {background: #faf4da;}
form dd {padding: 0 0 5px 0;}
form dt.imgleft {margin-left: 210px;}
form dt.imgright {margin-right: 56px;}
#address2 {margin: 0 0 0 40px;}

/* Footer
------------------------------*/
#footer {clear: both; font-size: 90%; background: #072c63; padding: 10px 0;}
#footer p {clear: left; text-align: center; line-height: 2em;}
#footer a, #footer a:link, #footer a:active {color: #fff;}
#footer a:visited {color: #ddd;}
#footer a:hover {color: #007c71;}

/* Footer: Navigation
------------------------------*/
#footnav {
	margin: 0 0 0 245px;
	padding: 0;
	clear: left;
	float: left;
	line-height: 2em;
	list-style-type: none;
	}
#footnav li {float: left; margin-right: 4px;}