/* Villages Of La Costa : 03/31/08 */

/* ===== GLOBAL ================================================= */
* {margin:0; padding:0; border:0;}

body {
	background:#f0efef;
	text-align:center;
}

html,body,div,p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a29e9e;
	text-align:justify; 
	text-transform:uppercase;
	line-height:18px;
}

p {}

p, .mb {margin-bottom:10px;}

#header_top {
	margin:0 auto;
	margin-bottom:38px;
	width:1000px; 
	height:30px; 
	background:url(../media/images/global/bg_header.gif) repeat-x;
}

#header_bot {
	clear:both; margin:0 0 30px 0; padding-top:15px; border-bottom:#65403d solid 1px;
}

h1 {font-size:11px; text-transform:uppercase; font-weight:bold; color:#920004;}

#container {
	margin:0 auto;
	text-align:left;
	width:1000px;
	background:#FFFFFF;
}

#title {
	 margin-bottom:16px;
}
#pricing{font-weight:bold;font-size:12px; text-transform:none;}
#sub_container {
	margin:0 auto;
	text-align:left;
	width:830px;
}

#home #content {
	width:646px; float:left;
}

#content {
	width:488px; float:left;
}

a {
	color:#4691bb;
	text-transform:uppercase;
}

a:hover {
	text-decoration:none;
}


#flashcontent {
	height:146px; margin-bottom:54px;
}

#more_info {
	margin-top:40px; color:#65403d; border-top:#65403d solid 1px; border-bottom:#65403d solid 1px; padding:14px 0;
}

#beige_bar {
	margin:36px 0 16px 0; height:24px; background:#cbc2b7;
}

#home #footer_top {
	padding-top:50px;
}

#footer_top {
	 clear:both; 
	 margin:0 0 10px 0; 
	 border-bottom:#65403d solid 1px;
}

#footer a {
	color:#a29e9e;
	text-transform:uppercase;
	text-decoration:none;
}

#footer a:hover, #footer a.selected {
	text-decoration:underline;
}


#footer_bot {
	margin:0 auto;
	margin-top:20px;
	width:1000px; 
	height:108px; 
	background:url(../media/images/global/bg_footer.gif) repeat-x;
	}

#home #footer_bot {
	margin-top:50px;
}

.uc {text-transform:uppercase;}

.cb{clear:both;}


	
/* ====== NAV ================================= */

#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:16px;display:block;}

  #nav li ul{
  padding:0;
  margin:0;
  height:16px;
  }	
  
   
  #nav a{
  	display:block;
	height:16px;
	width:100%;
	}	
	
  #nav a span{display:none;}
  
  #nav li ul li a span{display:block;}
  
   
   #nav {
   float:right;
    height:16px; 
	width:311px;
    background: url(../media/nav/nav.gif);
	padding:0px;
    margin: 0px auto 0px auto;
    position: relative;
	}	

#nav li ul {
  display: none;
  position: absolute; 
  top: 0;
  left: 0;
  }

#nav li > ul {
	top: auto;
	left: auto;
	margin-left: 0px;
	margin-top: 0px;
	}
	
#nav li:hover ul, #nav li.hover ul{ display: block; }



/** Nav links are plain text if CSS is turned off **/	
	
	#nav_oaks{left:0px;top:0px; height:16px;width:121px;}
	#nav_greens{left:118px;top:0px; height:16px;width:121px;}
/*	#nav_ridge{left:244px;top:0px;height:16px;width:118px;} */
	#nav_contact{left:244px;top:0px;height:16px;width:77px;}
	

	#nav_oaks a:hover, #oaks #nav_oaks{
    background:url(../media/nav/nav.gif)
    -0px -16px no-repeat;}
	
	#nav_greens a:hover, #greens #nav_greens{
    background:url(../media/nav/nav.gif)
    -118px -16px no-repeat;}

/*	#nav_ridge a:hover, #ridge #nav_ridge{
    background:url(../media/nav/nav.gif)
    -244px -16px  no-repeat;} */

	#nav_contact a:hover, #contact #nav_contact{
    background:url(../media/nav/nav.gif)
    -244px -16px no-repeat;}
	
	
	
	
/* ====== BROWSER HACKS : DON'T DELETE ================================= */

/*--------- CLEARFIX ---------*/
#sub_container:after, .clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
#sub_container, .clearfix {
	display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
	* html #sub_container, * html .clearfix {height: 1%;}
	
	#sub_container, .clearfix {display: block;}
/* End Holly Hack */
/*----------- END CLEARFIX -------------------*/

	
/*textarea{resize:none;}  Safari */
	
/* ====== end BROWSER HACKS : DON'T DELETE ================================= */