/* Clements Estate Agents Common Styles */

	html {
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
	body {
		margin:0;
		padding:0;
		height: 100%;
		font: 62.5%/1.6 Helvetica, Arial, sans-serif;
		color:#000000;
		background-color: #333333;
	}
	
	h1, h2, h3, h4, h5, h6 {
		margin:0;
		padding:0;
		font-family:Helvetica, Arial, sans-serif;
		font-size: 1.4em;
		font-weight: normal;
		color: #0070B2;
		border-bottom: 1px solid #0070B2;
	}
	
	p {
		margin:0;
		padding:0 0 10px 0;
	}
	
	form {
		margin:0;
		padding:0;
	}
	
	#header {
		position:relative;
		margin:0;
		padding: 0;
		display:block;
		background-color:#000000;
		height: 109px;
		width: 100%;
	}
	
	#header h1 {
		position:absolute;
		margin:0;
		padding:0;
		top: 0;
		left: 0;
		width: 223px;
		height: 79px;
		background: #000000 url(../images/clements_logo.gif) 0 0 no-repeat;
		text-indent:-9000px;
		border-bottom:none;
	}
	
	#quote {
		position:absolute;
		margin:0;
		padding:0;
		top: 42px;
		right:0;
		width: 550px;
		height: 37px;
		
	}
	
	#quote p {
		width: 550px;
		height: 37px;
		text-indent:-9000px;
	}

/* Quotes for top of the page */
	
	/* Used on -  */
	.advicerequest-quote {
		background: #000000 url(../images/clements_quote_advicerequest.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.buying-quote {
		background: #000000 url(../images/clements_quote_buying.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.companydetails-quote {
		background: #000000 url(../images/clements_quote_companydetails.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.companyprofile-quote {
		background: #000000 url(../images/clements_quote_companyprofile.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.contactus-quote {
		background: #000000 url(../images/clements_quote_contactus.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.express-quote {
		background: #000000 url(../images/clements_quote_express.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.home-quote {
		background: #000000 url(../images/clements_quote_home.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.insideclements-quote {
		background: #000000 url(../images/clements_quote_insideclements.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.news-quote {
		background: #000000 url(../images/clements_quote_news.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.ourpeople-quote {
		background: #000000 url(../images/clements_quote_ourpeople.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.rentals-quote {
		background: #000000 url(../images/clements_quote_rentals.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.satisfiedclients-quote {
		background: #000000 url(../images/clements_quote_satisfiedclients.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.searchlistings-quote {
		background: #000000 url(../images/clements_quote_searchlistings.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.selling-quote {
		background: #000000 url(../images/clements_quote_selling.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.sold-quote {
		background: #000000 url(../images/clements_quote_sold.gif) 0 0 no-repeat;
	}
	/* Used on -  */
	.whyclements-quote {
		background: #000000 url(../images/clements_quote_whyclements.gif) 0 0 no-repeat;
	}
	
/* Clements Estate Agents Navigation Styles */

#nav { float:left; margin:0; padding:0; position: absolute; top:79px; left:0; width:1000px; height:30px; background: url(../images/nav-new.gif) no-repeat 0 0;} 

#nav ul {float: left; margin: 0; padding: 0; list-style: none; width:1000px; height: 30px; position:relative; top: 0px; left: 0px; background: url(../images/nav-new.gif) no-repeat 0 0;}

#nav li {display: inline; margin:0; padding:0; height: 30px;}

#nav li a:link, #nav li a:visited {display: block; position:absolute; text-indent: -9000px; text-decoration:none; font-size:0.1em;}

/* ------ Navigation Sections ------ */

#nav li.home a:link, #nav li.home a:visited {left: 0; width: 93px; height: 30px;}

#nav li.express a:link, #nav li.express a:visited {left: 94px; width: 95px; height: 30px;}

#nav li.searchlistings a:link, #nav li.searchlistings a:visited {left: 190px; width: 126px; height: 30px;}

#nav li.selling a:link, #nav li.selling a:visited {left: 317px; width: 89px; height: 30px;}

#nav li.soldgallery a:link, #nav li.soldgallery a:visited {left: 407px; width: 119px; height: 30px;}

#nav li.buying a:link, #nav li.buying a:visited {left: 527px; width: 92px; height: 30px;}

#nav li.rentals a:link, #nav li.rentals a:visited {left: 620px; width: 87px; height: 30px;}

#nav li.aboutus a:link, #nav li.aboutus a:visited {left: 708px; width: 101px; height: 30px;}

#nav li.news a:link, #nav li.news a:visited {left: 810px; width: 88px; height: 30px;}

#nav li.contactus a:link, #nav li.contactus a:visited {left: 899px; width: 101px; height: 30px;}

/* ------ Navigation Hover ------ */

#nav li.home a:hover {left: 0; width: 93px; height: 30px; background: url(../images/nav-new.gif) no-repeat 0 -31px;}

#nav li.express a:hover {left: 94px; width: 95px; height: 30px; background: url(../images/nav-new.gif) no-repeat -94px -31px;}

#nav li.searchlistings a:hover {left: 190px; width: 126px; height: 30px; background: url(../images/nav-new.gif) no-repeat -190px -31px;}

#nav li.selling a:hover {left: 317px; width: 89px; height: 30px; background: url(../images/nav-new.gif) no-repeat -317px -31px;}

#nav li.soldgallery a:hover {left: 407px; width: 119px; height: 30px; background: url(../images/nav-new.gif) no-repeat -407px -31px;}

#nav li.buying a:hover {left: 527px; width: 92px; height: 30px; background: url(../images/nav-new.gif) no-repeat -527px -31px;}

#nav li.rentals a:hover {left: 620px; width: 87px; height: 30px; background: url(../images/nav-new.gif) no-repeat -620px -31px;}

#nav li.aboutus a:hover {left: 708px; width: 101px; height: 30px; background: url(../images/nav-new.gif) no-repeat -708px -31px;}

#nav li.news a:hover {left: 810px; width: 88px; height: 30px; background: url(../images/nav-new.gif) no-repeat -810px -31px;}

#nav li.contactus a:hover {left: 899px; width: 101px; height: 30px; background: url(../images/nav-new.gif) no-repeat -899px -31px;}

/* ------ Navigation Current ----- */

.p-home #nav li.home a:link, .p-home #nav li.home a:visited {left: 0; width: 93px; height: 30px; background: url(../images/nav-new.gif) no-repeat 0 -31px;}

.p-express #nav li.express a:link, .p-express #nav li.express a:visited {left: 94px; width: 95px; height: 30px; background: url(../images/nav-new.gif) no-repeat -94px -31px;}

.p-searchlisting #nav li.searchlistings a:link, .p-searchlisting #nav li.searchlistings a:visited {left: 190px; width: 126px; height: 30px; background: url(../images/nav-new.gif) no-repeat -190px -31px;}

.p-selling #nav li.selling a:link, .p-selling #nav li.selling a:visited {left: 317px; width: 89px; height: 30px; background: url(../images/nav-new.gif) no-repeat -317px -31px;}

.p-soldgallery #nav li.soldgallery a:link, .p-soldgallery #nav li.soldgallery a:visited {left: 407px; width: 119px; height: 30px; background: url(../images/nav-new.gif) no-repeat -407px -31px;}

.p-buying #nav li.buying a:link, .p-buying #nav li.buying a:visited {left: 527px; width: 92px; height: 30px; background: url(../images/nav-new.gif) no-repeat -527px -31px;}

.p-rentals #nav li.rentals a:link, .p-rentals #nav li.rentals a:visited {left: 620px; width: 87px; height: 30px; background: url(../images/nav-new.gif) no-repeat -620px -31px;}

.p-aboutus #nav li.aboutus a:link, .p-aboutus #nav li.aboutus a:visited {left: 708px; width: 101px; height: 30px; background: url(../images/nav-new.gif) no-repeat -708px -31px;}

.p-news #nav li.news a:link, .p-news #nav li.news a:visited {left: 810px; width: 88px; height: 30px; background: url(../images/nav-new.gif) no-repeat -810px -31px;}

.p-contactus #nav li.contactus a:link, .p-contactus #nav li.contactus a:visited {left: 899px; width: 101px; height: 30px; background: url(../images/nav-new.gif) no-repeat -899px -31px;}





#wrapper {
	margin:0 auto 0 auto;
	padding:0;
	min-height: 100%;
	width: 1000px;
	background:url(../images/contentbg.gif) 0 0 repeat-y;
	background-color:#ffffff;
}

* html #wrapper {
	height:100%;
}

body.p-home #wrapper {
	background:url(../images/hp_contentbg-new.gif) 0 0 repeat-y;
}

#nonFooter {
	position: relative;
	min-height: 100%;
	margin: 0;
	padding: 0 0 31px 0;
	}

* html #nonFooter {
	height: 100%;
	padding: 0;
}

#content {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.2em;
	border-top: 1px solid #ffffff;
}

* html #content {
	padding: 0 0 45px 0;
}

#center-col {
	margin:0 290px 0 290px;
	padding:8px 0 0 0;

}

#center-col h2 {
	font-size: 1.8em;
	border: none;
}

#left-col {
	float: left;
	width: 280px;
	margin:0;
	padding:0;
}

#slideshow {
	float: left;
	width: 280px;
	height:240px;
	margin:0;
	padding:0;
	border-top: 1px solid #ffffff;
	background-color:#000;
}

#liveauction {
	float: left;
	width: 280px;
	height: 240px;
	margin:0;
	line-height: 18px;
	padding: 0 0 0 5px;
}

#slideshow img, #liveauction img {
	float:left;
	margin: 5px 0 5px 5px;
	padding:0;
}


#liveauction h2 {
	margin-left: 8px;
	margin-bottom: 0;
	width: 265px;
	color: #FFF;
	border-bottom:0;
	padding-top:10px;
	font-weight:bold;
}

#slideshow p {
	margin:0;
	padding:0;
	text-align:center;
	color: #3C3122;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.1em;
}

#right-col {
	float: right;
	width: 280px;
	margin:0;
	padding:0;
}



#feature-property {
	float: right;
	width: 280px;
	height:240px;
	margin:0;
	padding:0;
	border-bottom: 1px solid #ffffff;
	background-color:#C1DAFF;
}

#feature-property h2 {
	margin-left: 5px;
	margin-bottom: 0;
	width: 265px;
}

#feature-property p {
	margin:0;
	padding:0;
	text-align:center;
} 

#news-section {
	float: right;
	width:280px;
	margin:0;
	padding:0;
}

#news-section h2 {
	margin-left: 5px;
	padding-top: 5px;
	margin-bottom: 0;
	width: 265px;
}


#news-section ul {
	margin:10px 0 10px 0;
	padding:0;
	list-style:none;
}

#news-section li {
	margin:0 0 0 10px;
	padding:0 0 0 15px;
	background: url(../images/list_bullet.gif) 0 2px no-repeat;
}

.clearer {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
}


#footer {
	position: relative;
	margin: -31px auto 0 auto;
	padding: 0;
	width: 1000px;
	height: 30px;
	line-height:30px;
	font-size:1.1em;
	color: #FFF;
	border-top: 1px solid #ffffff;
	background: #000000;
}

#footer p { margin:0; padding:0; }

#address {
	float: left;
	margin: 0 0 0 10px;
	padding:0;
	width: 80%;
	height: 30px;
	font-weight:bold;
}


#clock {
	float: right;
	margin: 0 10px 0 0;
	padding:0;
	width: 18%;
	height: 30px;
	text-align:right;
	font-weight:bold;
}

* html #address {
	margin: 0 0 0 5px;
}

* html #clock {
	margin:0  5px 0 0;
}

#sub-nav {
	float:left;
	margin:0;
	padding:0;
	width: 154px;
}

#sub-nav ul {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
} 

#sub-nav li {
	margin:0 0 4px 0;
	padding: 0 0 0 20px;
	font-size:0.9em;
	background:url(../images/bullet_sub_nav.gif) 0 50% no-repeat;
}

#page-content {
	float:right;
	margin:0;
	padding:0;
	width: 840px;
}

#content a:link, #content a:visited, #content a:active {
	color: #0070BF;
	text-decoration:none;
}

#content a:hover, #content a:focus {
	color: #000000;
	text-decoration:underline;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover, #footer a:focus {
	color:#ffffff;
	text-decoration:underline;
}

#liveauction a:link, #liveauction a:visited, #liveauction a:active {
	color:#3C3122;
	text-decoration:none;
}

#liveauction a:hover, #liveauction a:focus {
	color:#000000;
	text-decoration:underline;
}

#liveauction h2 { border-bottom:0; }

#sub-nav a:link, #sub-nav a:visited, #sub-nav a:active {
	color:#FFF;
	text-decoration:none;
}

#sub-nav a:hover, #sub-nav a:focus {
	color:#FFF;
	text-decoration:underline;
}

.headings {  font-family: Helvetica, Arial, sans-serif; font-size: 21px; color: #0070B2; line-height:20px;}

.headingsb {  font-family: Helvetica, Arial, sans-serif; font-size: 21px; color: #FFF; line-height:20px;}

.headings2 {  font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #0070B2; line-height:20px;}

#quick-links { margin:0; padding:0; }
#quick-links li { margin:0 20px 0 5px; padding:1px 0 1px 20px; list-style:none; float:left; }
#blog-icon { background: url(/images/blog-icon.gif) 0 2px no-repeat; }
#twitter-icon { background: url(/images/twitter-icon.gif) 0 2px no-repeat; }
#facebook-icon { background: url(/images/facebook-icon.gif) 0 2px no-repeat; }
#youtube-icon { background: url(/images/youtube-icon.gif) 0 2px no-repeat; }
