/* Harrogate Property Search CSS by run2 */ 
/* Colours: gold: #b3a983, blue: #cef; old blues: darker #75a0ae, lighter #a2c2ca  */

body {
font: 100% Tahoma, Verdana, Geneva, Arial, sans-serif;
font-size: 0.8em;
margin: 25px auto;
padding: 0;
background: #ded9c9 url(/assets/hps_wallpaper.gif) top center;
text-align: center; 
}


/*HTML 5 defaults */
header, nav, article, aside, figure, section, footer { display: block; }


/* General Typography */
h1, h2, h3, h4, p, li { margin: 0; padding: 0; }
a { color: #666; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }


/* Span Classes */
.gold { color: #b3a983; font-weight: bold; }
.goldplain { color: #b3a983; }
.bold { font-weight: bold; }
.offleft { position: absolute; left: -999px; width: 990px; visibility: hidden; }
.w3c { border: none; }
.clear { clear: left; }


/* Control */
#wrapper { 
margin: 25px auto;
padding: 0; 
width: 900px;
text-align: left; 
background: #fff; 
border: 3px solid #b3a983;
}


/* header */
header { margin: 0; height: 235px; background: #fff; text-align: center; }
	header #pics { height: 107px; margin: 0 20px; background: #cef url(/assets/headerpics_bg.jpg) repeat-x; overflow: hidden; }
	header #noflash { height: 207px; margin: 0 20px; background: #cef url(/assets/headerflash_bg.jpg) repeat-x; overflow: hidden; }
	header object { display: block; margin: 0 auto 10px auto; padding: 0; border: 0; }
	header img { display: block; margin: 0 auto 10px auto; padding: 0; border: 0; }


/* main nav sidebar */ 
nav {
width: 250px;
font-family: Times, Times New Roman, serif;
font-size: 1.1em;
color: #000;
float: left;
}
	nav ul {
	padding: 0;
	margin: 5px 0 0 20px;
	}
		nav ul li {
		list-style: none;
		display: block;
		width: 100%;
		}
			nav ul li a {
			padding: 5px 20px;
			text-decoration: none;
			color: #000;
			font-weight: normal;
			display: block;
			}
				nav ul li a.selected { 
				background: #b3a983; 
				font-weight: bold; 
				text-decoration: none;
				}
				nav ul li a:hover {
				background: #b3a983;
				text-decoration: underline;
				}
	nav img { padding: 0; margin: 15px 20px 0 40px; }

aside { margin: 20px 0 20px 20px; border-top: 1px solid #b3a983; }
	aside h3 { margin: 20px 20px 0 20px; }
	aside p { margin: 10px 20px; }
	aside a { margin: 20px 0 0 0; }

#marketnews { display: block; margin: 20px 0 20px 20px; padding: 5px; background: #b3a983; }
#marketnews h3 { margin: 5px 20px 0 20px; }
#marketnews p { margin: 10px 20px; }
#marketnews a { margin: 20px 0 0 0; color: #cef; }


/* maincontent */
article {
clear: right; 
color: #666;
padding: 0 20px;
background: #fff url(/assets/menu_bg.gif) repeat-y;
}
	article h1 {
	padding: 0 0 0 250px;
	margin: 0;
	color: #000;
	font-family: Times, Times New Roman, serif;
	font-size: 2em;
	font-weight: normal;
	}
	article h2 {
	padding: 0 0 0 250px;
	margin: 10px 0;
	color: #b3a983;
	font-family: Times, Times New Roman, serif;
	font-size: 1.5em;
	font-weight: normal;
	}
	article h3 {
	padding: 0 0 0 250px;
	margin: 10px 0 0 0;
	color: #000;
	font-size: 1em;
	}
	article h4 {
	padding: 0 0 0 250px;
	margin: 10px 0 0 0;
	font-size: 1em;
	}
	article p { padding: 0 0 10px 250px; }
	article a { color: #b3a983; } 
	article a:hover { color: #000; } 
	article ul { list-style: none; margin-left: 0; margin-top: 0; padding: 0 0 0 250px; }
	article form { margin-left: 250px; }
		article fieldset { margin: 10px 0 0 0; }
		article fieldset p { margin-left: -250px; }
		article legend { font-weight: bold; color: #b3a983; }
		article fieldset.first { margin-left: 0; }
		.buttonsubmit { margin: 0 0 10px 0; background: #cef; width: 10em; }
		.buttonsubmitroll { margin: 0 0 10px 0; background: #b3a983; width: 10em; }

#callback { display: none; }
	#callback td { 
	height: 0.8em; 
	line-height: 0.8em; 
	padding: 0 10px 10px 0; 
	width: 8em; 
	}


/* footer */
footer { 
border-top: 20px solid #fff;
padding: 0 20px;
background: #cef;
color: #000; 
height: 2em; 
font-family: Times, Times New Roman, serif;
text-align: right ; 
}
	footer p { color: #000; }
	footer a { font-weight: normal; text-decoration: none; }
	footer ul { margin: 0; padding: 5px 0; list-style: none; display: block; }
		footer ul li { display: inline; padding: 5px 0; }
		footer ul li a { padding: 5px; color: #000; }
		footer ul li a.selected { background: #b3a983; font-weight:bold; text-decoration: none; }
		footer ul li a:hover { background: #b3a983; }