html {
	background: #e9e7d5 url(../img/bg.jpg);
}

body  {
	margin: 0;
	padding: 0;
	line-height: 1.22em;
	font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	background: url(../img/bg_loop.jpg) repeat-x;
}

/* Reset Rules
------------------------------- */

ol,ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,form,select {
	margin: 0;
	padding: 0;
}

a {
	outline: 0;
	color: #3a2b00;
}

h1,h2,h3,h4,h5,h6 {
	color: #5f4704;
}

/* Layout Rules
------------------------------- */

#container  {
	position: relative;
	width: 920px;
	margin: 0 auto;
}

/* Nav Rules
------------------------------- */

#nav {
	position: relative;
	width: 908px;
	height: 40px;
	padding: 0 0 0 12px;
	background: url(../img/nav_bg.png) no-repeat;
}

#nav a {
	float: left;
	display: block;
	height: 40px;
	text-indent: -9999px;
}

#nav a#nav_home { width: 78px;}
#nav a#nav_home:hover { background: url(../img/nav_home.png) no-repeat; }
#nav a#nav_search { width: 256px;}
#nav a#nav_search:hover { background: url(../img/nav_search.png) no-repeat; }
#nav a#nav_listings { width: 176px;}
#nav a#nav_listings:hover { background: url(../img/nav_listings.png) no-repeat; }
#nav a#nav_team { width: 154px; }
#nav a#nav_team:hover { background: url(../img/nav_team.png) no-repeat; }

form#site_search {
	position: absolute;
	top: 9px;
	right: 100px;
}

input#site_search_input {
	color: #919191;
	outline: none;
	border: none;
	height: 21px;
	*height: 18px;
	width: 110px;
}

a#btn_search_site {
	position: absolute;
	top: 0px;
	right: -62px;
	width: 60px;
	height: 22px;
}

/* Header Rules
------------------------------- */

#header {
	position: relative;
	width: 920px;
	height: 68px;
}

a#logo {
	display: block;
	width: 216px;
	height: 68px;
	margin: 0 auto;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
}

a#btn_contact {
	position: absolute;
	top: 27px;
	right: 38px;
	display: block;
	width: 77px;
	height: 22px;
	background: url(../img/btn_contactus.png) top left no-repeat;
	text-indent: -9999px;
}

a#btn_contact:hover {
	background-position: bottom left;
}

/* Title Rules
------------------------------- */

.title { height: 44px; }
.title h1 { text-indent: -9999px; }

#tctpresents { background: url(../img/title_tctpresents.png) no-repeat 50% 0; }
#tctlistings { background: url(../img/title_tctlistings.png) no-repeat 50% 0; }
#tctmeettheteam { background: url(../img/title_meettheteam.png) no-repeat 50% 0; }
#tctsearch { background: url(../img/title_search.png) no-repeat 50% 0; }
#tctlocalinfo { background: url(../img/title_localinfo.png) no-repeat 50% 0; }
#tctcontact { background: url(../img/title_contact.png) no-repeat 50% 0; }
#tctsearchresults { background: url(../img/title_searchresults.png) no-repeat 50% 0; }
#tctemail { background: url(../img/title_email.png) no-repeat 50% 0; }

/* Left Rules
------------------------------- */

#left {
	position: relative;
	float: left;
	width: 270px;
	margin: 8px 0 0 0;
}

#left h1 { color: #5f4704; font-size: 17px; font-weight: normal; }

.sidebar {
	padding: 13px 20px;
	background: #cfc6a5;
}

#sidebar_btm {
	width: 270px;
	height: 4px;
	background: url(../img/sidebar_btm_bg.png) no-repeat;
}

#sidebar_top {
	width: 270px;
	height: 4px;
	margin: 13px 0 0 0;
	background: url(../img/sidebar_top_bg.png) no-repeat bottom left;
}

#subnav {
	float: left;
	width: 200px;
	margin: 20px 0 0 0;
	background: url(../img/subnav_bg.png) no-repeat top left;
	min-height: 400px;
	height: auto !important; /*IE6 Fix*/
	height: 400px; /*IE6 Fix*/
}

ul#sub { margin: 24px 0 0 17px; }
ul#sub li { 
	margin: 0 0 12px 0;
	padding: 0 0 0 20px;
	background: url(../img/subnav_arrow.png) no-repeat;
}

ul#sub li a {
	text-decoration: none;
	color: #5f4704;
}

ul#sub li a:hover, ul#sub li.current a { font-weight: bold; }

.divide {
	position: relative;
	padding: 20px;
	background: #cfc6a5 url(../img/tan_divider.png) repeat-x top left;
}

.divide p, .empty_divider p {
	color: #47370a;
	margin: 0 0 10px 0;
}

.empty_divider {
	position: relative;
	padding: 20px;
	background: url(../img/empty_divider.png) no-repeat top left;
}

.empty_divider.nbg { background: none; }

.input {
	width: 216px;
	height: 18px;
	padding: 8px 7px;
	margin: 0 0 10px 0;
	background: url(../img/input_bg.png) no-repeat;
}

.input input {
	margin: -2px 0 0 0;
	width: 203px;
	padding-left: 5px;
	color: #666666;
}

select#qs_city { width: 216px; }
input.qs_value { width: 100px; height: 14px; margin: -2px 0 0 0; color: #919191; }
label.qs_label { color: #5f4704; font-size: 11px; margin: 0 12px 0 0;}
label.qs_label.nm { margin: 0; }
select#price_max { width: 100px; margin: 0 0 0 10px; }
select#price_min { width: 100px; }
#btns {
	height: 29px;
	background: url(../img/btn_bg.png) no-repeat top left;
}

a#btn_advsearch {
	display: block;
	float: right;
	width: 131px;
	height: 29px;
	text-indent: -9999px;
	background: url(../img/btn_advsearch.png) no-repeat;
}

a#btn_search_map {
	display: block;
	width: 232px;
	height: 149px;
	background: url(../img/map_Danville.gif) no-repeat;
	text-indent: -9999px;
}

a#btn_search_map.Alamo { background: url(../img/map_Alamo.gif) no-repeat; }
a#btn_search_map.Blackhawk { background: url(../img/map_Blackhawk.gif) no-repeat; }
a#btn_search_map.Diablo { background: url(../img/map_Diablo.gif) no-repeat; }
a#btn_search_map.Danville { background: url(../img/map_Danville.gif) no-repeat; }
a#btn_search_map.San.Ramon { background: url(../img/map_San-Ramon.gif) no-repeat; }
a#btn_search_map.Walnut.Creek { background: url(../img/map_Walnut-Creek.gif) no-repeat; }
a#btn_search_map.Pleasanton { background: url(../img/map_Pleasanton.gif) no-repeat; }
a#btn_search_map.Dublin { background: url(../img/map_Dublin.gif) no-repeat; }
a#btn_search_map.Livermore { background: url(../img/map_Livermore.gif) no-repeat; }
a#btn_search_map.Concord { background: url(../img/map_Concord.gif) no-repeat; }

a#btn_signup {
	display: block;
	width: 93px;
	height: 29px;
	background: url(../img/btn_signup.png) no-repeat;
	text-indent: -9999px;
}

a#btn_like_property {
	display: block;
	width: 272px;
	height: 37px;
	margin: 12px 0 0 0;
	text-indent: -9999px;
	background: url(../img/btn_likeproperty.png) no-repeat;
}

#quick_details {
	width: 230px;
	height: 30px;
	margin: 13px 0 0 0;
	padding: 10px 20px 0 20px;
	background: url(../img/quick_details_bg.png) no-repeat;
}

span.detail {
	color: #3a2b00;
	display: block;
	margin: 0 0 6px 0;
}

#other_properties {	margin: 15px 0 0 20px; }
ul#other_prop_list li {
	background: url(../img/li_arrow.png) no-repeat;
	margin: 0 0 6px 0; 
	padding: 0 0 0 20px;
	font-size: 13px;
	color: #333;
}

ul#other_prop_list li a { text-decoration: none; }
ul#other_prop_list li a:hover { text-decoration: underline; }

.sm { font-size: 10px; }

/* Content Rules
------------------------------- */

#content {
	float: right;
	width: 640px;
	margin: 20px 0 70px 0;
}

#full_content {
	width: 900px;
	margin: 20px auto 70px auto;
}

/* Agents Rules
------------------------------- */

#agents {
	width: 587px;
	min-height: 146px;
	height: auto !important;
	height: 146px;
	margin: 10px 0 0 5px;
	padding: 34px 0 0 33px;
	overflow: hidden;
	background: url(../img/agents_bg.png) no-repeat top left;
}

#agents h3 { color: #5f4704; font-size: 14px; font-weight: normal; }

.agent {
	float: left;
	width: 118px;
	color: #5f4704;
	font-size: 11px;
}

.agent.nw {	width: auto !important; }

span.phone { padding: 0 0 0 2px; }
span.email, span.member_title { display: block; }
.agent img { margin: 0 0 8px 0; } 
span.dre_number { display: block; font-size: 10px; }

#contact #agents {
	padding: 13px 0 0 15px;
	background: url(../img/agents_contact_bg.png) no-repeat top left;
}

#office_info {
	position: relative;
	width: 570px;
	height: 150px;
	margin: 25px 0 25px 30px;
	font-size: 13px;
}

a#office_map {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 232px;
	height: 149px;
	background: url(../img/office_map.gif) no-repeat;
	text-indent: -9999px;
}

/* Featured Property Rules
------------------------------- */

#featured_property {
	position: relative;
	width: 595px;
	height: 396px;
	padding: 9px 0 0 45px;
	background: url(../img/featured_property_bg.png) no-repeat top left;
}

#featured_property_nav {
	position: relative;
	width: 595px;
	height: 438px;
	padding: 9px 0 0 45px;
	background: url(../img/featured_property_nav_bg.png) no-repeat top left;
}

#features {
	position: relative;
	width: 570px;
	margin: 20px 0 0 40px;
}

ul#property_features {
	margin: 10px 0 0 0;
}

ul#property_features li {
	background: url(../img/li_arrow.png) no-repeat top left;
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
	font: normal 12px/20px Georgia;
	color: #333;
}

a#btn_virtual_tour {
	position: absolute;
	top: -9px;
	right: 0;
	display: block;
	width: 113px;
	height: 29px;
	text-indent: -9999px;
	background: url(../img/btn_virtual_tour.png) no-repeat;
}

a#btn_flyer {
	position: absolute;
	top: 0;
	right: 130px;
	height: 25px;
	background: url(../img/pdf.png) no-repeat top left;
	display: block;
	padding: 0 0 0 20px;
	font-size: 11px;
	color: #5f4704;
}

a#btn_flyer.novt {
	right: 0;
}

.listing {
	position: relative;
	float: left;
	width: 403px;
	padding: 3px 22px 0 25px;
	margin: 0 0 40px 0;
	color: #5f4704;
	background: url(../img/listing_bg.png) no-repeat top left;
}

.listing img { margin: 0 0 12px 0; border: 0; }
a img.list_img { border: 0 !important; }
.b_img { position: absolute; width: 800px; left: 60px; top: 160px; z-index: 9999; border: 8px solid #272727;}
#ol { background: #000; opacity: 0.7; width: 100%; height: 100%; position: absolute; z-index: 2;}
span.price { float: right; font: italic 15px/18px Helvetica; }
span.bedroom, span.bathroom, span.sqft { margin: 0 8px 0 0; }
span.links { display: block; margin: 8px 0 0 0; }
span.links a { text-decoration: none; font-weight: bold; color: #5f4704;}
span.address { display: block; width: 300px; font: bold 15px/18px Helvetica; margin: 0 0 6px 0;}
a.status {
	position: absolute;
	bottom: 3px;
	right: 22px;
	display: block;
	width: 79px;
	height: 19px;
	text-indent: -9999px;
}

a.Pending { background: url(../img/status_pending.png) no-repeat; }
a.Active { background: url(../img/status_available.png) no-repeat; }
a.Sold { background: url(../img/status_sold.png) no-repeat; }

a#btn_gallery {
	display: block;
	width: 319px;
	height: 90px;
	margin: 20px auto 0 auto;
	text-indent: -9999px;
	background: url(../img/btn_gallery.png) no-repeat;
}

a#overlay {
	position: absolute;
	bottom: 24px;
	left: 45px;
	width: 516px;
	height: 56px;
	padding: 12px 20px;
	background: url(../img/overlay_bg.png);
	color: #fff;
	z-index: 8000;
	font-size: 13px;
	font-family: Georgia;
	text-decoration: none;
}

a#overlay:hover { text-decoration: underline; }

a#overlay span { font-family: Helvetica; font-size: 11px; }

.btn_zoom {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/zoom.gif) no-repeat center center;
	bottom: 27px;
	right: 40px;
	text-indent: -9999px;
	z-index: 1000;
}


#email_notes {
	margin: 5px 0 0 25px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#email_notes p {
	margin: 0 0 15px 0;
}

/* Meet the Team Rules
------------------------------- */

#two_col {
	float: left;
	width: 409px;
	padding: 0 35px 0 0;
	margin: 20px 0 70px 28px;
}

#two_col.cities {
	width: 570px;
}

#two_col p {
	line-height: 22px;
	margin: 0 0 30px 0;
}

#two_col_details {
	width: 212px;
	float: left;
	margin: 20px 0 0 0;
	background: url(../img/contact_team_bg.png) no-repeat top left;
	padding: 3px 0 0 3px;
}

#two_col_details.fr { float: right; margin: 0 0 0 20px;}

#two_col_details.nobg { background: none; }

#two_col_details img { margin: 0 0 10px 0; }

span#phone, span#email, span#address, span#fax, span#dre_number {
	display: block;
	height: 16px;
	padding: 0 0 0 22px;
	margin: 0 0 6px 0;
	color: #5f4704;
	font-style: italic;
	background: url(../img/phone_bg.png) no-repeat;
}

span#email { background: url(../img/email_bg.png) no-repeat; }
span#address { background: url(../img/map_icon.png) no-repeat; height: 32px;}
span#fax { background: url(../img/fax_icon.png) no-repeat; }
span#dre_number { background: none; font-size: 10px; }

span.weather, span.county, span.population {
	display: block;
	margin: 0 0 6px 0;
	color: #5f4704;
}

div.school {
	width: 190px;
	float: left;
}

.school ul {
	margin: 10px 0 0 0;
}

.school ul li {
	background: url(../img/li_arrow.png) no-repeat top left;
	padding: 0 0 0 20px;
	margin: 0 0 6px 0;
}

/* Contact Rules
------------------------------- */

#contact {
	width: 580px;
	margin: 0 0 0 10px;
}

.contact_team {
	margin: 0 0 10px 0;
	color: #5f4704;
}

span.agent_name {

	font-size: 14px;
}

#contact_form label {
	color: #5f4704;
	font-weight: bold;
	display: block;
}

#contact_form input {
	margin: 0 0 10px 0;
	display: block;
}

#contact_form textarea {
	width: 300px;
	height: 100px;
	margin: 0 0 10px 0;
}

/* Advanced Search Rules
------------------------------- */

#adv_search {
	width: 535px;
	margin: 0 0 0 25px;
	padding: 20px;
	background: #cfc6a5;
}

#adv_search_top, #adv_search_btm { 
	width: 575px;
	height: 4px;
	margin: 0 0 0 25px;
	background: url(../img/advsearch_top_bg.png) no-repeat bottom left;
}

#adv_search_btm { background: url(../img/advsearch_btm_bg.png) no-repeat; }

.divider {
	height: 2px;
	margin: 20px 0;
	background: url(../img/tan_divider.png) repeat-x top left;
}

span.checkbox {
	display: block;
	width: 140px;
	float: left;
	margin: 0 0 8px 0;
}

span.checkbox label { color: #5f4704; font-weight: bold; }

span.selects {
	clear: left;
	display: block;
	height: 30px;
}

span.selects select {
	float: left;
	width: 130px;
}

span.selects label { 
	float: left;
	display: block;
	width: 60px;
	color: #5f4704;
	font-weight: bold;
}

span.selects span.fl {
	float: left;
	margin: 0 10px;
	_margin: 0 5px; /*IE6 Fix*/
	color: #5f4704;
	font-weight: bold;
}

#options {
	display: inline;
	margin: 0 0 0 15px;
}

/* Attractions Rules
------------------------------- */

#local {
	float: right;
	width: 600px;
	margin: 20px 0 70px 0;
}

.attraction {
	margin: 0 0 35px 0;
}

.attraction h3 {
	color: #5f4704;
	margin: 0 0 10px 0;
}

.attraction ul {
	overflow: hidden;
}

.attraction ul li {
	float: left;
	display: inline;
	width: 165px;
	margin: 0 10px 15px 0;
	background: url(../img/li_arrow.png) no-repeat top left;
	padding: 0 0 0 20px;
}

.attraction ul li a {
	color: #5f4704;
	text-decoration: none;
}

.attraction ul li a:hover {
	text-decoration: underline;
}

/* Search DD Rules
------------------------------- */

#search_dd {
	position: absolute;
	z-index: 9999;
	top: -30px;
	right: -70px;
	width: 170px;
	background: url(../img/search_bg_top.png) no-repeat top left;
	padding: 8px 0 0 0;
}

#search_loop {
	width: 159px;
	padding: 0 5px 0 6px;
	background: url(../img/search_bg_loop.png) repeat-y;
}

#search_loop a {
	display: block;
	height: 32px;
	font: normal 12px/32px Georgia;
	color: #fff;
	padding: 0 0 0 15px;
	text-decoration: none;
	border-bottom: 1px solid #494949;
	border-top: 1px solid #6a6a6a;
}

#search_loop a.nbt { border-top: none; }
#search_loop a.nbb { border-bottom: none; }
#search_loop a:hover { background: #4d4d4d; }

#search_btm {
	width: 170px;
	height: 8px;
	background: url(../img/search_bg_btm.png) no-repeat top left;
}

#dd_arrow {
	position: absolute;
	top: 130px;
	left: -7px;
	width: 12px;
	height: 23px;
	background: url(../img/dd_arrow.png) no-repeat;
}

/* Map Rules
------------------------------- */

#map_canvas {
	width: 620px;
	margin: 0 0 0 10px;
	height: 530px;
	border: 5px solid #cfc6a7;
}

/* Sitemap Rules
------------------------------- */

#sitemap, #mortgage_calc {
	width: 570px;
	margin: 0 0 0 25px;
}

#sitemap p {
	font-size: 14px;
	margin: 15px 0;
	color: #5f4704;
}

#sitemap ul {
	margin: 20px 0 0 0;
}

#sitemap li {
	margin: 0 0 8px 0;
	padding: 0 0 0 20px;
	background: url(../img/li_arrow.png) no-repeat top left;
}

#sitemap ul li ul {
	margin: 8px 0 0 15px;
}

/* Footer Rules
------------------------------- */

#footer {
	position: relative;
	clear: both;
	width: 920px;
	height: 20px;
	padding: 26px 0 25px 0;
	color: #5f4704;
}

#footer a {
	margin: 0 15px;
	color: #5f4704;
	text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

#btn_aplogo {
	display: block;
	width: 149px;
	height: 61px;
	background: url(../img/ap_logo.png) no-repeat;
	position: absolute;
	bottom: 20px;
	right: 0;
	text-indent: -9999px;
}

/* Added by Caleb
------------------------------- */

.listing span.links a {text-decoration:underline;}

