@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;
	min-height: 100%;
	margin:0px auto;
	clear:left;
	text-align:left;	
	background:#ffffff;
	overflow: hidden;
	}
	
/* --------------------------------------------------------------    
	Positioning Elements      
-------------------------------------------------------------- */

#header {
	width:900px;
	height:114px;
	float:left;
	border-bottom:solid #eceded 4px
	}
#header fieldset {
	margin: 22px 22px 0;
	}	
#header p {
	color: #EE3A43;
	margin: 0 0 10px;
	font: 1.2em/1 Arial, Helvetica, sans-serif;
	float: none;
	}		
#header p input {
	width: 146px;
	background-color: #E0E0E1;
	color: #656566;
	margin-right: 16px;
	padding: 4px;
	border: 1px dotted #CECFD0;
	font-size: 1em;
}	
#header p input.submit {
	background-color: #ee3a43;
	font-weight: bold;
	border: 1px solid #ee3a43;
	color: white;
	width: auto;
	padding: 4px 8px;
	cursor: pointer;
}
#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;
	background: white url(../images/part-exchange-strawberry-scotland-home-banner.png) 0 0 no-repeat;
	}
.banner-full-width a:link, .banner-full-width a:visited {
	display: block;
	width: 869px;
	height: 320px;
	background: url(../images/ss-arrow.png) 228px 25px no-repeat;
	text-indent: -999em;
}
.banner-full-width a:focus, .banner-full-width a:hover, .banner-full-width a:active {
	background-image: url(../images/ss-arrow-hover.png);
}
.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}

/* --------------------------------------------------------------    
	Perch additions (News)    
-------------------------------------------------------------- */

.news_col1 {
	float: left;
	margin: 0 15px 0 22px;
	width: 256px;
	}
.news_col1 h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #ee3a43;
	}
.news_col1 ul {
	list-style: none;
	margin-bottom: 22px;
	}
.news_col1 li {
	font-size: 1.2em;
	line-height: 2;
	font-weight: bold;
	}
.news_col1 a:link, .news_col1 a:visited {
	color: #010101;
	text-decoration: none;
	}

	
.news_col2 {
	float: left;
	margin: 0 22px 10px 15px;
	width: 570px;
	}
	
.news_col2 h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #ee3a43;
	margin-bottom: 10px;
	float: none; 
	}
	
.news_col2 h3 {
	float: none;
	font-size: 1.2em;
	font-weight: bold;
	}
.news_col2 h3 a {
	color: #010101;
	}
	
.news_col2 img {
	max-width: 570px;
	}
.news_col2 img {
	margin-bottom: 10px;
	float: none;
	}
.news_col2 p {
	float: none;	
	}
.news_col2 p, .news_col2 ol, .news_col2 ul {
	font-size: 1.2em;
	margin-bottom: 10px;
	}	
.news_col2 a {
	color: #949598;
	text-decoration: none;	
	}
.news_col2 a:focus, .news_col2 a:hover, .news_col2 a:active {
	color: #ee3a43;
	}	
.section {
	}	
.section .article {
	color: #010101;
	font-weight: bold;
}
.news_col2 .article {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #b4b7bb;
	}
.older a:before {
	content: "< ";
	}	
.sharethis span {
	vertical-align: top;
	margin-left: 4px;
}	


/* --------------------------------------------------------------    
	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;
	min-height:30px;
	float:right;
	list-style:none;
	background:#ffffff;
	border-top: solid 4px #eceded;
	border-bottom: solid 4px #eceded;
	overflow: hidden;
	}
#footer div {
	float: left;
	margin: 10px 30px 0;
	}
#footer div p {
	margin: 0 0 10px;
	float: none; 
	font-size: 1.2em;	
	}	
#footer div p a {
	text-decoration: none;
} 
#footer div.col_1 {
	width: 186px;
	margin-left: 22px;
	margin-right: 0;
	}
#footer div.col_2 {
	width: 304px;
	}
#footer div.col_2 a {
	color: #818285;
	}	
#footer div.col_2 a:focus, #footer div.col_2 a:hover, #footer div.col_2 a:active {
	color: #EE3A43;
	}	
#footer div.col_3 {
	width: 276px;
	margin-right: 22px;
	}
#footer div p img {
	float: none;
	margin: 2px 0 0 8px;
	vertical-align: top;
	}

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
	}	
#news .news-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}