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

/* --------------------------------------------------------------    
	Reset      
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Helvetica", Arial, Helvetica, sans-serif;
	color: #898a8d;
	line-height: 1.5;
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* --------------------------------------------------------------    
	Headings      
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {width:100%; float:left; color:#99999c;}
h1 {font-size: 1.9em; line-height:1.2}
h2 {font-size: 1.5em;}
h3 {font-size: 1.0em; color:#ed1848}
#text h1 {color:#ed1848}
#expertise h2 {color:#000; font-weight:bold; margin-top:20px; margin-bottom:10px; font-size:1.3em}
#got-a-site h2 {color:#000; font-weight:bold; margin-top:20px; margin-bottom:10px; font-size:1.3em}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* --------------------------------------------------------------    
	Text Elements    
-------------------------------------------------------------- */

p {font-size:1.1em; line-height:1.75; margin-bottom:7px; float:left}
#contact p {font-size:1.2em}
p img {float: left; margin:0px; padding:0px}
a:focus, a:hover {color: #ed135d; text-decoration:underline}
a {color: #ed135d; text-decoration:none;}
strong {font-weight: bold;}
em,dfn {font-style: italic;}
dfn {font-weight: bold;}

/* --------------------------------------------------------------    
	Tables      
-------------------------------------------------------------- */

table       {margin-bottom: 1.4em; width:100%; float:left}
th          {font-weight: bold; background: #C3D9FF;}
th,td       {padding: 4px 10px 4px 5px;}
tr.even td  {background: #E5ECF9;}
tfoot       {font-style: italic;}
caption     {background: #eee;}


/* --------------------------------------------------------------    
	Misc Classes      
-------------------------------------------------------------- */

.small      {font-size: 0.8em}
.highlight  {color:#ed135d}
.red {color:#ed1848}
	
/* --------------------------------------------------------------    
	Container Elements      
-------------------------------------------------------------- */

html, body {height: 100%}

body {
	margin:0px;
	padding:0px;
	text-align:center;	
	background:#efefef;	
	}
	
#content {
	width:900px;
	height:100%;
	margin:0px auto;
	clear:left;
	text-align:left;	
	background:#ffffff;
	}
	
/* --------------------------------------------------------------    
	Positioning Elements      
-------------------------------------------------------------- */

#header {
	width:900px;
	height:114px;
	float:left;
	border-bottom:solid #eceded 4px
	}
		
#logo {
	width:229px;
	height:57px;
	float:right;
	margin-top:33px;
	margin-right:17px
	}

.banner-full-width {
	width:869px;
	height:355px;
	float:left;
	margin-left:15px;
	}

.banner-full-width-2 {
	width:869px;
	height:323px;
	float:left;
	margin-left:15px;
	margin-bottom:34px;
	}

.banner {
	width:427px;
	height:321px;
	float:left;
	margin-left:15px;
	margin-bottom:36px;
	background:url(../images/home-image-one.jpg)
	}
	
.fresh-approach {
	width:125px;
	height:66px;
	float:left;
	position:relative;
	top:160px;
	left:83px
}

.coming-soon {
	width:145px;
	height:22px;
	float:left;
	position:relative;
	top:160px;
	left:61px
}

.banner-text {
	width:180px;
	position: absolute;
	margin-left: 32px;
	left: 50%;
	top: 350px; 
}

.banner-text-2 {
	position: absolute;
	margin-left: -360px;
	left: 50%;
	top: 432px;
	font-size: 1.2em;
	line-height:1.0;
	color:#ffffff
}

.banner-text-2 img {
	position:relative;
	top:3px;
	left:1px	
}
	

.banner-text h1 {
	text-align:right;
	color:#ffffff;
	line-height:1.1;
	}

.banner-text p {
	width:100%;
	margin-top:40px;
	text-align:right;
	line-height:1.3;
	font-size:1.2em;
	color:#ffffff
	}
.banner-text a {
	color:#ffffff;
}

.banner-2 {
	width:427px;
	height:324px;
	float:left;
	margin-left:15px;
	background:url(../images/home-image-two.jpg) no-repeat
	}
	
.banner-2 .banner-text h2 {
	text-align:right;
	color:#a7a9ac;
	line-height:1.1;
	}

.banner-2 .banner-text p {
	width:100%;
	margin-top:11px;
	text-align:right;
	line-height:1.3;
	font-size:1.2em;
	color:#a7a9ac
	}
.banner-2 .banner-text a {
	color:#a7a9ac;
}

.woodhall-register {
	position:relative;
	top:274px;
	right:103px;
	font-size:1.2em;
	color:#A7A9AC;
}


.woodhall-register img {
	position:relative;
	top:4px;
	left:5px
}

.launching-09 {float:right; margin-right:50px}

.tickbox_text {width:230px; float:left}
.tickbox input { float:left}


/* --------------------------------------------------------------    
	Text Column     
-------------------------------------------------------------- */
.header-text {
	margin-bottom:5px
}
#text {
	width:878px;
	float:left;
	padding-left:22px;
	padding-bottom:12px;
	padding-top:12px;
	background:#ffffff;
	border-top:dotted 2px #eceded;
	}
	
#text-inside {float:left; padding-left:10px}
.cv {width:260px; float:left; margin-right:30px}

.black {color:#000; font-size:1.3em; font-weight:bold; padding-top:4px; line-height:1.6}

.signposting-surround {width:100%; float:left; margin-top:5px}
.signposting {width:255px; float:left; border-top:dotted 2px #eceded; padding-top:14px}
.signposting h3 {float:left; width:215px}
.gotasite {width:116px; height:23px; float:left}

.red-cross {width:16px; height:16px; float:left; position:relative; top:3px; margin-left:48px}
.red-cross-2 {width:16px; height:16px; float:left; position:relative; top:3px; margin-left:108px}

.red-cross-3 {width:16px; height:16px; float:left;}

.signposting p {position:relative; top:5px; width:215px}

/* --------------------------------------------------------------    
	Menus    
-------------------------------------------------------------- */


ul#top-nav {
	width:100%;
	height:30px;
	float:left;
	border-top:solid 4px #ed1848;
	border-bottom:dotted 2px #eceded;
	margin-bottom:15px;
	list-style:none;		
	}
		
ul#top-nav li {
	float:left;	
	padding-left:20px;
	margin-right:19px;
	padding-top:9px
	}
		
ul#top-nav a {
	float:left;
	position:relative;
	display:block;
	line-height:100%;
	text-decoration:none;
	font-size:1.3em;
	color:#818285
	}

ul#top-nav a:hover {
	text-decoration:none;
	color:#ed135d
	}	



#footer {
	width:900px;
	height:30px;
	float:right;
	list-style:none;
	background:#ffffff;
	border-top: solid 4px #eceded;
	border-bottom: solid 4px #eceded;
	}

ul#footer-nav {
	width:850px;
	height:30px;
	float:left;
	list-style:none;
	}
		
ul#footer-nav li {
	float:right;
	margin-left:39px;
	padding-top:9px
	}
		
ul#footer-nav a {
	float:left;
	position:relative;
	display:block;
	line-height:100%;
	text-decoration:none;
	font-size:1.2em;
	color:#818285
	}

ul#footer-nav a:hover {
	text-decoration:none;
	color:#ed135d
	}	

ul#secondary-nav {
	width:950px;
	float:right;
	margin-right:21px;
	list-style:none;
	}
		
ul#secondary-nav li {
	float:right;
	}
		
ul#secondary-nav a {
	float:left;
	position:relative;
	display:block;
	line-height:100%;
	text-decoration:none;
	font-size:1.2em;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px
	}

ul#secondary-nav a:hover {
	text-decoration:none;
	color:#ffffff;
	background:#a7a9ac
	}	

/* -------------------------------------------------------------- 
Highlights 
-------------------------------------------------------------- */

#home .home-link a {
	text-decoration:none;
	color:#ed135d
	}	

#developments .developments-link a {
	text-decoration:none;
	color:#ed135d
	}	

#approach .approach-link a {
	text-decoration:none;
	color:#ed135d
	}	
	
#expertise .expertise-link a {
	text-decoration:none;
	color:#ed135d
	}	

#contact .contact-link a {
	text-decoration:none;
	color:#ed135d
	}	

#sustainability .approach-link a {
	text-decoration:none;
	color:#ed135d
	}	

#got-a-site .got-a-site-link a {
	text-decoration:none;
	color:#ed135d
	}	
	

#sustainability .sustainability-link a {
	text-decoration:none;
	color:#ffffff;
	background:#a7a9ac
	}

#suitability .approach-link a {
	text-decoration:none;
	color:#ed135d
	}	

#suitability .suitability-link a {
	text-decoration:none;
	color:#ffffff;
	background:#a7a9ac
	}
	
#liveability .approach-link a {
	text-decoration:none;
	color:#ed135d
	}	

#liveability .liveability-link a {
	text-decoration:none;
	color:#ffffff;
	background:#a7a9ac
	}

/* -------------------------------------------------------------- 
Contact Form  
-------------------------------------------------------------- */

.contact-info {
	width:250px;
	float:left;
	padding-right:32px
}

#contact-form {
float:left;
width:596px;
margin-top:10px
}
#contact-form p {
width:260px;
margin-right:10px;
color: #ed135d
}

#form-left {
float:left;
width:298px;
}

#form-right {
float:left;
width:298px;
}


label {
float:left;
line-height:1.4;
font-size:11px
}
.inputter {
width:160px;
height:28px;
float:right
}
.inputter input {
padding-right:5px;
padding-top:5px;
float:right;
width:150px;
border: 1px dotted #cecfd0;
background:#e0e0e1
}
.enquirebg {
width:159px;
height:167px;
float:right;
position:relative;
right:1px
}

textarea {
float:right;
border: 1px dotted #cecfd0;
background:#e0e0e1;
width:154px;
height:159px;
position:relative;
top:4px;
right:0px;
}

#contact-form input {
float:right;
position:relative;
}
select {
float:right;
border: 1px dotted #cecfd0;
background:#e0e0e1;
width:151px;
position:relative;
top:4px;
right:4px;
}
.submit-image {
position:relative;
right:42px
}
option {background:#FFFFFF}

#form-right label {width:100px; float:left}
#form-right .inputter {float:left}
#form-right select {width:150px; float:right}
#form-right .enquirebg {width:150px; float:right}
#form-right textarea {width:100%; float:left}