@charset "UTF-8";
/* La Casita :: 09/03/08 */
/* NOTE: Images are relative to this doc! */

* {border:0; margin:0; padding:0;}

body {
	background:#220000 url(../img/common/bg_body.gif) left top repeat-x; 
	text-align:center;	
}

#container {
	margin:0 auto; 
	width:898px;
	text-align:left;
}

/* ===== HEADER ========================================================================= */
#header {
	height:430px;
	background:url(../img/common/bg_header.jpg) no-repeat;
}

#headerL{
	width:315px; 
	float:left;
}

#logo {
	display:block;
	margin:42px 0 0 42px;
	width:245px;
	height:91px;
	background:url(../img/common/logo.gif) no-repeat;
}

#logo span{
	display:none;
}

#main_photo {
	width:556px;
	height:406px;
	float:left;
	/*background:url(../swf/fpo_flash_556x406.jpg) no-repeat;*/
	border:#564b35 solid 3px;
	margin-top:18px;
	
}

/* ===== CONTENT ========================================================================= */
#content_wrapper {
	padding-top:43px;
	background:#ffeec7 url(../img/common/header_band.gif) left top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#content {
	/*margin:0 40px;*/
	padding:0 40px 70px;
	font-size:14px;
	line-height:18px;
	color:#7e0000;
}

#content .title {
	margin-bottom:5px;
}

#home #content .title,
#attractions h2,
#content p {
	margin-bottom:20px;
}

#content ul {font-size:13px; margin-bottom:20px;}
#content li {margin-left:15px;}

#content h2 {
	font-size:13px;
	font-weight:bold;
	color:#2e5f95;
}

#content .place {
	font-size:12px;
	font-weight:bold;
}

p.smallText {
	margin-bottom:5px !important; 
	font-size:13px;
}

div.smallText p {font-size:12px;}

.strong {font-weight:bold;}

#rates  {margin:20px 0;}
#rates td {font-size:13px; padding:3px 0;}
td.oneLineRow {font-size:1px; height:2px; border-top:#7e0000 solid 1px; padding:0 !important;}
tr.colorRow {background:#7e0000; color:#FFFFFF;}

#content a {
	color:#7e0000;
}

#content a:hover {
	text-decoration:none;
}

	
/* ===== FOOTER ========================================================================= */
#footer {
	border-top:#eedeb9 solid 7px;
	margin:0 20px;
	padding:24px 0;
	
	font-size:11px;
	line-height:16px;
	color:#564b35;
	text-transform:uppercase;
	text-align:center;
}

#footer a{
	color:#564b35;
	text-decoration:none;
}

#footer a:hover,
#home a.home,
#retreat a.retreat,
#features a.features,
#attractions a.attractions,
#info a.info,
#availability a.availability,
#links a.links,
#contact a.contact
{
	text-decoration:underline;
}


/* ===== NAV ========================================================================= */
#nav {
	width:315px;
    height:231px; 
    background:url(../img/common/nav.gif);
	margin-top:24px;
    padding: 0;
    position: relative;
}	
	
#nav li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	display:block;
	/*border:#FF0000 solid 1px;*/
}

#nav li ul{
  padding:0;
  margin:0;
  height:auto;
}	
  
#nav a{
  	display:block;
	height:100%;
	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_item1{left:0px;top:0px; 	width:315px; height:25px;}
#nav_item2{left:0px;top:25px;	width:315px; height:32px;}
#nav_item3{left:0px;top:57px;	width:315px; height:27px;}
#nav_item4{left:0px;top:84px; 	width:315px; height:27px;}
#nav_item5{left:0px;top:111px; 	width:315px; height:31px;}
#nav_item6{left:0px;top:142px; 	width:315px; height:31px;}
#nav_item7{left:0px;top:173px; 	width:315px; height:30px;}
#nav_item8{left:0px;top:203px; 	width:315px; height:28px;}

#nav_item1 a:hover, #home #nav_item1{
background: transparent url(../img/common/nav.gif)
-315px 0px no-repeat;}

#nav_item2 a:hover, #retreat #nav_item2{
background: transparent url(../img/common/nav.gif)
-315px -25px  no-repeat;}

#nav_item3 a:hover, #features #nav_item3{
background: transparent url(../img/common/nav.gif)
-315px -57px no-repeat;}

#nav_item4 a:hover, #attractions #nav_item4{
background: transparent url(../img/common/nav.gif)
-315px -84px no-repeat;}

#nav_item5 a:hover, #info #nav_item5{
background: transparent url(../img/common/nav.gif)
-315px -111px no-repeat;}

#nav_item6 a:hover, #availability #nav_item6{
background: transparent url(../img/common/nav.gif)
-315px -142px no-repeat;}

#nav_item7 a:hover, #links #nav_item7{
background: transparent url(../img/common/nav.gif)
-315px -173px no-repeat;}

#nav_item8 a:hover, #contact #nav_item8{
background: transparent url(../img/common/nav.gif)
-315px -203px no-repeat;}


/* ====== BROWSER HACKS : DON'T DELETE ================================= */

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

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

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