body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E6E6E6;
	color: #000; 
}
img { border: none; }
a img { boder: none; }
span.hidden { display: none; }
div.page {
	width: 910px;
	min-height: 800px;
	margin: 5px auto;
}

div.site {
	width: 745px;
	min-height: 800px;
	float: left;
}

div.ads {
	width: 160px;
	margin: 0px 0px 0px 5px;
	min-height: 800px;
	float: left;
	background-color: #E6E6E6;
}

div.site div.left {
	width: 256px;
	min-height: 750px;
	background-color: #B0B0B0;
	float: left;
}

div.left div.top {
	background-color: #000;
	color: #FFF;
	width: 254px;
	height: 139px;
	margin: 8px 1px 2px;
}

div.left div.top div.links {
	width: 254px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.left div.top div.logo {
	width: 254px;
	height: 118px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url("../images/yps-logo.jpg");
	background-position: center top;
	background-repeat: no-repeat;
}
div.left div.top div.links a { color: #C0C0C0; }
div.left div.top div.logo a { display: block; width: 254px; height: 118px; }

div.left div.navigation {
	width: 254px;
	height: 182px;
	margin: 6px 1px;
}

div.left div.signup {
	width: 254px;
	height: 142px;
	margin: 6px 1px;
	background-image: url("../images/box1-background.jpg");
	background-repeat: repeat-x;
}

div.left div.signup form {
	margin: 2px 3px 2px 3px;
}

div.left div.tools {
	width: 254px;
	height: 128px;
	margin: 6px 1px;
	background-image: url("../images/box2b-background.jpg");
	background-repeat: repeat-x;
}

div.left div.mortgage {
	width: 254px;
	height: 166px;
	margin: 6px 1px;
	background-image: url("../images/box3-background.jpg");
	background-repeat: repeat-x;
}

div.site div.right {
	width: 484px;
	min-height: 750px;
	margin: 0px auto;
	float: left;
}

div.right div.contentlogo {
	width: 484px;
	height: 155px;
	background-image: url("../images/yourpropertyforsale2.jpg");
	background-repeat: no-repeat;
}

div.right div.search {
	width:  480px;
	height: 220px;
	background-image: url("../images/search-background.jpg");
	background-repeat: repeat-x;
	margin: 8px 2px;
}

div.right div.findagent {
	width: 480px;
	height: 45px;
	background-image: url("../images/agent-background.jpg");
	background-repeat: repeat-x;
	margin: 8px 2px;
}

div.right div.featuredproperties {
	width: 480px;
	height: 227px;
	margin: 8px 2px;
	background-image: url("../images/property-background.jpg");
	background-repeat:  repeat-x;
}

div.right div.content {
	width: 483px;
	height: 580px;
	padding: 8px 2px;
	overflow: auto;
}

div.site div.footer {
	width: 743px;
	height: 50px;
	float: left;
	background-image: url("../images/footer-background.jpg");
	background-repeat: repeat-x;
}

div.footer div.footerleft {
	width: 238px;
	height: 30px;
	padding: 10px;
	float: left;
	font-size: 10px;
}

div.footer div.footerright {
	width: 461px;
	height: 34px;
	padding: 5px 10px;
	float: left;
	background-image: url("../images/right-foot-background.jpg");
	background-repeat: repeat-x;
	margin: 3px 4px 3px 0px;
}

div.title {
	margin: 2px 1px;
	background-repeat: no-repeat;
	padding: 4px 10px 4px 20px;
}

div.left div.title {
	width: 224px;
	height: 16px;
	color: #FFF;
	font-size: 16px;
}

div.right div.title {
	width: 443px;
	height: 16px;
	padding: 8px 10px 4px 20px;
        font-size: 10px;
}

div#signup { background-image: url("../images/signup-ball.jpg"); background-position: 2px 4px; }
div#homebuying { background-image: url("../images/homebuying-ball.jpg"); background-position: 2px 4px; }
div#mortgage { background-image: url("../images/mortgage-ball.jpg"); background-position: 2px 4px; }
div#search { background-image: url("../images/search-ball.jpg"); background-position: 2px 8px; font-weight: bold; }
div#featured { background-image: url("../images/properties-ball.jpg"); background-position: 2px 4px; padding: 4px 10px 4px 20px; }
div#agent { background-image: url("../images/agent-ball.jpg"); background-position: 2px 12px; padding: 12px 10px 0px 20px; width: 129px; float: left; font-weight: bold; }
div#one { background-image: url("../images/one-ball.jpg"); background-position: 2px 6px; }
div#two { background-image: url("../images/two-ball.jpg"); background-position: 2px 6px; }
div.findagent div.agentform { width: 295px; height: 17px; padding: 5px 10px; float: left; }

ul.nostyle {
	padding: 0px;
	margin: 0px;
}

ul.nosyle li {
	list-style-type: none;
}

ul#nav li {
	background-image: url("../images/li-background.jpg");
	background-repeat: repeat-x;
	list-style-type: none;
	width: 254px;
	height: 26px;
	margin: 1px 0px;
}

ul#nav li a ,ul#bluearrows li a {
	color: #000;
	text-decoration: none;
}

ul#nav li a:hover , ul#bluearrows li a:hover { text-decoration: underline; }
ul#nav li a.current , ul#bluearrows li a.current { font-weight: bold; }

ul#bluearrows li {
	width: 112px;
	height: 28px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 5px;
	background-image: url("../images/bluearrow-li.jpg");
	background-position: 0px 4px;
	background-repeat: no-repeat;
	list-style-type: none;
	float: left;
	display: block;
}

ul#greenarrows li {
	width: 240px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
	background-image: url("../images/green-li.jpg");
	background-position: 0px 4px;
	background-repeat: no-repeat;
	list-style-type: none;
}

label.bold , span.bold { font-weight: bold; }

div.half {
	width: 48%;
	min-height: 20px;
	margin: 2px 1% 3px;
	float: left;
}

div.label {
	width: 33%;
	min-height: 20px;
	margin: 0px 1%;
	float: left;
	font-size: 10px;
}

div.input {
	width: 63%;
	min-height: 20px;
	margin: 0px 1%;
	float: left;
}

ul#nav li a {
	display: block;
	padding: 5px 0px 5px 55px;
	width: 199px;
	margin: 1px 0px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: left top; 
}
a#search { background-image: url("../images/search-li.jpg"); }
a#selling { background-image: url("../images/sell-li.jpg"); }
a#renting { background-image: url("../images/rent-li.jpg"); }
a#homefinance { background-image: url("../images/finance-li.jpg"); }
a#moving { background-image: url("../images/moving-li.jpg"); }
a#advice-screen { background-image: url("../images/advice-li.jpg"); }

/* Search stuff */

div.carrow div.title {
	border: 1px solid #000;
	color: #000;
	float: left;
	font-weight: bold;
	height: 20px;
	margin: 0px;
	width: 349px;
	padding: 0px 0px 0px 10px;
	background-color: #E45916;
}
div.carrow div.title a {
	color: #FFF;
	text-decoration: none;
}

div.carrow div.pricehead {
	border: 1px solid #000;
	color: #000;
	float: left;
	font-weight: bold;
	height: 20px;
	margin: 0px 0px 0px 5px;
	text-align: center;
	width: 98px;
	background-color: #F5B41A;
}

div.carrow div.houseadvert {
	border: 1px solid #E45916;
	background-color: #FFF;
	float: left;
	height: 100px;
	margin: 5px 0px;
	padding: 0px 5px;
	width: 349px;
}
img.listimg {
	float: left;
	margin: 0px 5px;
}

div.housetext {
	float: left;
	height: 80px;
	width: 172px;
}

div.carrow div.price {
	border: 1px solid #E45916;
	float: left;
	height: 80px;
	padding: 10px 0px;
	margin: 5px 0px 5px 5px;
	text-align: center;
	width: 98px;
	background-color: #FFF;
	color: #F26722;
}

div.carrow div.price span.price { color: #000; }

div.esptop , div.espbottom {
	width: 98%;
	height: 250px;
	margin: 5px 1%;
	background-color: #FFF;
	border: 1px solid #E45916;
}

div.esptop div.esptitle , div.esptop div.espstatus {
	width: 58%;
	height: 20px;
	padding: 0px 1%;
	float: left;
}

div.esptop div.espcode , div.esptop div.espprice {
	width: 38%;
	height: 20px;
	padding: 0px 1%;
	float: left;
}

div.esptop div.espimage {
	width: 98%;
	height: 200px;
	margin: 5px 1%;
	float: left;
}

div.espimage div.espbigimg {
	width: 250px;
	height: 150px;
	margin: 5px;
	float: left;
}

div.espimage div.espimages {
	width: 190px;
	height: 190px;
	margin: 5px 0px;
	float: left;
}

div.espimage div.espimages div.smallimage {
	width: 90px;
	float: left;
	border: 1px solid #E45916;
	background-color: #CCC;
	margin: 2px 1px 3px;
}
div.espimage div.espimages div.smallimage img { display: block; margin: auto; }

div.espdescription {
	width: 66%;
	height: 205px;
	overflow: auto;
	margin: 0px 1%;
	padding: 5px 1%;
	float: left;
	background-color: #FFF;
	border: 1px solid #F5B41A;
}

span.pheader {
	color: #E45916;
}

div.espfeatures {
	width: 25%;
	height: 205px;
	overflow: auto;
	margin: 0px 1%;
	padding: 5px 1%;
	float: left;
	background-color: #FFF;
	border: 1px solid #F5B41A;
}

div.espfeatures span.features {
	display: block;
	color: #FFF;
	font-weight: bold;
	background-color: #E45916;
	width: 95%;
	margin: 2px 1% 3px;
	padding: 0px 2%;
}

div.esptop div.espdata {
	width: 220px;
	height: 250px;
	border: 1px solid #000;
	float: left;
	margin: 0px 0px 0px 1px;
}

div.espcontact {
	background-color: #FFF;
	border: 1px solid #E45916;
	float: left;
	height: 75px;
	margin: 5px 1%;
	padding: 5px 3px;
	width: 96%;
}

div.tb {
	width: 30%;
	margin: 5px 2%;
	float: left;
	min-height: 20px;
}

div.otb {
	width: 60%;
	margin: 5px 2%;
	float: left;
	min-height: 20px;
}

a.big { color: #E45916; text-decoration: none; font-size: 16px; }
a.sub { color: #000; text-decoration: none; }

div.formholder {
	width: 471px;
	background-color: #FFF;
	border: 1px solid #E45916;
	min-height: 565px;
	margin: 5px 2px;
	float: left;
}

div.full {
	width: 98%;
	min-height: 20px;
	float: left;
}

div.potitle { width: 50%; margin: 0px 1%; float: left; }
div.poprice { width: 20%; margin: 0px 1%; float: left; }
div.poselect { width: 20%; margin: 0px 1%; float: left; }
span.header { color: #E45916; font-weight: bold; }

div.featured { width: 234px; float: left; min-height: 190px; border: 1px solid #E45916; background-color: #FFF; margin: 3px 1px 0px; padding: 0px 1px;  }
div.featured div.title { width: 94%; min-height: 20px; background-image: none; padding: 8px 5px 0px; background-color:#E45916; border:1px solid #000000; }
div.featured div.title a { color: #FFF; text-decoration: none; }
div.featured div image { width: 230px; height: 136px; }
div.featured div.price { width: 98%; min-height: 20px; }
div.featured div.blurb { width: 98%; min-height: 60px; }

div.maincontent {	width: 480px; background-color: #FFF; border: 1px solid #E45916; margin: 3px 1px 0px; padding: 0px 1px; height: 160px; overflow: auto; }
