/**********************************
	
	styles.css
	for barton creek
	
	created by MelitoKagan, LLC
	
	last updated by Jeff
	4/24/2010
	
**********************************/

body {
	margin: 0; padding: 0;
	text-align: center;
	background: url(../images/bg.gif) repeat-x top left #f0d9ac;
	
}

a img { border: none; }

p {
	font-family: Verdana, verdana, sans-serif;
	font-size: 10px;
	color: #6b5246;
	line-height: 14px;
}

select {
	background: #e4ddc2;
	font-family: Verdana, verdana, Sans-serif;
	font-size: 10px;
	height: 18px;
}

.clear {
	clear: both;
}

.center {
	margin: 0 auto 0 auto;
	text-align: center;
}

#container {
	margin: 0 auto 0 auto;
	_margin: -5px auto 0 auto;
	padding: 0;
	width: 1000px;
	background: url(../images/bg_repeat.png) repeat-y top left;
	_background: url(../images/bg_repeat.gif) repeat-y top left;
	text-align: left;
	z-index: 0;	
}

#container_head {
	margin: 26px auto 0 auto; padding: 0;
	width: 1000px; 
	height: 16px;
	background: url(../images/bg_top.png) no-repeat top left;	
	display: block;
}

#container_foot {
	margin: -4px auto 20px auto; padding: 0;
	width: 1000px; 
	height: 15px;
	background: url(../images/bg_bottom.png) no-repeat top left;	
	display: block;
}

#content {
	margin: 0 0 0 20px;
	_margin: 0 0 0 11px;
	padding: 0;
	width: 950px;
	float: left;
	z-index: 0;
}

#leftcol {
	margin: 0 0 5px 20px; 
	_margin: 0 0 5px 10px;
	padding: 0;
	background-color: #c6b290;
	width: 950px;
 	float: left;	
}

#rightcol {
	margin: 0;
	padding: 0;
	width: 593px;
	float: right;
}

#rightcol p {
	margin: 0 25px 10px 20px;
}

#rightcol a {
	color: #e27b00;
	text-decoration: none;
}

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

#rightcol h2 {
	margin: 0 25px 10px 20px;
	font-size: 12px;
	letter-spacing: 2px;
	font-family: Sabon, Times New Roman, serif;
	color: #623212;
	
}

img.golfimg {
	margin: 0 0 0 24px;
}

#subnav {
	margin: 0; padding: 0;
	width: 595px;
	height: 87px; 
	display:block;
	float: left;
	text-align: center;
}

#subnav p, #subnav span {
	margin: 0;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #6b5246;
}

#subnav a {
	color: #e27b00;
	font-weight: bold;
	text-decoration: none;
}

#subnav h2 {
	margin: 0; padding: 0;
	font-size: 16px;
	letter-spacing: 2px;
	font-family: Sabon, Times New Roman, serif;
	color: #623212;
	
}


/*---- Navigation Styles ---*/

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

#nav { 
	margin: 51px 0 0 0;
	padding: 0;
	float: right;
	width: 593px;
	height: 70px;
}


#nav a {
	margin: 0; 
	padding: 0;
	height: 70px;
	float: left;
	position: relative;
}

.nav_logo a {
	margin: 51px 0 0 0;
	height: 69px;
	width: 357px; 
	display: block;
	float: left;
}

.nav_logo a span {
	position: absolute;
	left: -3000px;
}

.nav_comm a {
	margin: 0; 
	padding: 0;
	height: 70px;
	width: 131px;
	display: block;
}

.nav_feat a {
	height: 70px;
	width: 130px;
	display: block;
}

.nav_golf a {
	height: 70px;
	width: 93px;
	display: block;
}

.nav_sale a {
	height: 70px;
	width: 112px;
	display: block;
}

.nav_home a {
	height: 70px;
	width: 108px;
	display: block;
}

.subcomm {
	margin: 0; padding: 0;
	width: 129px;
	_width: 131px;
	height: 0;
	position: absolute; 	
	/*	top: 160px; */
	left: -2000px;
	visibility: hidden; 		
	z-index: 2;
	border-left: solid 1px #958e74;
	border-right: solid 1px #958e74;
	border-bottom: solid 1px #958e74;
	background: #FFFFFF;
	text-align: left;	
}

.index .subcomm, .listing .subcomm, .listings .subcomm {
	margin: 0 0 0 357px;
	_margin: 0;	
}

.feature .subcomm {
	margin: 0 0 0 357px;
	*margin: 0;		
}
	
.subfeat {
	margin: 0 0 0 132px; padding: 0;
	width: 127px; 
	_width: 129px;
	position: absolute; 	
	top: 160px; 
	visibility: hidden; 		
	z-index: 2;
	border-left: solid 1px #958e74;
	border-right: solid 1px #958e74;
	border-bottom: solid 1px #958e74;
	background: #FFFFFF;	
	text-align: left;
}

.index .subfeat, .listing .subfeat, .listings .subfeat {
	margin: 0 0 0 489px;
	_margin: 0 0 0 132px;
}

.feature .subfeat {
	margin: 0 0 0 489px;
	*margin: 0 0 0 132px;	
}

.subgolf {
	margin: 0 0 0 262px; padding: 0;
	width: 203px; 
	_width: 201px;
	position: absolute; 	
	top: 160px; 
	visibility: hidden; 		
	z-index: 2;
	border-left: solid 1px #958e74;
	border-right: solid 1px #958e74;
	border-bottom: solid 1px #958e74;
	background: #FFFFFF;	
	text-align: left;
}

.index .subgolf, .listing .subgolf, .listings .subgolf {
	margin: 0 0 0 619px;
	_margin: 0 0 0 262px;
}

 .feature .subgolf {
	margin: 0 0 0 619px;
	*margin: 0 0 0 262px;	
}

.subsale {
	margin: 0 0 0 355px; padding: 0;	
	width: 217px; 
	_width: 219px;
	position: absolute; 	
	top: 160px; 
	visibility: hidden; 		
	z-index: 2;
	border-left: solid 1px #958e74;
	border-right: solid 1px #958e74;
	border-bottom: solid 1px #958e74;
	background: #FFFFFF;	
	text-align: left;
}

.index .subsale, .listing .subsale, .listings .subsale {
	margin: 0 0 0 712px;
	_margin: 0 0 0 355px;
}

.feature .subsale {
	margin: 0 0 0 712px;
	*margin: 0 0 0 355px;	
}

.subhome {
	margin: 0 0 0 373px; padding: 0;
	_margin: 0 0 0 375px;
	width: 218px; 
	position: absolute; 	
	top: 160px; 
	visibility: hidden; 		
	z-index: 2;
	border-left: solid 1px #958e74;
	border-right: solid 1px #958e74;
	border-bottom: solid 1px #958e74;
	background: #FFFFFF;	
	text-align: left;
}

.index .subhome, .listing .subhome, .listings .subhome {
	margin: 0 0 0 730px;
	_margin: 0 0 0 375px;
}

.feature .subhome {
	margin: 0 0 0 730px;
	*margin: 0 0 0 375px;
}

.subcomm ul, .subfeat ul, .subgolf ul, .subsale ul, .subhome ul {
	margin: 0 5px 0 5px; padding: 0;
	list-style-type: none;
	font-family: Verdana, verdana, sans-serif; 
	font-size: 10px; 
	text-transform: capitalize;
}

.subcomm ul li, .subfeat ul li, .subgolf ul li, .subsale ul li, .subhome ul li {
	margin: 0; padding: 0 0 0 5px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	border-top: solid 1px #dfd4c9;
}

.subcomm a, .subfeat a, .subgolf a, .subsale a, .subhome a {
	margin: 0 3px 0 0; padding: 0;
	line-height: 20px;
	color: #ff8c00; 
	text-decoration: none;
}

.subcomm a:hover, .subfeat a:hover, .subgolf a:hover, .subsale a:hover, .subhome a:hover {
	text-decoration: underline;
}


/*---- Footer styles ----*/

#footer {
	margin: 0 0 0 13px;
	_margin: -3px 0 0 8px;
	padding: 0;
	width: 964px;
	height: 30px;
	float: left;
	text-align: left;
	background: url(../images/bg_footer.gif) no-repeat top left;
}

#footer a.email img {
	float: left;
	margin: 0 0 0 550px;
}

#footer img { 
	margin: 0; padding: 0;
	float: right;
} 


#footer a.rss {
	margin: 10px 0 0 0;
  	font-size: 10px; 
  	float: right;
  	width: 200px; 
  	text-align: right;
  	color: #3c3c3c;
  	text-decoration: none;
}

/*---- Index styles -----*/

.index #container {
	margin: 20px auto 20px auto;
	height: 605px; 
	display: block;
	background: url(../images/bg_index.png) no-repeat top left;
	_background: url(../images/bg_index.gif) no-repeat top left;
}


.index #header {
	width: 950px;
	margin: 20px 0 0 0;
	_margin: 20px 0 -5px 0;
	background: url(../images/bg_index_nav.jpg) no-repeat top left;
}

img.hill {
	margin: 0 0 0 12px;
	_margin: -5px 0 0 14px;
	padding: 0;
}


/*---- Amenities/Golf/Sales/Homeowners Styles ----*/

.amenities #content, .golf #content, .sale #content, .feat #content, .homeowners #content,
.countryclub #content, .contact #content, .environment #content, 
.village #content, .school #content, .austin #content, .info #content, .faq #content, .links #content, .team #content,
.salesinfo #content,
.katy #content,
.lisa #content,
.susan #content,
.stevie #content,
.faqs #content,
.guidelines #content,
.contacts #content,
.escala #content,
.amarra #content,
.caleracourt #content,
.caleradrive #content,
.verano #content,
.mirador #content
 { 
    margin: 0; padding: 0;
    width: 593px;
    border: none;
	background: url(../images/bg_right_repeat.gif) repeat-y top right;
	float: left;
}

.amenities #header, .golf #header, .sale #header, .feat #header, .homeowners #header, 
.countryclub #header, .contact #header, .environment #header, 
.village #header, .school #header, .austin #header, .info #header, .faq #header, .links #header, .team #header, 
.salesinfo #header,
.katy #header,
.lisa #header,
.susan #header,
.stevie #header,
.faqs #header,
.guidelines #header,
.contacts #header,
.escala #header,
.amarra #header,
.caleracourt #header,
.caleradrive #header,
.verano #header,
.mirador #header 

{  
	margin: 0; padding: 0;
	float: right;
	width: 593px;
}

.amenities #rightcol, .golf #rightcol, .sale #rightcol, .feat #rightcol, .homeowners #rightcol, 
.countryclub #rightcol, .contact #rightcol, .environment #rightcol, 
.village #rightcol, .school #rightcol, .austin #rightcol, .info #rightcol, .faq #rightcol, .links #rightcol, .team #rightcol,
.salesinfo #rightcol,
.katy #rightcol,
.lisa #rightcol,
.susan #rightcol,
.stevie #rightcol,
.faqs #rightcol,
.guidelines #rightcol,
.contacts #rightcol,
.escala #rightcol,
.amarra #rightcol,
.caleracourt #rightcol,
.caleradrive #rightcol,
.verano #rightcol,
.mirador #rightcol
{ 
    margin: 0; padding: 0;
    min-height: 635px; 
    height: auto !important; 
    height: 635px;
    float: right;
	background: url(../images/amenities_bg.gif) no-repeat bottom right;
}

.amenities #subnav, .golf #subnav, .sale #subnav, .feat #subnav, .homeowners #subnav,
.countryclub #subnav, .contact #subnav, .environment #subnav, 
.village #subnav, .school #subnav, .austin #subnav, .info #subnav, .faq #subnav, .links #subnav, .team #subnav, 
.salesinfo #subnav,
.katy #subnav,
.lisa #subnav,
.susan #subnav,
.stevie #subnav,
.faqs #subnav,
.guidelines #subnav,
.contacts #subnav,
.escala #subnav,
.amarra #subnav,
.caleracourt #subnav,
.caleradrive #subnav,
.verano #subnav,
.mirador #subnav
{ 
	margin: 0; padding: 15px 0 0 0;
	_margin-top: -5px;
	height: 100px;
	width: 593px;
	border: none;
	background: url(../images/subnav_feat_bg.gif) no-repeat top left;
	float: right;
	text-align: center;
}

.mirador #leftcol {
	background: url(../images/img_miradordrive.jpg) no-repeat top left #c6b290;
}

.amarra #leftcol {
	background: url(../images/img_amarradrive.jpg) no-repeat top left #c6b290;
}

.caleradrive #leftcol {
	background: url(../images/img_caleradrive.jpg) no-repeat top left #c6b290;
}

.caleracourt #leftcol {
	background: url(../images/img_caleracourt.jpg) no-repeat top left #c6b290;
}

.verano #leftcol {
	background: url(../images/img_veranodrive.jpg) no-repeat top left #c6b290;
}

.escala #leftcol {
	background: url(../images/img_escaladrive.jpg) no-repeat top left #c6b290;
}

.salesinfo #leftcol {
	background: url(../images/img_salesinfo.jpg) no-repeat top left #c6b290;
}


.katy #leftcol {
	background: url(../images/img_katy.jpg) no-repeat top left #c6b290;
}


.lisa #leftcol {
	background: url(../images/img_lisa.jpg) no-repeat top left #c6b290;
}


.susan #leftcol {
	background: url(../images/img_susan.jpg) no-repeat top left #c6b290;
}


.stevie #leftcol {
	background: url(../images/img_stevie.jpg) no-repeat top left #c6b290;
}


.faqs #leftcol {
	background: url(../images/img_wimberlylane.jpg) no-repeat top left #c6b290;
}


.guidelines #leftcol {
	background: url(../images/img_amarradrive.jpg) no-repeat top left #c6b290;
}


.contacts #leftcol {
	background: url(../images/img_faziofoothills2.jpg) no-repeat top left #c6b290;
}


.golf #leftcol {
	background: url(../images/img_golf.jpg) no-repeat top left #c6b290;
}

.feat #leftcol {
	background: url(../images/img_feat.jpg) no-repeat top left #c6b290;
}

.amenities #leftcol {
	background: url(../images/img_amenities.jpg) no-repeat top left #c6b290;
}

.sale #leftcol {
	background: url(../images/img_sales.jpg) no-repeat top left #c6b290;
}

.homeowners #leftcol {
	background: url(../images/img_governorshil.jpg) no-repeat top left #c6b290;
}

.contact #leftcol {
	background: url(../images/img_avalonoffice.jpg) no-repeat top left #c6b290;
}

.countryclub #leftcol {
	background: url(../images/img_countryclub.jpg) no-repeat top left #c6b290;
}

.environment #leftcol {
	background: url(../images/img_bartoncreekcliff.jpg) no-repeat top left #c6b290;
}

.village #leftcol {
	background: url(../images/img_bartoncreekvillage.jpg) no-repeat top left #c6b290;
}

.school #leftcol {
	background: url(../images/img_schools.jpg) no-repeat top left #c6b290;
}

.austin #leftcol {
	background: url(../images/img_austin.jpg) no-repeat top left #c6b290;
}

.info #leftcol {
	background: url(../images/img_info.jpg) no-repeat top left #c6b290;
}

.faq #leftcol {
	background: url(../images/img_faq.jpg) no-repeat top left #c6b290;
}


.links #leftcol {
	background: url(../images/img_miradordrive.jpg) no-repeat top left #c6b290;
}

.salesinfo #leftcol {
	background: url(../images/img_salesinfo.jpg) no-repeat top left #c6b290;
}


.team #leftcol {
	background: url(../images/img_team.jpg) no-repeat top left #c6b290;
}

/*---- Featured styles -----*/

.bg_featured #subnav {

	height: 325px;
	display: block;
}

/*---- Listings styles -----*/

.listings #header, .listing #header, .feature #header { 
	margin: 0 0 0 20px;
	_margin: 0 0 -4px 11px;
	width: 950px;
	background: url(../images/bg_list_nav.gif) no-repeat top left;	
}

.listings #content, .listing #content {
    margin-bottom: 5px;
	width: 948px;
	min-height: 800px; 
	height: auto !important;
	height: 800px;
	border-right: solid 1px #b69b81;
	border-left: solid 1px #b69b81;
	border-bottom: solid 1px #b69b81;
	background: url(../images/listing_bg.gif) no-repeat bottom left #fbf8f2;
}

.feature #content {
    margin-bottom: 5px;
	width: 948px;
	height: 526px;
	border-right: solid 1px #b69b81;
	border-left: solid 1px #b69b81;
	border-bottom: solid 1px #b69b81;
}


.listings #subnav {
	width: 950px;
	padding: 5px 40px 0 40px;
	background: url(../images/subnav_bg.gif) no-repeat top left;
}

.listings #subnav a:hover {
	text-decoration: underline;
}

#alisting {
	margin: 10px 40px 0 40px;
	_margin: 10px 0 0 20px;
	padding: 0 0 10px 0;
	width: 860px;
	_width: 870px;
	
	border-bottom: solid 2px #FFFFFF;
	float: left;
}

img.prop_map {
	margin: 0;
	width: 310px;
	float: left; 
}

#info_box {
	margin: 0 0 0 25px;
	padding: 0;
	width: 520px;
	float: left;
}

#info_box h2 {
	width: 510px;
	font-size: 15px; 
	color: #e27b00;
}

#info_box table {
	font-family: Verdana, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #502b15;
	float: left;
}

p.short_description {
	margin: 0;
	width: 283px;
	float: right;
	font-family: Verdana, verdana, sans-serif;
	font-size: 12px;
	color: #6b5246;

}

.no_border {
	border-bottom: none;
}


/*----- Single Listing styles -----*/

.listing #subnav {
	width: 950px;
	padding: 5px 40px 0 40px;
	background: url(../images/subnav_listing_bg.gif) no-repeat top left;
}

.listing #subnav a {
	margin: 10px 65px 0 0;
	font-family: verdana, sans-serif;
	font-size: 10px;
	float: right;
}

#left_content {
	margin: -20px 0 0 25px; padding: 0;
	width: 460px;
	float: left;
	position: relative;
}

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

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

#left_content h3 {
	margin: 0 0 5px 0; padding: 0;
	font-family: Sabon, Times New Roman, serif;
	font-size: 20px;
	font-weight: normal;
	color: #44220e;
}

#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: -20px 0 0 0; padding: 0;
	width: 450px;
	float: right;
	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: 420px;
	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: 415px;
	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 35px 0; 
	padding: 0;
	width: 410px;
	float: left;
	text-align: left; 
}

#listings_property p.features_left {
	margin: 0 0 5px 0; padding: 0;
	width: 250px;
	height: 22px;
	border-bottom: solid 1px #ab814f;
	float: left;
}

#listings_property p.features_right {
	margin: 0 0 5px 10px; padding: 0;
	width: 135px;
	height: 22px;
	border-bottom: solid 1px #ab814f;
	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 40px 0; padding: 0;
	width: 396px;
	float: left;
	text-align: left; 
}

#listings_additional p.additional_left {
	margin: 0 0 5px 0; padding: 0 0 5px 0;
	width: 410px;
	border-bottom: solid 1px #ab814f;
	float: left; 
}

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

#listings_additional_info p, #listings_schooltax p {
	margin: 0 0 5px 0; padding: 0 0 2px 0;
	width: 395px;
	_width: 375px;
	border-bottom: solid 1px #8d5710;
	float: left; 
}

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

/*------ Index Text Overlay -----*/

#index_content {
	margin: 0 0 0 700px; padding: 15px;
	*margin: 0 0 0 -300px;
	top: 161px; 
	position: absolute;
	height: 285px; 
	*height: 315px;
	width: 180px; 
	background: #ffffff;
	font-family: Verdana,sans-serif;
	font-size: 12px;
	color: #6b5246;
	line-height: 18px;
	filter: alpha(opacity=60); /* IE's opacity */
	opacity: 0.60;
	
}


/*---- Fixes, hacks ----*/

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