/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
	font-family:;
	font-size:12px; 
	color:#3f4a4e;
	background:#efede9;
}
/*==============================
	SITE WRAPPER
===============================*/
.site-wrapper
{
	width:893px;
	min-height:600px;
	margin-left:auto;/* centering the site */  
	margin-right:auto;/* centering the site */	 
}
/*==============================
	HEADER WRAPPER
===============================*/
.header-wrapper
{
	width:893px; 
	height:51px; 
	background:url('images/header_bg.gif'); 
	background-repeat:repeat-x;
}

.header-title
{
	float:left; 
}

.header-info
{
	float:right;
}

/*==============================
		FLASH
===============================*/
.flashcontent
{
	width: 893px;
	height: 411px;
}

.main_area
{
	height:411px;
	width:893px;
}
/*==============================
		BODY WRAPPER
===============================*/
.body-wrapper
{
	margin-top:3px; 
	float:left; 
	width:893px; 
	min-height:1px; 
}

/* This sets the position of the menu */
.header-menu
{
	float:left;
	width:893px;
	height:48px;
	background:url('images/nav_bg.gif');
	background-repeat:repeat-x;
	border-bottom:#efede9;
	border-bottom-width:1px;
}
 
/*  The Menu  */
/*When you follow a class definition with an html element (such 
as ul) all styles that you apply will only affect that element. 
So for instance, in this case you read it as "apply these 
settings to every ul html element inside every div tag named 
<b>header-menu</b>, but no other."
*/
.header-menu ul
{
	padding:0; 
	margin:0;/* the removes the left margin */
	list-style:none;/* this removes the bullet */
	
}

.header-menu li
{
	float:left;
	position: relative;
	
}

.header-menu ul li a
{
	display:block;
	text-decoration:none;
	color:#948476;
	font-size:14px;
	padding-left:2px;
}

.header-menu ul li a:hover  
{  
    text-decoration:none;  
    color:#948476; 
    font-size:14px; 
    padding-left:2px; 
    background:#efede9; 
}

.header-menu li ul
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: none;
  	position: absolute; 
	background-color:#dbd7d0;
	line-height:22px;
  	top:40px;
  	left:4px;
}

.header-menu li ul li
{
	border:ridge #948476;
	width:100px;
	
}

li > ul
{
	
	top: auto;
	left: auto;
}

li:hover ul, li.over ul 
{ 
	display: block;
	clear: left; 
}


.hr 
{
	width:100%;
	height:1px;
	float:left;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	background-color: #bdb4ab;
}

.hrs 
{
	width:100%;
	height:5px;
	float:left;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	background-color: #efede9;
}
/*==============================
	CONTENT-WRAPPER
===============================*/
.content-wrapper
{  
	float:left; 
	width:618px;
	min-height:216px;
	padding-top:0px; 
}
/*==============================
		PANEL CONTENT
===============================*/

/*The panel content */
.panel_content
{
	background:#efede9;
	min-height:216px;
	padding-right:20px;
	padding-top:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#8d7d6e;
	font-size:12px;	
}

/*==============================
		RIGHT WRAPPER 
===============================*/
.right-wrapper
{
	float:right; 
	width:275px; 
	height:200px;
}

/*.corner_design
{
	
}

/*==============================
		BOX CONTENT
===============================*/

/*The box content */
.box_content
{ 
	background:#dbd7d0;
	height:212px;
	padding-left:20px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:0;
	
}

.right_content
{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#8d7d6e;
	font-size:13px;
	font-weight:lighter;
}

.featured_homes
{
	float:left;	
}

/*==============================
		FOOTER
===============================*/
.footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	float:bottom;
	clear:left; 
	height:28px;
	width:893px; 
	background:url(images/footer.gif); 
}