@charset "UTF-8";
/* CSS Document */

/* RESET */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
	overflow-y: scroll;
}
*:first-child+html body { overflow-y: auto; }
ol, ul {
	list-style: none;
}
sup{
	bottom:-3px;
	font-size:75%;
position:relative;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*USEFUL*/
.clear { clear: both; }
.ftleft { float: left; }
.ftright { float: right; }
.side_col .full_width { width: 272px; }


/* GLOBAL */

body {
	margin:0px;
	padding:0px;
	background-color: #9CC5C9;
	background-image: url(../images/bk.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #626262;
}

h1 {
	color: white;
	font-size: 40px;
	line-height: 35px;
	font-weight: 100;
}

h2 {
	color: #3b888f;
	font-size: 19px;
	line-height: 24px;
	margin-bottom: 15px;
}

h3 {
	color: #410C27;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 15px;
}

p {
	line-height: 17px;
	margin-bottom: 10px;
}
.legal .bullets li {list-style: none;}
.outdent { margin-left: -40px; margin-right: 10px; font-weight: bold; }
.terms-and-conditions ul { padding-left: 50px;}
.terms-and-conditions ul li ul { padding-left: 20px;}
.bullets li {
	line-height: 21px;
	list-style: outside disc;
	padding-left: 10px;
	margin-bottom: 5px;
}
.bullets li ul { margin: 25px 15px; }
.bullets { margin: 25px 15px; margin-top: 0; padding-left: 15px;  }

a { text-decoration: none; color: #3b888f; cursor: pointer; }
a:hover, a.active { color: #a39060; }

.wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.header {
	position: relative;
	height: 160px;
	padding: 0 20px;
	bottom: -20px;
	background: url("../images/page_end.gif") no-repeat 0px 105px;
}
.header span.logo {
	position: absolute;
	left: 20px;
	top: 5px;
}
.header span.telephone {
	position: absolute;
	font-size: 25px;
	font-weight: lighter;
	color: #FFF;
	top: 30px;
	right: 20px;
}
.header ul.secNav {
	position: absolute;
	right: 20px;
	top: 70px;
}
.header ul.secNav a:hover, .header ul.secNav a.selected, .about-us .selected1,
.customer-care .selected2, .blog .selected3, .in-the-press .selected4,
.contact-us .selected5 {
	background: url(../images/topnav-selected.jpg) center bottom no-repeat;
}
.header ul.secNav li  {
	display: inline;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.header ul.secNav li.last {
	padding-right: 0px;
	border-right-width: 0px;
}
.header ul.secNav li a {
	color: #FFF;
	text-decoration: none;
	padding-bottom: 18px;
}
ul.menu {
	position: absolute;
	right: 20px;
	bottom: 20px;
	height: 30px;
	z-index: 100;
}
ul.menu li {
	float: left;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	margin-left: 5px;
	position: relative;
}
ul.menu li ul.first a { border-top: none; }
ul.menu li ul a {
	width: 130px;
	line-height: 25px;
	background: #ddd;
	color: #2b2b2b;
	display: block;
	border-top: 1px solid white;
	white-space: normal;
}
ul.menu li ul a:hover { background: #2b2b2b; color: white;}
ul.menu li ul { width: 150px; display: none; position: absolute; top: 30px; left: -15px; z-index: 10000; }
ul.menu li:hover ul { display: block; z-index: 100; }
ul.menu li a {
	line-height: 30px;
	background-image: url(../images/tab_bg.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #410c27;
	height: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 5px;
	color: white;
	white-space: nowrap;
	display: inline-block;
}
ul.menu li a .corner { background-color: #410c27; }


ul.menu a:hover, ul.menu a.active,
ul.menu a:hover .corner, ul.menu a.active .corner,

.index ul.menu a.active1, .index ul.menu a.active1 .corner,
.developements ul.menu a.active2, .developements ul.menu a.active2 .corner,
.bespoke-homes ul.menu a.active3, .bespoke-homes ul.menu a.active3 .corner,
.land-to-sell ul.menu a.active4, .land-to-sell ul.menu a.active4 .corner,
.sustainable-living ul.menu a.active5, .sustainable-living ul.menu a.active5 .corner {
	background-color: #897738;
}
img.right { float: right; margin: 0 0 25px 25px; }
img.left { float: left; margin: 0 25px 25px 0; }
span.corner {
	background-image: url(../images/tab_corner_green.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 9px;
	position: absolute;
	top: 0;
	z-index: 100;
}
span.corner.right {
	background-position: -9px 0px;
	right: 0;
}
span.corner.left {
	background-position: 0 0;
	left: 0;
}

h2 span.corner.right {
	background-position: -9px 0px;
	right: -9px;
}
h2 span.corner.left {
	background-position: 0 0;
	left: -9px;
}
.content span.corner {
	background-image: url(../images/tab_corner_white.png)!important;
}

.content {
	background: url(../images/content_bg.gif) 0 0 repeat-y;
	padding: 20px 40px;
	float: left;
	width: 900px;
	position: relative;
}
.feature {
	height: 280px;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	margin-bottom: 20px;
	overflow: hidden;
}
.feature h1 {
	line-height: 50px;
	position: absolute;
	max-width: 770px;
}
.previous-developements td p, .developements td p { display: inline; }

.previous-developements h1 { bottom: 15px; left: 20px; }
.feature h1#heading1 { top: 15px; left: 20px; }
.feature h1#heading2 { top: 10px; right: 40px; color: #2b2b2b; }
.feature h1#heading3 { top: 15px; right: 40px; }
.feature h1#heading4 { bottom: 15px; left: 20px; color: #2b2b2b; }
.feature h1#heading5 { bottom: 15px; left: 20px; }
.feature h1#heading6 { bottom: 25px; left: 20px; }
.feature h1#heading7 { top: 15px; left: 20px; }
.feature h1#heading8 { top: 15px; left: 20px; color: #2b2b2b; }

.developements .feature h1 {
	top: -4px;
	right: 20px;
	color: #A39060;
}

.main_col {
	width: 575px;
	margin-right: 18px;
	padding-right: 10px;
}
.main {
	width: 900px;
}
.side_col {
	width: 292px;
	margin-right: 0;
	padding-right: 0;
}

.three_col {
	width: 292px;
	margin-right: 10px;
}
.three_col.last {
	margin-right: 0;
}
input.button { width: 200px;}
.button {
	width: 180px;
	padding: 0 10px;
	height: 25px;
	border: none;
	line-height: 26px;
	color: white;
	display: block;
	background-image: url(../images/button_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #410C27;
	margin-bottom: 10px;
	text-align: center;
}
.button:hover { background-color: #8f2966; color: white; }

.button.blue { background-color: #005ead; }
.button.blue:hover { background-color: #4ca1e8; }

.button.full_width, .button.lrg { background-image: url(../images/button_lrg-bg.png); background-position: left center; }

.section {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.section.border { border-bottom: 1px dotted #a39060; }
h2.border { border-bottom: 1px dotted #a39060; padding-bottom: 15px; }

.page {
	height: 20px;
	background-image: url(../images/page_end.gif);
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
}

.page.top {
	background-position: 0 -10px;
	left: 0;
	position: absolute;
	bottom: 0;
	z-index: -10;
	display: none;
}
.page.bottom {
	background-position: 0px -45px;
}

.side_col .subfeature { margin-bottom: 10px; }
.side_col .subfeature.last { margin-bottom: 0; }

.subfeature h2 {
	position: relative;
	background-image: url(../images/tab_bg.png);
	background-position:  0 0;
	background-repeat: repeat-x;
	font-weight: normal;
	line-height: 30px;
	height: 30px;
	margin: 0 9px;
	color: white;
	font-size: 13px;
}
.subfeature h2 a { color: white; margin-top: 0px; }
.subfeature {
	background-position: 0px 30px;
	background-repeat: no-repeat;
	height: 130px;
	position: relative;
}
.subfeature a {
	display: block;
	height: 100px;
	left: 0;
	margin-top: 30px;
	position: absolute;
	top: 0;
	width: 100%;
}

.subfeature.living h2, .subfeature.living h2 .corner { background-color: #2b1517; }
.subfeature.living h2:hover, .subfeature.living h2:hover .corner { background-color: #3a3535; }
.subfeature.living { background-image: url(../images/sub_features/sustainable-living.jpg) }

.subfeature.code h2, .subfeature.code h2 .corner { background-color: #c4e4e3; }
.subfeature.code h2:hover, .subfeature.code h2:hover .corner { background-color: #cffffe; }
.subfeature.code { background-image: url(../images/sub_features/code.jpg) }

.subfeature.energy-efficient h2, .subfeature.energy-efficient h2 .corner { background-color: #a2b300; }
.subfeature.energy-efficient h2:hover, .subfeature.energy-efficient h2:hover .corner { background-color: #cde300; }
.subfeature.energy-efficient { background-image: url(../images/sub_features/energy-efficient.jpg) }

.subfeature.zero-carbon h2, .subfeature.zero-carbon h2 .corner { background-color: #3b6cbb; }
.subfeature.zero-carbon h2:hover, .subfeature.zero-carbon h2:hover .corner { background-color: #2873ec; }
.subfeature.zero-carbon { background-image: url(../images/sub_features/zero-carbon.jpg) }

.subfeature.developements h2, .subfeature.developements h2 .corner { background-color: #42a1aa; }
.subfeature.developements h2:hover, .subfeature.developements h2:hover .corner { background-color: #4ebcc6; }
.subfeature.developements { background-image: url(../images/sub_features/developements.jpg); }

.subfeature.build h2, .subfeature.build h2 .corner { background-color: #794161; }
.subfeature.build h2:hover, .subfeature.build h2:hover .corner { background-color: #9b537c; }
.subfeature.build { background-image: url(../images/sub_features/build.jpg); }

.subfeature.sell h2, .subfeature.sell h2 .corner { background-color: #c22c2b; }
.subfeature.sell h2:hover, .subfeature.sell h2:hover .corner { background-color: #e13331; }
.subfeature.sell { background-image: url(../images/sub_features/sale.jpg); }

.subfeature.prev-developments h2, .subfeature.prev-developments h2 .corner { background-color: #42a1aa; }
.subfeature.prev-developments h2:hover, .subfeature.prev-developments h2:hover .corner { background-color: #4ebcc6; }
.subfeature.prev-developments { background-image: url(../images/sub_features/prev-developments.jpg); }

.subfeature.testimonials h2, .subfeature.testimonials h2 .corner { background-color: #42a1aa; }
.subfeature.testimonials h2:hover, .subfeature.testimonials h2:hover .corner { background-color: #4ebcc6; }
.subfeature.testimonials { background-color: #e3e3e3; height: auto; }
.subfeature.testimonials .copy { padding: 10px; }



.feature { background-image: url(../images/banners/index.jpg); }
.developements .feature { background-image: url(../images/banners/developements.jpg); }
.previous-developements .feature { background-image: url(../images/banners/previous-developements.jpg); }
.bespoke-homes .feature { background-image: url(../images/banners/bespoke-homes.jpg); }
.land-to-sell .feature { background-image: url(../images/banners/land-to-sell.jpg); }
.sustainable-living .feature { background-image: url(../images/banners/sustainable-living.jpg); }
.energy-efficient .feature { background-image: url(../images/banners/energy-efficient.jpg); background-position:-20px 0; }
.autonomous-house .feature { background-image: url(../images/banners/autonomous-house.jpg); }
.passivaus .feature { background-image: url(../images/banners/passivhaus.jpg)}

.footer {
	background: url(../images/content_bg.gif) 0 0 repeat-y #a39060;
	position: relative;
	padding: 20px 40px;
	width: 900px;
}
.subfooter {
	padding: 20px 40px;
	color: white;
	border-bottom: 1px dotted white;
	clear: both;
	width: 900px;
	float: left;
}

.footer_links { padding: 0 20px 20px 20px; text-align: center; width: 983px; clear: both; margin: 0 auto 20px auto; }
.footer_links li {
	display: inline;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid white;
}
.footer_links li.last {
	border-right: none;
}
.footer_links li a {
	color: white;
}

.breadcrumb { margin-bottom: 20px; float: left; }
.breadcrumb li {
	display: inline;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
.breadcrumb li.last {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}



/*DEVELOPEMENTS*/
td.description { padding: 0 20px; }
.price { color: #990000; font-weight: bold; font-size: 15px; }
.red { font-weight: bold; color: #990000; }
.short { width: 850px; }

.apartments-nav {
	border: #3b888f 1px solid;
	border-left: none;
	border-right: none;
	clear: both;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
.apartments-nav li {
	float: left;
	display: inline;
	color: #3b888f;
	font-weight: bold;
	margin-right: 20px;
	padding: 0 20px;
	line-height: 30px;
	background: url(../images/apartment-arrow.gif) left center no-repeat;
}
.apartments-nav li:hover {background: url(../images/apartment-arrow2.gif) left center no-repeat;}

.apartments-nav li.last {
	margin-right: 0;
	padding-right: 0;
}
.apartments-nav li a {
	display: block;
	width: 100%;
	height: 100%;
}

/* begin: slideshow */
#slideshow {
    position:relative;
	overflow: hidden;
	background-color:white!important ;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow div.active {
    z-index:10;
}

#slideshow div.last-active {
    z-index:9;
}
/* end: slideshow */

/*FORMS*/
.form-field { clear: both; float: left; width: 100%; margin-bottom: 15px; }
.form-field label { width: 230px; display: block; font-weight: bold; line-height: 20px; float: left; }
.form-field .checkboxes { width: 150px; }
ul.checkboxes { width: 290px!important; }
ul.checkboxes li {
	float: left;
	display: inline;
	margin-right: 5px;
	font-size: 11px;
}
img.left {float: left; margin: 0 25px 25px 0; }
input[type=text], textarea {
	border: 1px solid #bbb;
	padding: 3px 5px;
	font-size: 12px;
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
}
/*end: forms*/

#quote-box-text div { display: none; }
#map_canvas { width: 290px; height: 190px; margin: 20px 0; }