/* Villa Allegra : 12/13/07 */

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

body {/**/
	background:#560e10 url(../media/images/body_top.gif) top repeat-x;
	text-align:center;
}

html,body,div,p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c1712;
}

/*div {border:#FF0000 solid 1px;}*/

#container p {line-height:18px;}

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

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

#container {
	margin:0 auto;
	text-align:left;
	width:877px;
	padding-bottom:10px;
	/*background:url(../media/images/bg_global.jpg) center top repeat;*/
}

#home #header {height:auto; overflow:visible;} /* needed for IE gap */

#header {height:414px; overflow:hidden;} /* needed for IE gap */

#content {margin:0 auto; padding:18px 16px; background:#f6ecd9; width:622px; text-align:justify;}


#content_nc {/* "content" container w/ NAV COMMUNITY */
	margin:0 auto; padding:18px 16px 18px 0; background:#f6ecd9; width:638px; text-align:justify;
}




#title {margin-bottom:5px;}

#col_left #title {padding-left:16px; margin-bottom:5px;}

/* double columns w/ Sub Nav */
#col_left {width:200px; float:left;}
#col_right { margin-left:222px; }

#joinbar {margin:0 auto; width:654px; background:#f6ecd9; height: 357px;}/* bg-color needed for IE gap */

a {
	color:#4c1712;
	font-weight:bold;
}

a:hover {
	color:#502c2b;
	text-decoration:none;
}


#slide_show {clear:both; text-align:center; padding-top:15px;}

.uc {text-transform:uppercase;}

/* ===== NAV ========================================================================= */
#nav {
	width:877px;
    height:22px; 
    background:url(../media/images/nav.gif) center top no-repeat;
	/*margin:auto;*/
    padding: 0;
    position: relative;
}	
	
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;
	height:22px;
	display:block;
}
#nav_visit li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:34px;display:block;
}

#nav li ul{
  padding:0;
  margin:0;
  height:auto;
}	
  
   
#nav a{
  	display:block;
	height:22px;
	width:100%;
}	

#nav a span{display:none;}
  
#nav li ul li a span{display:block;}

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

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

	/** Nav links are plain text if CSS is turned off **/	
	#nav_home{left:115px;top:0px; width:48px; height:22px;}
	#nav_residences{left:173px;top:0px; width:111px; height:22px;}
	#nav_location{left:294px;top:0px; width:74px; height:22px;}
	#nav_financing{left:378px;top:0px; width:81px; height:22px;}
	#nav_sendfriend{left:467px;top:0px; width:124px; height:22px;}
	#nav_join{left:600px;top:0px; width:159px; height:22px;}

		#nav_home a:hover, #home #nav_home{
    background: transparent url(../media/images/nav.gif)
    -15px -22px no-repeat;}
		#nav_residences a:hover, #residences #nav_residences{
    background: transparent url(../media/images/nav.gif)
    -73px -22px no-repeat;}
		#nav_location a:hover, #location #nav_location{
    background: transparent url(../media/images/nav.gif)
    -194px -22px no-repeat;}
		#nav_financing a:hover, #financing #nav_financing{
    background: transparent url(../media/images/nav.gif)
    -278px -22px no-repeat;}
			#nav_sendfriend a:hover, #sendfriend #nav_sendfriend{
    background: transparent url(../media/images/nav.gif)
    -367px -22px no-repeat;}
		#nav_join a:hover, #register #nav_join{
    background: transparent url(../media/images/nav.gif)
    -500px -22px no-repeat;}

	
	

/* ==== NAV COMMUNITIES ================================================ */
#nav_comm { width: 170px; }

#nav_comm ul {
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; 
text-transform:uppercase;
/*text-align:center;*/
}

#nav_comm li {
/*padding:5px 0;*/
margin-bottom:4px;
/*border-bottom: 1px solid #eee;*/

}

#nav_comm a {
	width: 170px;
	line-height:0;
	display: block;
	padding:3px 15px;
	
	line-height:14px;
	color: #381012;
	text-decoration: none;
	background-color: #e8ddc8;
}

#nav_comm a span { /* for the ">>" */
	visibility:hidden;
	
	
}

#nav_comm a:hover, #nav_comm a.selected  {
	/*background-color: #e8ddc8;*/
	color: #bb0000;
}

#nav_comm a:hover span, * #nav_comm a.selected span {
	visibility:visible;
	
}






/* ===== NEWS STORY (POP-UP) =================================================================== */
#news_story {text-align:left;}	
#news_story h1 {margin:10px 0 5px 0;}

#ns_body {padding:6px; background:#f6ecd9; border:#560e10 solid 6px; border-top:none;}
#ns_content {height:370px; text-align:justify; padding-right:10px; overflow:auto;}




/* ===== FOOTER =================================================================== */
#footer{
	margin: 0 auto;
	padding-top:40px;
	width:654px;
	background: url(../media/images/footer_bg.jpg) no-repeat;
}

#footer div {
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#a4a4a4;
	font-size:10px;
	line-height:10px;
	text-decoration:none;
}

/* ===== NAV_FOOTER =================================================================== */
#nav_footer {
	/*width:000px;*/
	margin-top:10px;
	color:#a4a4a4; /* need for seps "|" */
	font-size:9px;
	text-align:center;
}

#nav_footer li {display:inline;}

#nav_footer li a {
	/*text-transform:lowercase;*/
	font-size:9px;
	font-weight:normal;
	color:#a4a4a4;
	text-decoration:none;
	padding:0 5px; /* distance between each link item */
	margin:5px 0;
}

#nav_footer li a:hover,
#home #nf_home a,
#residences #nf_residences a,
#location #nf_location a,
#news #nf_news a,
#development #nf_development a,
#financing #nf_financing a,
#sendfriend #nf_sendfriend a,
#sendfriend #nf_sendfriend a,
#register #nf_join a
 {
	text-decoration:underline;
}

/*#nf_home a:hover, #home #nav_home{
    background: transparent url(../media/images/nav.gif)
    -15px -22px no-repeat;
}
*/

/* ===== REGISTER / JOIN INTEREST LIST =================================================================== */	
.required {font-weight:bold;}
label span { visibility:hidden; } /* for the "*" */
label.required span { visibility:visible; } /* for the "*" */


/* COLUMN A */
#col_A {width:304px; float:left; text-align:left;}

#col_A label {font-size:11px; display:block; float:left; width:84px;} /* block = 100% width */

#col_A .input, select {
	width:200px;
	border:#381012 solid 1px;
	margin-bottom:20px;
	padding:2px;
}


/* COLUMN B */

#col_B {margin-left:310px; text-align:left;}

#col_B label {display:block; float:left; width:125px;} /* block = 100% width */

#col_B label.fw { /* full width */
	display:block; float:left; width:300px; margin-top:5px;
}
#col_B .input {
	width:181px;
	border:#381012 solid 1px;
	margin-bottom:20px;
	padding:2px;
}

#col_B select {
	width:310px;
	border:#381012 solid 1px;
	margin-bottom:5px;
	padding:2px;
}

/* ===== SENT TO A FRIEND =================================================================== */
/* COLUMN C */
#col_C {padding-left:20px; width:285px; float:left; text-align:left;  }

#col_C label {font-size:11px; display:block; float:left; width:120px; /**/ } 

#col_C .input, select {
	width:154px;
	border:#381012 solid 1px;
	margin-bottom:10px;
	padding:2px;
}

/* COLUMN D */
#col_D {margin-left:325px; text-align:left; }

#col_D label {display:block; float:left; width:125px; } 

#col_D .input {
	width:144px;
	border:#381012 solid 1px;
	margin-bottom:10px;
	padding:2px;
}

.pb {border:#4c1712 solid 2px;}

.button, a.button {
	background:#560e10;
	/*font-family:"Times New Roman", Times, serif;*/
	font-size:10px;
	font-weight:bold;
	color:#de9722;
	text-transform:uppercase;
	border:0;
	padding:5px 32px;
	width:auto;
	text-decoration:none;
}

.button:hover, a.button:hover {
	background:#de9722;
	color:#560e10;
}	

.disc, p.disc {font-size:9px; line-height:12px !important;}
.err {
	font-weight:bold;
	color:#FF0000;
}
	
	
/* ====== BROWSER HACKS : DON'T DELETE ================================= */

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

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

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