* { margin:0px; padding:0px; }
html {
    height: 100%;
	background-image: url(binaries/html.jpg);
	background-repeat: repeat;
	background-position: center 540px;
}
body {
	font-size:62.5%;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	background:url(binaries/background.jpg) top center repeat-x;
}
html>body {
 min-height: 100%;
 height: auto;
}

.replace { text-indent:-999em; overflow:hidden; }
.clearer { clear:both; }
.left { text-align:left; }
.right { float:right; }
.paddit { padding-right:20px; padding-top:15px; }

#wrapper {
	width:940px;
	margin:0 auto;
	background:url(binaries/container.jpg) top center no-repeat;
}

#header {
	width:920px;
	margin:0;
	position:relative;
	height:132px;
}
h1#logo {
	width:338px;
	height:94px; /* added 20px */
	background:url(binaries/stephensons.gif) bottom left no-repeat;
}
/* navigation styles */
ul#mainNav {
	float:right;
	width:723px;
	position:absolute;
	bottom:0px;
	right:0px;
}
ul#mainNav li {
	float:left;
	display:block;
	height:31px;
	text-indent:-999em;
}
ul#mainNav li a{
	display:block;
	height:31px;
	outline:none;
	background-position:bottom;
}
ul#mainNav li a:hover, #current {
	background-position:top!important;
}
ul#mainNav li a.home {
	width:71px;
	background-image:url(binaries/navigation/home.jpg);
}
ul#mainNav li a.property {
	width:140px;
	background-image:url(binaries/navigation/property.jpg);
}
ul#mainNav li a.about {
	width:93px;
	background-image:url(binaries/navigation/aboutus.jpg);
}
ul#mainNav li a.letting {
	width:146px;
	background-image:url(binaries/navigation/lettings.jpg);
}
ul#mainNav li a.mortgage {
	width:204px;
	background-image:url(binaries/navigation/mortgage.jpg);
}
ul#mainNav li a.contact {
	width:69px;
	background-image:url(binaries/navigation/contact.jpg);
}

/* page layout */
#page {
	padding:70px 50px 1px 50px;
	position:relative;
	background:transparent;
}

/* home page */
#has-sub #page {
	background:transparent url(binaries/pageBG.png) bottom center no-repeat;
}
#lakes #page {	
	background:transparent url(binaries/lakes.jpg) bottom center no-repeat;
	padding-bottom:200px;
}
.legal {
	color:#FFFFFF;
	position:absolute;
	bottom:20px;
	left:50px;
	width:400px;
}
#contact #page {
	background:transparent url(binaries/pageSwirl.jpg) center 395px  no-repeat;
}
#sub {
	position:relative;
	width:900px;
	margin:0 auto;
	min-height:225px;
	background:url(binaries/subBG.png) top center no-repeat;
	padding-top:30px;
}
#sub #text {
	float:right;
	width:635px;
	z-index:99;
	position:relative;
	padding-right:20px;
}
#sub #text ul{
	list-style:none;
}
#keys {
	position:absolute;
	width:252px;
	height:225px;
	bottom:-27px;
	background:url(binaries/keys.png) bottom left no-repeat;
	z-index:98;
}
#handShake {
	width:483px;
	height:300px;
	background:url(binaries/handShake.png) bottom left no-repeat;
	z-index:98;
	float:left;
	position:absolute;
	bottom:0;
}
/* page cotent layot */
.forSale {
	width:136px;
	height:98px;
	background:url(binaries/forSale.png) top left no-repeat;
	position:absolute;
	top:-40px;
	right:245px;
}
#leftCol {
	width:450px;
	float:left;
	position:relative;
	margin-bottom:20px;
}
#leftColWide {
	width:760px;
	float:left;
	margin:20px 0px;
}
#rightCol {
	width:310px;
	float:right;
	position:relative;
}


/* footer styles */

#footer {
	width:900px;
	height:30px;
	margin:0px auto;
	border-top:3px #6125AD solid;
}
.footWrap {
	padding:10px;
}
.footWrap p {
	width:300px;
	line-height:30px;
}
.footWrap a {
	color:#000;
}
.copy {
	float:left;
}
.credit {
	float:right;
	text-align:right;
}
#legal {
	width:900px;
	margin:0 auto;
	color:#666666;
}
#legal a{
	color:#666666;
	text-decoration:none;
}
#legal a:hover {
	text-decoration:underline;
}

/* TEXT styles */
h2 {
	font-size:4.3em;
	color:#3D176D;
	margin-bottom:20px;
	line-height:1em;
}
h3 {
	color:#333333;
	font-size:2.1em;
	margin-bottom:15px;
	position:relative;
}
h3 span {
	color:#6125AD;
	position:absolute;
	top:-1px;
	left:-1px;
}
h4  {
	color:#6125AD;
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:10px;
}
h5 {
	color:#560A9B;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:10px;
}
p, h6 {
	font-size:1.2em;
	margin-bottom:10px;
	font-weight:normal;
}
strong {
	color:#6125AD;
	font-size:1.1em;
}
#sub li {
	margin-left:10px;
	font-size:1.2em;
}	

/* form styles */
#relative-search-wrapper {
	width:900px;
	height:0px;
	position:relative;
	z-index:99;
}
#search {
	position:absolute;
	z-index:99;
	width:900px;
	height:78px;
	left:50px;
	top:-35px;
	background:url(binaries/spyglass.png) top left no-repeat;
	padding-left:250px;
}
#search input {
	display:inline;
}
#search button {
	height:2em;
	background:transparent;
	border:0;
	text-align:left;
}
#spyglass {
	position:absolute;
	padding:5px;
	background:transparent;
	left:64px;
	top:9px;
	border:0;
	color:#999999;
}

/* contact form s */
#stylized{
		border:solid 2px #9E71C7;
		background:#F5ECFF;
		padding:15px;
	}
	#stylized h3, #search_lettings h3 {
		font-size:1.4em;
		font-weight:bold;
		margin-bottom:8px;
		color:#6125AD!important;
	}
	#stylized p, #search_lettings p {
		font-size:1.1em;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #9E71C7;
		padding-bottom:10px;
	}
	#stylized label {
		display:block;
		font-weight:bold;
		text-align:right;
		width:60px;
		float:left;
	}
	#stylized .small {
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:60px;
	}
	#stylized input {
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #9E71C7;
		width:160px;
		margin:2px 0 20px 10px;
	}
	#stylized textarea {
		float:left;
		font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		font-size:1.2em;
		padding:4px 2px;
		border:solid 1px #9E71C7;
		width:160px;
		height:80px;
		margin:2px 0 20px 10px;
	}
	#stylized button { 
		width:125px;
		height:31px;
		background:#666666 url(binaries/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		border:none;
		float:right;
		font-weight:bold;
		margin-left:5px;
	}
/* search lettings styles */
#search_lettings {
		border:solid 2px #9E71C7;
		background:#F5ECFF;
		padding:20px 0px 20px 20px;
		width:400px;
}
#search_lettings label{
		display:block;
		text-align:right;
		width:60px;
		float:left;
		font-size:1.2em;
	}
	#search_lettings select{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #9E71C7;
		width:100px;
		margin:0px 30px 0px 10px;
	}
	#search_lettings button { 
		clear:both;
		width:125px;
		height:31px;
		background:#666666 url(binaries/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		border:none;
		float:right;
		margin-right:30px;
		font-weight:bold;
	}
#leftCol ul, #rightCol ul {
	list-style:none;
	font-size:1.2em;
	margin-bottom:30px;
}
#leftCol ul li, #rightCol ul li {
	line-height:30px;
	background:url(binaries/tick.jpg) left no-repeat;
	padding-left:27px;
	margin-left:10px;
	margin-bottom:2px;
	vertical-align:middle;
}
#leftCol ul li.noline, #rightCol ul li.noline { /* for li's that are longer that one line */
	line-height:normal!important;
	height:30px;
}
#lettingWeek img {
	float:left;
	padding:10px;
}


/* WINDOW HOLDER STYLES */
#windowHolder {
	width:295px;
	background:url(binaries/windowWire.png) top center repeat-y;
	position:absolute;
	top:0;
	right:40px;
	padding-top:60px;
	padding-left:45px;
}
#windowHolder li {
	list-style:none;
	float:left;
	width:115px;
	height:170px;
	background:#6125AD;
	margin-right:20px;
	margin-bottom:60px;
	color:#FFFFFF;
}
#windowHolder li.top {
	position:absolute;
	top:0;
	left:0;
	width:340px;
	height:40px;
	background:url(binaries/windowTop.png) top center no-repeat;
	text-indent:-999em;
}
#windowHolder li.bottom {
	position:absolute;
	bottom:-20px;
	left:0;
	width:340px;
	height:90px;
	background:url(binaries/windowBottom.png) bottom center no-repeat;
	text-indent:-999em;
	margin:0px;
	z-index:99;
}
.office img {
	float:left;
	padding-right:20px;
}
.office .text {
	float:left;
}
.advisor img{
	float:left;
	padding-right:20px;
}
#propertyWeek img {
	margin-bottom:10px;
}

#success, #badserver, #bademail {
	float:left;
	color:#6125AD;
	font-size:1.1em;
	padding:10px 0px;
}