/************************

	styles.css
	for Tierra Vista
	
	by MelitoKagan
	
	last update by
	Jeff on 8/18/2008
	
*************************/

body {
	margin: 0; padding: 0;
	background: url(../images/bg.gif) repeat top left;
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	color: #5c432c;	
}

a {
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	color: #224f92;
	line-height: 15px;

	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

p {
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	color: #5c432c;
	line-height: 15px;
}

li {
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	color: #5c432c;
	line-height: 15px;
}

h1 span {
	display: none;
}

h1 {
	font-family: Verdana, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cf682e;
}
	
h2 {
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #cf682e;
	line-height: 15px;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

#container {
	margin: 30px auto 15px auto;
	padding: 0;
	width: 930px; 
}

#header {
	margin: 0; padding: 0;
	width: 930px;
	height: 70px;
	display: block;
	
	background: url(../images/bg_head.gif) no-repeat top left;
	float: left;
}

#content {
	margin: 0; padding: 5px 0 0 16px;
	width: 930px;
	min-height: 520px;
	height: auto !important;
	height: 520px;
	display: block;
	
	background: url(../images/bg_repeat.gif) repeat-y top left;
	float: left;
}

#footer {
	margin: 0; padding: 20px 0 0 0;
	width: 930px;
	height: 12px;
	display: block;
	
	text-align: center;
	
	background: url(../images/bg_foot.gif) no-repeat top left;
	float: left;	
}

#footer a, #footer p {
    padding: 10px 0 0 0;
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	color: #644a39;
	line-height: 16px;
	width: 930px;

}

#footer .hud {
	margin: 15px 15px 0 0;
	width: 37px; 
	float: right;
}


/*---- navigation styles ----*/

#nav {
	margin: 15px 0 0 90px; padding: 0;
	_margin: 15px 0 0 45px;
	width: 742px;
	height: 43px;
	display: block;

	float: left;
}

#nav a { 
	margin: -1px 0 0 0; padding: 0;
	height: 43px; 
	
	float: left;
}

.nav_home a {
	margin: 0; padding: 0;
	width: 79px;
	display: block;

	background: url(../images/nav.gif) 0 0;
}

.nav_home a:hover {
	background: url(../images/nav.gif) 0 -43px;
}

.nav_land a {
	margin: 0; padding: 0;
	width: 105px;
	display: block;

	background: url(../images/nav.gif) -79px 0;
}

.nav_land a:hover {
	background: url(../images/nav.gif) -79px -43px;
}

.nav_comm a {
	margin: 0; padding: 0;
	width: 153px;
	display: block;

	background: url(../images/nav.gif) -184px 0;
}

.nav_comm a:hover {
	background: url(../images/nav.gif) -184px -43px;
}

.nav_avai a {
	margin: 0; padding: 0;
	width: 195px;
	display: block;

	background: url(../images/nav.gif) -337px 0;
}

.nav_avai a:hover {
	background: url(../images/nav.gif) -337px -43px;
}

.nav_phot a {
	margin: 0; padding: 0;
	width: 95px;
	display: block;

	background: url(../images/nav.gif) -532px 0;
}

.nav_phot a:hover {
	background: url(../images/nav.gif) -532px -43px;
}

.nav_cont a {
	margin: 0; padding: 0;
	width: 115px;
	display: block;

	background: url(../images/nav.gif) -627px 0;
}

.nav_cont a:hover {
	background: url(../images/nav.gif) -627px -43px;
}


/*--------- index styles ---------*/

.index #content img {
	float: left;
}

#title_home {
	margin: 15px 0 0 20px; padding: 0;
	*margin: -350px 0 0 -880px;
	width: 376px;
	height: 178px; 
	display: block;
	position: absolute; 
}

#box {
	margin: 10px 0 0 20px; padding: 0;
	height: 154px;
	float: left;
	display: block;
}

.featured {
	width: 289px; 
	background: url(../images/bg_feat.png) no-repeat top left;
}

.construction {
	width: 283px; 
	background: url(../images/bg_cons.png) no-repeat top left;
}

#box p {
	margin: 40px 0 0 85px; padding: 0;
	width: 185px;
	height: 66px;
	font-family: Verdana, arial, sans-serif;
	font-size: 9px;
	color: #6c653f;
	line-height: 14px;
}

.more a {
	width: 109px;
	height: 28px;
	display: block;
	float: right;
}
	
.more a:hover {	
	background: url(../images/btn_moreinfo_over.png) no-repeat top left;
}

/*--- two column styles ----*/

#left_col { 
	margin: 10px 25px 0 5px; padding: 0;
	
	width: 267px;
	height: 500px;
	
	float: left;

}

#title_sub {
	margin: 25px 0 0 20px; padding: 0;
	width: 249px;
	height: 100px; 
	display: block;
	position: absolute; 
}

#right_col {
	margin: 10px 0 0 15px; padding: 0;
	width: 570px;
	
	float: left;
}

	#right_col img {
		margin: 0 4px 10px 4px;
		float: left; 
	}

#comm_map {
	margin: 0 30px 0 0; padding: 0;
	_margin: 0 15px 0 0;
	width: 603px;
	
	float: right;
}



h1.theland {
	width: 238px;
	height: 37px;
	display: block;
	
	background: url(../images/sh_theland.gif) no-repeat top left;
}

h1.sitemap {
	width: 238px;
	height: 37px;
	display: block;
	
	background: url(../images/sh_sitemap.gif) no-repeat top left;
}

h1.contact {
	width: 238px;
	height: 37px;
	display: block;
	
	background: url(../images/sh_contact.gif) no-repeat top left;
}


h1.deedrestrictions {
	width: 380px;
	height: 37px;
	display: block;
	
	background: url(../images/sh_deedrestrictions.gif) no-repeat top left;
}

h1.constructionupdate {
	width: 379px;
	height: 31px;
	display: block;
	
	background: url(../images/sh_constructionupdate.gif) no-repeat top left;
}
/*----- Single Listing styles -----*/

#rightaction {
	width: 250px; 
	float: right;
	text-align:right;
	margin-right:33px;
}

#subnav {
	width: 880px;
	padding: 5px 40px 0 0;
	background: url(../images/subnav_listing_bg.gif) no-repeat top left;
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	color: #5c432c;
	float: right;
	text-align: right;	
	
}

.return a {
	margin: 10px 65px 0 0;
	font-family: Zurich, verdana, arial, sans-serif;
	font-size: 10px;
	float: right;
	text-align: right;
}

#right_side img.title {
	margin: 0 0 10px 105px;
	float: left; 
}

#left_content {
	margin: 0 0 0 35px; padding: 0;
	width: 450px;
	float: left;
	position: relative;
}

#left_content p {
	margin: 0 0 15px 0; padding: 0;
	width: 450px;
}

#left_content h2, #right_side h2 {
	margin: 0 0 10px 0; padding: 0;
	font-family: Zurich, Times New Roman, serif;
	font-size: 14px;
	font-weight: normal;
	color: #2f688f;
}

#left_content h3 {
	margin: 0 0 5px 0; padding: 0;
	font-family: Verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #cf682e;
}

#left_content h4 {
	margin: 0 0 10px 0; padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #44220e;
}

#right_side {
	margin: 0 0 0 0; padding: 0;
	width: 410px;
	float: left;
	z-index: 10px;
	position: relative;	
}

#right_side img, #right_side object {
	margin: 0 0 0 3px;
	float: left;
}

#right_side img.head_img {
	margin: 0;
	float: left;
}

#right_side_sub {
	height: 40px; 
	width: 410px;
	float: left;
	font-size: 10px;
	color: #5d4c37;
	text-align: center;
}

#right_side p {
	margin: 0 0 10px 10px
}

#listings_th {
	margin: 0 0 20px 0; padding: 0;
	width: 410px;
	float: left;
}

#listings_th a img {
	margin: 5px 0 0 5px; padding: 0;
	border: solid 1px #c7ad8b;
	float: left;
}

#listings_th a:hover img {
	border: solid 1px #ffffff;
}

#listings_property {
	margin: 15px 0 0 0; 
	padding: 0;
	width: 410px;
	float: left;
	text-align: left; 
}

#listings_property p.features_left {
	margin: 0 0 0 0; padding: 0;
	width: 275px;
	min-height: 22px; 
	height: auto !important;
	height: 22px;

	float: left;
}

#listings_property p.features_right {
	margin: 0 0 0 0; padding: 0;
	width: 125px;
	min-height: 22px; 
	height: auto !important;
	height: 22px;

	float: left; 
}

.left_bold {
	font-weight: bold;
	color: #44220e;
}

.right_bold {
	font-weight: bold;
	color: #44220e;
	width: 200px;
	text-align: left;
}

.highlight {
	font-weight: bold;
}

#listings_additional {
	margin: 15px 0 0 0; 
	padding: 0;
	width: 460px;
	float: left;
	text-align: left; 
}


#listings_additional p.additional_left {
	margin: 0;
	padding: 0;
	width: 275px;
	float: left; 
}

#listings_additional p.additional_right {
	margin: 0;
	padding: 0;
	width: 185px;
	float: left; 
}

/* Added to test

#listings_property p.features_left {
	margin: 0 0 0 0; padding: 0;
	width: 275px;
	min-height: 22px; 
	height: auto !important;
	height: 22px;
	float: left;
}

#listings_property p.features_right {
	margin: 0 0 0 10px; padding: 0;
	width: 125px;
	min-height: 22px; 
	height: auto !important;
	height: 22px;

	float: left; 
}
*/

#listings_additional_info, #listings_schooltax {
	margin: 5px 0 20px 10px; padding: 0;
	width: 410px;
	float: left;
}


#listings_additional_info p, #listings_schooltax p {
	margin: 0 0 5px 0; padding: 0 0 2px 0;
	width: 410px;
	_width: 345px;

	float: left; 
}

#listings_additional_info p label, #listings_schooltax p label {
	margin: 0; padding: 0;
	width: 180px; height: 22px; float: left;
}

/*----- available properties styles -----*/

#rightnav {
	width: 250px; 
	float: right;
}

#property {
	margin: 5px 0 5px 25px; padding: 0;
	width: 425px;
	min-height: 160px; 
	height: auto !important;
	height: 160px;
	
	float: left;
}

	#property img {
		margin: 0 8px 8px 0; padding: 0;
		border: solid 1px #7e7456;
	}

	#property h2 a {
		color: #cf682e;
	}

	#property h3 {
		margin: 0; padding: 0;
	}
	

/* photos */

#single_photo {
	text-align: center;
	width: 880px;
	float: left;
}
	.scrollbox {
		margin: 10px 0 20px 0px; padding: 0;
		_margin: 10px 0 20px 0px;
		width: 880px; 
		height: 70px; 
		text-align: center;
		float: left;
	}

	.scrollbox ul {
		margin: 0 0 0 25px; width: 0;
		height: 130px;
		width: 880px;
	}
	
	.scrollbox li {
		width: 170px;
		height: 130px; 
		display: block;
		float: left;
	}
	
	

#properties_space {
	width: 880px;
	height: 30px; 
	display: block;
	float: left;
}
	
	
/*--- hacks ----*/

img, div { behavior: url(iepngfix.htc) }