/*COLOR GUIDE
________________________________________________________

yellow: 	#efe7bd;

cream: 		#e9e3c5;

clay: 		#8a5523;

caramel: 	#a39468;
tan: 			#d3c4a4;


emerald:	#035c61;
charcoal: 	#2a3b42;
berry: 		#f26561;

*/

#sidebar {
	width:164px;
	padding: 30px 15px 10px 10px;
	float:left;
	position: relative;
	margin: 0px;
	/*background:  url(../images/trans_d3c4a4.png) repeat;*/
}

#sidebar a:link, #sidebar li a:active, #sidebar li a:visited {
	font: 14px/32px Georgia, "Times New Roman", Times, serif;
	color: #764a1d;
	text-decoration: none;
	padding: 5px 5px 5px 8px;
	margin: 0px;
	display: block;
}
#sidebar a:hover {
	background-color: #e9e3c5;
	color: #764a1d;
}

#sidebar li {
	border-bottom: solid 1px #a39468;
	width: 100%;
	color: #FFFFFF;
}
#sidebar ul{ margin-bottom: 0px;}

#sidebar li.current {
	background-color: #e9e3c5;
}
#floorplans ul {
	margin-bottom: 0px;
}

#floorplans li {
	border-bottom: solid 1px #a39468;
	width: 100%;
	color: #FFFFFF;
	background: #c5b79b;
	text-indent: 15px;
}




#headernav {
	display: inline-block;
	position: relative;
	padding: 13px 10px 0px 0px;
	margin: 8px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
float: right;
}
#headernav a:link, #headernav a:visited, #headernav a:active { 
	padding: 5px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	font-weight: normal;
}
#headernav a:hover {
	color: #efe7bd;
	border-bottom: solid 1px #efe7bd;
	
}

	#headernav li { /* individual links */
	padding: 5px 8px 0px 8px;
	display: inline;
	margin: 0px;
	border-right: solid 1px #764a1d;
	}
	#headernav li.current { /* THIS is THE STYLE OF THE CURRENT LINK IN THE NAV */
	padding: 5px 8px 5px 8px;
	background: url(../images/hnav_on.jpg)  right repeat-y;
}
#headernav li.current a:hover, #headernav li.current a:visited, #headernav li.current a:active { 
border: none;
}


#nav {
	background-color: #e9e3c5;
	border-bottom: solid 1px #a39468;
	width: 840px;
	height: 43px;
	position: relative;
	padding:0px;
	margin: 0px auto;
	overflow: hidden;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.09em;
	text-align: center;
	text-transform: uppercase;
}
#nav a:link,  a:visited, a:active, a:hover { 
	padding: 10px 0px 20px 0px;
	text-decoration: none;
	color: #FFFFFF;
}
#nav a:hover{}

span { visibility: hidden;}

#nav li {
	display: inline;
	padding: 10px 0px 20px 0px;
	}	
	
#nav ul li { top: 0px; margin: 0px; }
	
	#nav li.current { /* THIS is THE STYLE OF THE CURRENT LINK IN THE NAV */
	margin: 0px;
	padding: 0px 0px 20px 0px;
	background: url(../images/nav_on.jpg) top repeat-x;
	float: left;
}

#real_estate a:link, #real_estate a:visited, #real_estate a:active {
	background: url(../images/01_estate.gif) center no-repeat;
	width: 210px;
	padding: 10px 0px 20px 0px;
	float: left;
	display: inline;
}
#rentals a:link, #rentals a:visited, #rentals a:active {
	background: url(../images/02_details.gif) center no-repeat;
	width: 210px;
	padding: 10px 0px 20px 0px;
	float: left;
	display: inline;
}
#amenities a:link, #amenities a:visited, #amenities a:active {
	background: url(../images/03_location.gif) center no-repeat;
	width: 210px;
	padding: 10px 0px 20px 0px;
	float: left;
	display: inline;
}
#gallery a:link, #gallery a:visited, #gallery a:active {
	background: url(../images/04_contact.gif) center no-repeat;
	width: 210px;
	padding: 10px 0px 20px 0px;
	float: left;
	display: inline;
}


#real_estate a:hover {background: #d3c4a4 url(../images/01_estate.gif) center no-repeat;}
#rentals a:hover {background: #d3c4a4 url(../images/02_details.gif) center no-repeat;}
#amenities a:hover  {background: #d3c4a4 url(../images/03_location.gif) center no-repeat;}
#gallery a:hover  {background: #d3c4a4 url(../images/04_contact.gif) center no-repeat;}