* html #left {
	float:left;  margin-left:3px; padding-top:10px;line-height: 160%; font-size: 13px; font-weight: 500; width: 240px !important;
}
* html #center {
	float:left;padding-right: 5px;  width: 270px;
}

* html #right {
	float:right; width: 500px; margin-right:5px; 
}

*html .topnav{	
	float:left;
	width: 800px;
	display:inline;
}


html {
	overflow: -moz-scrollbars-vertical;
	height: 100%;
	overflow-x:hidden;
}

body 
{
	background-image: url(images/bg.jpg);
	margin:0 auto;
	padding: 0px;
	font: 13px times;
	color: #ffffff;
	height: 100%;
	color: #000000;  
	background-repeat:repeat-x; 
	background-color:#DEBF7C;
	line-height: 150%;
}



a
{
	font: 13px times;
	color: #000000;
	text-decoration: underline;
}

a:hover
{
	color:  #858585;
}

p{
	margin:0 10px 10px
	}

em
{
	font-style:italic;
	color: #000000;
}

img 
{
	border: 0px;
}

h1
{
	font: 18px times;
	color: #000000;	
	padding-left: 5px;
	padding-top:15px;
	margin: 0px;
	font-variant: small-caps;
	text-transform:uppercase;
}

h1:first-letter
{
	font: 26px times;
	color: #000000;	
	padding-left: 5px;
	padding-top:15px;
	margin: 0px;
	text-transform:uppercase;
}

h3
{
	font: 14px times;
	font-weight: bold;
	color: #7A4425;	
	padding-left: 5px;
	padding-top:15px;
	margin: 0px;
	font-variant: small-caps;
	text-transform:uppercase;
}

.leftfloat {
	float: left;
}

.clear{
	clear:both; 
}


#topnav{	
	float:left;
	width: 800px;
	height:26px;
}

.milletters { letter-spacing: 0.5px; text-decoration:none;}

.highlighted {
	color: #7A4425; font-weight: bold; font-size: 13px; 
} 

 .highlighted_caps {
	color: #7A4425; font-weight: bold; font-size: 13px; text-transform:uppercase; font-variant: small-caps;
}

 .highlighted_italics {
	color: #7A4425; font-weight: bold; font-size: 13px; font-style:italic; 
}

.smlisth {list-style-type:none;}

/***************************************************
two classes below used to divide text on builders page
into two equal columns
***************************************************/
.colwrapper {
padding: 0px; width: 50%;
}

.equal {
float: left; width: 220px;margin: 0;padding-left: 10px;border: 0;
}

.locale_box {
	float: left;
	 border:6px solid #F3E8D6; 
	 padding:  10px 0 0 10px; 
	 width: 210px;
	 height:210px; 
	 background-color:#FFFFFF;
	 margin-left:8px;
	}

#container {
	width: 1050px;  margin:0 auto; 
}

#header {height:140px; clear:both; }

#nav_end_image 
{
	float:left;
	position: relative;
	left: 758px;
	top:10px;}


#wrapper{
float:left;width:100%;

}

#content{
background-color:White;
background-image:url(images/content_box.gif);
background-repeat:repeat-y;
width:1003px;
padding-bottom:10px;
padding-left:5px;
margin-right:5px;
}


#left {
	float:left; background-color:White; margin-left:8px; padding-top:10px;line-height: 160%; font-size: 13px; font-weight: 500; width: 238px !important;
}


#divider {
	margin-left:10px;
}


#center {
	float:left;padding: 28px 10px 10px 10px; background-color : White; width: 200px  !important;   
}

#center_no_right {
	float:left;  padding-top:10px; padding-right:20px; width: 735px  !important;  
}

#center_no_right_promo {
	float:left;    width: 735px  !important; height:500px; background-image:url(images/promo.jpg);  background-repeat:no-repeat;
}

#center_index {
	float:left; width: 748px  !important;  
}

#right {
	float:right;background-color: White; width: 510px; margin-right:10px;
}

#builders_info {
	background-image:url(images/builders_bg2.gif); width:491px; height:167px; background-repeat:no-repeat; background-color:#F3E8D6;
	}
	
#index_warm {
	background-image: url(images/index_warm_nl.jpg); float:left; background-color:white; width:247px; height:499px; background-repeat: no-repeat; 
}

#index_charming {
	background-image: url(images/index_charming_nl.jpg); float:left; background-color:white; width:251px; height:499px; background-repeat: no-repeat; 
}

#index_atmosphere{
	background-image: url(images/index_atmosphere_nl.jpg); float:left; background-color:white; width:250px; height:499px; background-repeat: no-repeat; 
}

#footer{
background-color:White;
background-image:url(images/content_box.gif);
background-repeat:repeat-y;
width:1008px;
padding-bottom:0px;
padding-left:0px;
margin-right:0px;
max-height:170px;
display:block;  height:170px !important;

}

#footertext {
	 width:1008px; margin: 0px; overflow: hidden;  color: #907C51; padding-bottom:20px; text-align:center; text-decoration:none; position:relative; top:-60px;
}

#footertext a, .cfl {
	text-decoration:none; color: #907C51;
}

#footertext a:hover, .cfl:hover {
	text-decoration:underline;
}

#photo1 {vertical-align:baseline;  padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; margin: 0;  background-image: url(images/photo_style3_.jpg);  width:259px; height:196px; position:relative; top:-60px; background-repeat:no-repeat; float:left;
}

#photo2 {vertical-align:baseline;  padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; margin: 0;  background-image: url(images/photo_style2_.jpg);  width:259px; height:196px; position:relative; top:-60px; background-repeat:no-repeat; float:left;
}

#photo3 {vertical-align:baseline;  padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; margin: 0;  background-image: url(images/photo_style4_.jpg);  width:259px; height:196px; position:relative; top:-60px; background-repeat:no-repeat; float:left;
}

#photopromo {vertical-align:baseline;  padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; margin: 0;  background-image: url(images/homepromo.jpg);  width:259px; height:196px; position:relative; top:-60px; background-repeat:no-repeat; float:left;
}
#raicespromo {vertical-align:baseline;  padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; margin: 0;  background-image: url(images/raicespromo.jpg);  width:259px; height:196px; position:relative; top:-60px; background-repeat:no-repeat; float:left;
}

#bottom {background-image: url(images/bottom_new.jpg); background-repeat:no-repeat; float:left; width:769px; height:136px;  position:relative; left:-9px;  top:-2px;
}

#bottom_promo {background-image: url(images/bottom_promo.jpg); background-repeat:no-repeat; float:left; width:769px; height:136px;  position:relative; left:-9px;  top:-2px;
}

#sitemap {line-height:160%; font-size:14px; padding-left:50px; padding-top:5px; color:#7A4425;}

#sitemap a  {line-height:160%; font-size:14px; color:#7A4425;}

#equalhousing {padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; margin: 0; position:relative;  top:1px;  
}


/***************************************************
begin classes and id's for:
no JS nav
***************************************************/

#nav 
{clear: both; padding-right: 0; display: block;  padding-bottom: 0; font: 14px times; color: #000000;  text-decoration: none; padding-top: 0; position:relative; left:250px; top:-26px;
}

#nav a {
	padding-right: 0; display: block; padding-left: 10px; padding-bottom: 0; font: 14px times; color: #000000;  text-decoration: none; padding-top: 5px; overflow: hidden;
}

#nav .paddingleft{
	padding-left: 250px; float:left;
}

#nav .home {
	 background-image: url(images/nav_home.jpg); float: left; width:56px; height:26px; overflow:hidden; background-repeat: no-repeat; float:left;
}

#nav .home a:hover{
	  float: left; width:56px; height:26px; overflow:hidden; background-repeat: no-repeat; font-style: italic; font-weight: bold;
}

#nav .community {
	 background-image: url(images/nav_community.jpg); float: left; width:120px; height:26px; overflow:hidden; background-repeat: no-repeat; float:left;
}

#nav .community a:hover {
 float: left; width:120px; height:26px; overflow:hidden; background-repeat: no-repeat; font-style: italic; font-weight: bold;
}

#nav .styles {
	 background-image: url(images/nav_styles.jpg); float: left; width:103px; height:26px; overflow:hidden; background-repeat: no-repeat;
}

#nav .styles a:hover {
 float: left; width:103px; height:26px; overflow:hidden; background-repeat: no-repeat; font-style: italic; font-weight: bold;
}

#nav .amenities {
	 background-image: url(images/nav_ammenities.jpg); float: left; width:81px; height:26px; overflow:hidden; background-repeat: no-repeat;
}

#nav .amenities a:hover {
 float: left; width:81px; height:26px; overflow:hidden; background-repeat: no-repeat; font-style: italic; font-weight: bold;
}

#nav .locale {
	 background-image: url(images/nav_locale.jpg); float: left; width:63px; height:26px; overflow:hidden; background-repeat: no-repeat;
}

#nav .locale a:hover {
 float: left; width:120px; height:26px; overflow:hidden; background-repeat: no-repeat; font-style: italic; font-weight: bold;
}

#nav .people {
	 background-image: url(images/nav_people.jpg); float: left; width:173px; height:26px; overflow:hidden; background-repeat: no-repeat;
}

#nav .people a:hover {
	 float: left; width:173px; height:26px; overflow:hidden; background-repeat: no-repeat; font-style: italic; font-weight: bold;
}

#nav .faq {
	 background-image: url(images/nav_faq.jpg); float: left; width:69px; height:26px; overflow:hidden; background-repeat: no-repeat;
}

#nav .faq a:hover {
 float: left; width:69px; height:26px; overflow:hidden; background-repeat: no-repeat; font-style: italic; font-weight: bold;
}

#nav .contact {
	 background-image: url(images/nav_contact.jpg); float: left; width:83px; height:26px; overflow:hidden; background-repeat: no-repeat; 
}

#nav .contact a:hover {
 float: left; width:83px; height:26px; overflow:hidden; background-repeat: no-repeat; font-style: italic; font-weight: bold;
}

#nav .avail {display:none;}

/***************************************************
begin classes and id's for:
Image rollovers, home site popups
***************************************************/		
			
/*
#rollover1 a {
display:block;
width: 29px;
height:41px;
background: url("/images/1_off.gif");
text-decoration: none;
float:left;
}

#rollover1  a:hover {
display:block;
width: 29px;
height:41px;
background: url("/images/1_on.gif");
text-decoration: none;
float:left;
}

#rollover2 a {
display:block;
width: 29px;
height:41px;
background: url("/images/2_off.gif");
text-decoration: none;
float:left;
}

#rollover2  a:hover {
display:block;
width: 29px;
height:41px;
background: url("/images/2_on.gif");
text-decoration: none;
float:left;
}

*/

.popup_box {
	display: none; 
	border:5px solid #F3E8D6; 
	padding: 5px; 
	width: 170px; 
	background-color:#FFFFFF			
}

#community_subnav{

	border-bottom:1px solid #CECECF; 
	background-color:#DEBF7C;
	float:left;
	width:748px;
	position:relative;
	left:-1px;	
}
.community_subnav_text {
	width:100px;
	float:left;
	text-align:center;
	text-decoration:none;
	color:black;
	padding-top:3px;
}

.community_subnav_text, a {
	text-decoration:none;
	color:black;
	text-align:center;
}

/* #lot18{
	position: absolute; left: 420px; top: 260px;display:none;
}

#lot17{
		position: absolute; left: 449px; top: 260px;display:none;
}

#lot1{
	position: absolute; left: 421px; top: 326px;display:none;
}

#lot2{
		position: absolute; left: 450px; top:326px;display:none;
}

#lot37{
		position: absolute; left: 333px; top:281px;display:none;
}

#lot20{
		position: absolute; left: 435px; top:339px;display:none;
} */

/***************************************************
begin classes and id's for:
PHOTO TOUR ONLY
***************************************************/		
			
#phototour .row1
{
	width: 495px;
	/* height: 410px; */
	clear: both;
}

#phototour .row1_community
{
	width: 720px;
	clear: both;
}

	#phototour .row1 .leftbox
	{
		float: left;
		clear: left;
		width: 495px;
		margin: 0px;
		padding: 0px;
	}
	
		#phototour .row1_community .leftbox
	{
		float: left;
		clear: left;
		width: 720px;
		margin: 0px;
		padding: 0px;
	}
	
		#phototour .row1 .leftbox .photobox
		{
			width: 495px; 
			height: 400px; /* changing height in px here alters the placement of the "more images" section of the home styles  */
			background-repeat: no-repeat;
			/* margin-left: 26px; */
			margin-bottom: 10px;
		}
		
				#phototour .row1_community .leftbox .photobox
		{
			width: 730px; 
			height: 350px;  /* influences the overall page height, images cannot be larger than 350px in height. Also influences placement of "more" section */
			background-repeat: no-repeat;
			/* margin-left: 26px; 
			margin-bottom: 10px; */
		}
		
			#phototour .row1 .leftbox .photobox a
			{
				width: 93px;
				filter:alpha(opacity=50);
				float:left;
				opacity:0.50;
				display:block; 
			}
			
			#phototour .row1 .leftbox .photobox a:hover
			{
				filter:alpha(opacity=100);
				
				opacity:1.0;
			}		
	
	#phototour .row1 .rightbox
	{
		float: left; 
		clear: right;
		width: 350px;
		margin: 0px;
		padding: 0px;
	}	

#phototour .row2
{
	width: 495px;
    clear: both;
	height: 100%;
	position: relative;  left:-250px; top:25px;
	/* position:absolute;  left:320px;top:570px; */
}

#phototour .row2_community
{
	width: 300px;
    clear: both;
	height: 100%;
	position: relative;  left:-240px; top:-20px;
	/* position:absolute;  left:320px;top:570px; */
}


	/*#phototour .row2 .leftbox
	{
		float: left;
		clear: left;
		width: 495px;
		margin: 0px;
		padding: 0px;
	}*/
	/* if the above is ucommented, page doesn't load even close to correct in IE6 */
	
	#phototour .row2 .rightbox
	{
		float: left; 
		clear: right;
		width: 329px;
		margin: 0px;
		padding: 0px;
	}	

#phototour .photonav
{
	width: 300px;
	height: 86px;
	margin-bottom: 20px;
	margin-left:10px;
}

	#thephoto
	{
		filter:alpha(opacity=0);
		
		opacity:0.0;
	}

	#phototour .photonav .thumbimg
	{
		/* border: 1px solid #b9b9b9; */
	}
	
	#phototour .photonav a.inactive 
	{
		width: 55px;
		filter:alpha(opacity=25);
		
		opacity:0.25;
		display:block;
	}
	
	#phototour .photonav a:hover
	{
		filter:alpha(opacity=100);
		
		opacity:1.0;
	}

	#phototour .photonav .thumbimgcurrent
	{
		/* border: 1px solid #b9b9b9; */
	}	

#phototour .captionbox
{
	text-align: center; 
	width: 430px;
	margin-left:auto;
	margin-right:auto;
}

	#phototour .captionbox .photodate
	{
		font: 11px arial;
		color: #c7ac63;	
		font-weight: bold;		
	}
	
	#phototour .captionbox .photocaption
	{
		font: 11px arial;
		font-weight: bold;			
	}


/***************************************************
begin classes and id's for:
CONTACT US FORM
***************************************************/


#contactform
{
	width: 630px;
	margin-top: 10px;
	clear: both;
}

	#contactform .textfields
	{
		float:left;
		clear:left;
		width: 320px;
	}
	
		#contactform .line
		{
			clear:both;
			padding-bottom: 25px;
		}	
		
			#contactform .line .title
			{
				float:left; 
				width: 100px;
			}
			
			#contactform .line .textbox
			{
				float:left; 
				width: 220px;
			}
			
			#contactform .line .textbox input
			{
				width: 200px;
			}			
	
	#contactform .dropdowns
	{
		float:left;
		clear:right;
		width: 310px;
	}
	
/***************************************************
begin classes and id's for:
Listings pages
***************************************************/
.summary {
	/*border:1px solid red;width:880px;*/
	padding:10px 0 10px 0;
	
	}
	
.summary_left{
	float:left;
	width:170px;
	}
	
.summary_right{	
	float:left;
	width:550px;
}

	
.listing_image{
	border:1px solid gray;
	 }
	 
.summary ul {
	background:#FFFAEF none repeat scroll 0%;
	border-color:#CFAE67;
	border-style:solid;
	border-width:1px 0pt;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	overflow:auto;
	padding:5px;
	height:20px;
	}


.summary li {
	border-right:1px solid #CFAE67;
	float:left;
	padding:0pt 7px 0pt 10px;
	text-transform:uppercase;
	height:20px;
	}

.summary hr {
	border: 0;
	background-color: #CFAE67;
	height: 1px;
	width:180px;
	text-align:left;
	margin-left: 0;
	width:300px;
}


	#listingdetails
		 .line
		{
			clear:both;
			padding-bottom: 25px;
		}	
		
			#listingdetails .line .title
			{
				float:left; 
				width: 140px;
			}
			
			#listingdetails .line .textbox
			{
				float:left; 
				width: 200px;
			}

div#moreout {display:none;}