@charset "UTF-8";

/* ------------------------------------------------
Hermosa Inn
master.css
Global styles for hermosainn.com
------------------------------------------------ */

/* ----{ Reset }-------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
} 
a { outline: none; }

/* ----{ Fixes }-------------------------------- */

.clearfix:after,
#content form ul li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
/* ------------------------------------------------
=Universal
------------------------------------------------ */

body {
	background: rgb(61,42,27) url(/images/bg_body_texture.jpg) 0 -90px repeat-x;
	font: 12px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	min-width: 968px;
	text-align: center;
}

body#home {
	background: rgb(61,42,27) url(/images/bg_body_texture.jpg) top left repeat-x;	
}

#container1 {
	background: transparent url(/images/agave.gif) 50% 92px no-repeat;
	position: relative;
	text-align: left;
	width: 100%;	
}

#home #container1 		{ background: transparent url(/images/agave.gif) 50% 182px no-repeat; }

#container2 {
	position: relative;
	margin: 0 auto;
	width: 968px;
}

#container3 {
	margin-top: -32px;
}

#container4 {
	background: transparent url(/images/shadows/shadow_side.png) 50% 0 repeat-y;	
}

#container5 {
	background-color: #eadfca;
	margin: 0 auto;
	width: 948px;
}

#container5 {
	background-color: #eadfca;
	background-image: url(/images/hp_01.jpg);
	background-position:  50% 10px;
	background-repeat: no-repeat !important;
	padding-top: 288px;	
}

#about #container5									{ background-image: url(/images/headers/about_hdr.jpg); }
#reservations #container5							{ background-image: url(/images/headers/reservations_hdr.jpg); }
#about.history #container5							{ background-image: url(/images/headers/history_hdr.jpg); }
#about.accolades #container5						{ background-image: url(/images/headers/accolades_hdr.jpg); }
#about.photo-gallery #container5					{ background-image: url(/images/headers/photo_gallery_hdr.jpg); }
#about.activities #container5						{ background-image: url(/images/headers/activities_hdr.jpg); }
#accommodations #container5						{ background-image: url(/images/headers/accomodations_hdr.jpg); }
#accommodations.grande-casita #container5		{ background-image: url(/images/headers/grande_casita_hdr.jpg); }
#accommodations.deluxe-casita #container5		{ background-image: url(/images/headers/deluxe_casita_hdr.jpg); }
#accommodations.casita #container5				{ background-image: url(/images/headers/casita_hdr.jpg); }
#accommodations.rancho #container5				{ background-image: url(/images/headers/rancho_hdr.jpg); }
#accommodations.details #container5				{ background-image: url(/images/headers/policies_hdr.jpg); }
#accommodations.specials #container5			{ background-image: url(/images/headers/specials_packages_hdr.jpg); }
#meetings #container5								{ background-image: url(/images/headers/meetings_hdr.jpg); }
#meetings.indoor-venues #container5				{ background-image: url(/images/headers/indoor_venues_hdr.jpg); }
#meetings.outdoor-venues #container5			{ background-image: url(/images/headers/outdoor_venues_hdr.jpg); }
#meetings.capacity-chart #container5			{ background-image: url(/images/headers/capacity_chart_hdr.jpg); }
#weddings #container5								{ background-image: url(/images/headers/weddings_hdr.jpg); }
#weddings.ceremony #container5					{ background-image: url(/images/headers/ceremony_hdr.jpg); }
#weddings.rehearsal #container5					{ background-image: url(/images/headers/rehearsal_hdr.jpg); }
#contact #container5									{ background-image: url(/images/headers/contact_hdr.jpg); }
#events-calendar #container5						{ background-image: url(/images/headers/events_calendar_hdr.jpg); }
#events-calendar.tuesday-trust #container5	{ background-image: url(/images/headers/capacity_chart_hdr.jpg); }
#events-calendar.artist #container5				{ background-image: url(/images/headers/artist_hdr.jpg); }
#meetings.capacity-chart #container5			{ background-image: url(/images/headers/capacity_chart_hdr.jpg); }
#online-boutique #container5						{ background-image: url(/images/headers/online_boutique_hdr.jpg); }


#home #container5 {
	padding-top: 378px;	
}

p {
	color: #3c2d1e;
	font-size: 13px;	
	line-height: 1.5em;
	margin-bottom: 12px;	
}

a {
	color: #3796B7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

strong {
	font-weight: bold;
}	

em {
	font-style: italic;	
}

label {
 	color: #3c2d1e;
   font-size: 12px;
}

/* ------------------------------------------------
=Header
------------------------------------------------ */

#header {
	background: url(/images/top_blue_border4.gif) 50% 80px no-repeat;
	height: 112px;
	margin: 0 auto;
	position: relative;
	width: 969px;
	z-index: 10;
}

#header h1 {
	display: inline-block;
	padding-left: 394px;
	float: left;
}

#header h1 a {
	background: url(/images/hermosa_inn_logo.png) top left no-repeat;
	outline: none;
	display: block;
	height: 111px;
	text-indent: -9999px;
	width: 160px;
}

#header ul {
	float: right;
	margin-top: 53px;
}

#header ul li {
	border-right: 1px solid rgb(60,45,30);
	float: left;
	list-style-type: none;
	padding: 5px 10px 10px 10px;
}

#header ul li.last {
	border-right: none;
	display: block;
}

#header ul li a {
	color: rgb(60,45,30);
	display: block;
	font: bold 10px Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;	
}

#header ul li a:hover {
	color: #3796b7;
}

body#contact a#contact-nav,
body#events-calendar a#events-calendar-nav,
body#online-boutique a#online-boutique-nav {
	color: #3796b7;
}

/* ------------------------------------------------
=Navigation
------------------------------------------------ */

#primary {
	position: absolute;
	top: 122px; left: 40px;
	z-index: 100;
}

#primary li {
	float: left;
	list-style-type: none;
	position: relative;
}

.drop-nav {
	display: none;	
	position: absolute;
	top: 39px; left: 0;
}

#primary li a {
	border: none;
	display: block;
	height: 39px;
	outline: none;
	text-indent: -9999px;
}

#primary li a:hover {
	background-position: bottom left;
	background-repeat: no-repeat;
}

#reservations-nav 		{ background: url(/images/nav/nav_reservations.png) top left no-repeat; width: 147px; }
#about-nav 					{ background: url(/images/nav/nav_about.png) top left no-repeat; width: 140px; }
#accommodations-nav		{ background: url(/images/nav/nav_accomodations.png) top left no-repeat; width: 161px; }
#meetings-nav				{ background: url(/images/nav/nav_meetings.png) top left no-repeat; width: 237px; }
#weddings-nav				{ background: url(/images/nav/nav_weddings.png) top left no-repeat; width: 110px; }
#lons-nav					{ background: url(/images/nav/nav_lons.png) top left no-repeat; width: 90px; }


body#reservations #reservations-nav,
body#about #about-nav,
body#accommodations #accommodations-nav,
body#meetings #meetings-nav,
body#weddings #weddings-nav,
body#lons #lons-nav {
	background-position: bottom left;
	background-repeat: no-repeat;	
}

#primary li:hover .drop-nav {
	display: block;	
}

#primary li .drop-nav li {
	float: none;	
}

#primary li .drop-nav li a {
	background: #2a1b15 url(/images/bg_drop_nav.gif) bottom left repeat-x;
	border-top: 1px solid #3e2415;
	color: #fff;
	display: block;
	font: 12px/1.25em Georgia, "Times New Roman", Times, serif;
	height: auto !important;
	padding: 10px 20px;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	width: 200px; width/**/:/**/ 160px;
}

#primary li .drop-nav li a:hover {
	background-color: #397182;
	background-image: none;
	color: #fff;
}

#lons-drop-nav {
	left: -110px;
	}
	
/*----{ Sub-navigation }-------------------------*/

#content .subnav {
	display: none;
	margin: -7px 0 0 -12px;
}

body#about #about-subnav,
body#accommodations #accommodations-subnav,
body#meetings #meetings-subnav,
body#weddings #weddings-subnav,
body#contact #contact-subnav,
body#events-calendar #events-calendar-subnav,
body#lons #lons-subnav {
	display: block;	
}

.subnav li {
	float: left;	
}

#content .subnav li a {
	background-color: #f0ece0;
	border-top: 1px solid #e0d4bf; border-right: 1px solid #e0d4bf;
	border-left: 1px solid #f0ece0; border-bottom: 1px solid #f0ece0;
	color: #3c2d1e;
	display: block;
	font: 11px Georgia, "Times New Roman", Times, serif;	
	letter-spacing: 1px;
	padding: 6px 10px;
	margin-right: 10px;
	text-decoration: none;
	text-transform: uppercase; 
}

#content .subnav li a:hover {
	background-color: #d4c9b5;	
	border-bottom: 1px solid #ada782; border-left: 1px solid #ada782;
	border-top: 1px solid #d4c9b5; border-right: 1px solid #d4c9b5;
	color: #3c2d1e;
}

body.history a#history-nav,
body.accolades a#accolades-nav,
body.photo-gallery a#photo-gallery-nav,
body.activities a#activities-nav,
body.grande-casita a#grande-casita-nav,
body.deluxe-casita a#deluxe-casita-nav,
body.casita a#casita-nav,
body.rancho a#rancho-nav,
body.specials a#specials-nav,
body.details a#details-nav,
body.indoor-venues a#indoor-venues-nav,
body.outdoor-venues a#outdoor-venues-nav,
body.capacity-chart a#capacity-chart-nav,
body.plan-meeting a#plan-meeting-nav,
body.ceremony a#ceremony-nav,
body.rehearsal a#rehearsal-nav,
body.plan-wedding a#plan-wedding-nav,
body.directions a#directions-nav,
body.tuesday-trust a#tuesday-trust-nav,
body.artist a#artist-nav,
body.media-center a#media-center-nav,
body.employment a#employment-nav {
	background-color: #3796b7;
	color: #fff;
	border-top: 1px solid #3796b7; border-right: 1px solid #3796b7;
	border-left: 1px solid #397182; border-bottom: 1px solid #397182;
}

/*----{ Tertiary Nav  }--------------------------*/

body.culinary #lons-culinary-subnav,
body.hermosa-hideaway #specials-subnav,
body.wine-and-dine #specials-subnav,
body.night-at-lons #specials-subnav,
body.getaway #specials-subnav,
body.art-of-romance #specials-subnav,
body.desert-indulgence #specials-subnav,
body.wednesday-wine #events-calendar-subnav,
body.smooth-jazz #events-calendar-subnav,
body.ludvic #events-calendar-subnav,
body.wine-cellar #lons-wine-cellar-subnav,
body.last-drop-bar #last-drop-bar-subnav {
 	display: block;  
}

.tertiary {
	display: none;
   float: left;
   margin: 0 20px 20px 0;
   width: 150px;
}

.tertiary ul {
 	border-right: 1px solid #c7beb6;
   padding: 0 0 15px 0;
}

.tertiary li {
 	border-bottom: 1px solid #c7beb6;
}

#content .tertiary li a {
   color: #3c2d1e;
   display: block;
   font-size: 11px;
   letter-spacing: 1px;
   padding: 8px 10px;
   text-align: right;
 	text-transform: uppercase;  
}

#content .tertiary li a:hover {
   background: transparent url(/images/tertiary_texture.gif) top right repeat-y;
   xcolor: #3796B7;
 	text-decoration: none;  
}

#content div.tertiary img {
   float: none !important;
 	margin: 0 10px 15px 0;  
}

.tertiary h5 {
   border-bottom: 1px solid #c7beb6;
   color: #8A7B75; !important;
   font-size: 13px !important;
   font-style: italic;
   letter-spacing: 0 !important;
   text-align: right;
   text-transform: none !important;
	margin-left: 10px;
}	

body.hermosa-hideaway a#hermosa-hideaway-nav,
body.wine-and-dine a#wine-and-dine-nav,
body.night-at-lons a#night-at-lons-nav,
body.getaway a#getaway-nav,
body.art-of-romance a#art-of-romance-nav,
body.desert-indulgence a#desert-indulgence-nav,
body.wednesday-wine a#wednesday-wine-nav,
body.smooth-jazz a#smooth-jazz-nav,
body.ludvic a#ludvic-nav {
 	background: transparent url(/images/tertiary_texture.gif) top right repeat-y;
 	text-decoration: none;  
}

/* ------------------------------------------------
=Content
------------------------------------------------ */

#content {
	background: #eadfca url(/images/bg_content_texture.jpg) top left repeat-x;
	padding: 27px 30px 43px 37px;
	position: relative;
}

#content-container {
	width: 625px !important	;
}

/*
#home #content h2 {
	display: inline-block;
	height: 20px;
	margin: 0 0 22px 0; 
	text-indent: -9999px;	
	width: 620px;
}
*/

#home #content h2	{ 
	margin-top: 0;
	}
	
#content h2,
#content h3 {
	color: #3796b7;
	clear: both;
	font: 20px Georgia, "Times New Roman", Times, serif;	
	letter-spacing: 3px;
	margin: 40px 0 22px 0;
	text-transform: uppercase;
}

#content h5 {
	margin-bottom: 5px;
	letter-spacing: 2px;
	text-transform: uppercase;	
}

#online-boutique h2,
#error h2 {
	margin-top: -5px;		
}

#content h2 em {
	display: block;
	letter-spacing: 0;
	text-transform:none;
}

#content p.intro {
	border-bottom: 1px solid #a99c8f;
	color: #8a7b75;
	font-size: 1.5em;	
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#content .intro.simple {
	border-bottom: none;	
}

#online-boutique #content .intro,
#error #content .intro {
	padding-top: 15px;	
}

#content h3 {
	border-bottom: 1px solid #a99c8f;
	color: #8a7b75;
	font-size: 16px;
	margin: 15px 0 15px 0;
	padding: 0 0 5px 0;
}

#content h4 {
   border-bottom: 1px solid #a99c8f;
   color: #8a7b75;
   letter-spacing: 1px;
   margin: 15px 0 10px 0;
   padding-bottom: 4px;
   text-transform: uppercase;
}

#content-container.menu h3,
#content-container.menu h4 {
 	border-bottom: none;  
   padding-bottom: 0;
   margin-bottom: 10px;
}

#content-container img {
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	box-shadow: 0 3px 10px rgba(0,0,0,.3); 
	border: 6px solid #fff;
	float: right;	
	margin: 0 0 20px 10px;
}

#content img.basic-img {
	float: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
	margin: 0 auto;
}

#content ul.promos {
	margin: 0 0 25px 0;
	width: 640px;
}

#home #content ul.promos {
 	margin-top: 45px;  
}

#content ul.promos li {
	float: left;
	margin-right: 19px;
	width: 192px;
}

#content ul.promos li h3,
#content #reservations h3 {
	color: #3796b7;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 13px;
	text-transform: uppercase;	
}

#content ul.promos li p {
	font-size: 12px;	
}

#content ul.promos li strong {
   color: #8a7b75;
   font-style: italic;
   font-weight: normal;
   xtext-transform: uppercase;
}

#content ul.promos li img {
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.1);
	box-shadow: 0 3px 10px rgba(0,0,0,.1); 
	border: 6px solid #fff;	
	float: none;
	margin: 0 0 12px 0;
}

#content .promo-btn {
	background: transparent url(/images/buttons/btn_promo.gif) top left no-repeat;
	display: block;
	height: 18px;
	text-indent: -9999px;	
	width: 18px;
}

#content .promo-btn2 {
	background: transparent url(/images/buttons/btn_promo_back.gif) top left no-repeat;
	display: block;
	height: 18px;
	text-indent: -9999px;
	width: 18px;
}

#content .promo-btn:hover {
	background-position: bottom left !important;	
}

#content .content-inset {
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.1);
	box-shadow: 0 3px 10px rgba(0,0,0,.1); 
	background-color: #ede7e4;
	border: 1px solid #c6c1bd;
	float: right;	
	padding: 0 15px;
	width: 240px; width/**/:/**/ 210px;
}

p.disclaimer {
 	font-style: italic;  
}

p.announcement {
   background-color: #fff;
   padding: 10px 20px;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 2px;
}

/* ----{ Lists }--------------------------------------*/

#content ul.featured-list {
	border-top: 1px solid #c7beb6;
	list-style-type: none;	
	margin: 20px 0;
}

#content ul.featured-list li {
	border-bottom: 1px solid #c7beb6;
	padding: 7px 10px;
}

.highlight {
   background-color: #fff;
}

#content ul.featured-list .highlight li {
    border: none;
}

#content ul.featured-list .highlight .featured-list {
   margin: 0;
}

#content ul.featured-list .highlight h4 {
   font-size: 14px; font-style: italic;
   letter-spacing: 2px; padding: 0 10px;
}

#content ul.featured-list li strong {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
}

#events-calendar ul.featured-list li strong {
   display: inline-block;
 	width: 170px;  
}

#content-container.menu ul.featured-list li {
 	font-size: 14px;
}

#content-container.menu ul.featured-list li strong {
 	color: #8a7b75;
   letter-spacing: 0;
   padding-left: 15px;
   text-transform: none;
}

#content ul.featured-list li em {
	color: #8a7b75;
   font-size: 12px;
}

#content ul.content-list {
	margin: 0 0 20px 10px;
}

.list-container {
  	float: left;
   width: 440px;
}	

.list-container ul {
   width: 415px;
}

.list-container a.submit-btn {
 	margin-left: 31px;  
}

#content ul.content-list li {
	background: transparent url(/images/bullet_arrow.gif) 0 4px no-repeat;
	color: #3c2d1e;
	font-size: 13px;	
	margin-bottom: 5px;
	padding-left: 20px;
}

#content ul.button-list {
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	box-shadow: 0 3px 10px rgba(0,0,0,.3); 
	background-color: #f0ece0;
	border: 1px solid #e0d4bf;
	padding: 25px 25px 10px 25px;
	margin: 20px 0;
}

#content ul.button-list li {
	float: left;
	margin-right: 25px;
	text-align: center;
	width: 122px;
}

#events-calendar ul.button-list li {
 	width: 172px;  
}

#content ul.button-list li.last {
	margin-right: 0;	
}

#content ul.button-list li.center {
 	margin-left: 147px;  
}

#content ul.button-list h4 {
	margin-top: 0;	
}

#content h3 span,
#content h4 span {
 	display: block;  
}

#content ul.button-list li p {
 	font-style: italic;  
}

#content ul.button-list a.submit-btn {
   margin-bottom: 15px;
}

/* ----{ Gallery }------------------------------------*/

ul.gallery {
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	box-shadow: 0 3px 10px rgba(0,0,0,.3); 
	background-color: #f0ece0;
	border: 1px solid #e0d4bf;
	padding: 25px 15px 10px 15px;
	margin: 20px 0;
}

ul.gallery li {
	float: left;
	margin: 0 15px 25px 15px;
}

#content ul.gallery h4 {
   border-bottom: none;
	margin-bottom: 0;
}

ul.gallery h4 a {
	color: #3796b7;
	display: block;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 7px;
	text-transform: uppercase;
}

#content ul.gallery img {
	margin: 0 !important;	
	float: none !important;
}

#content #content-container ul.gallery label {
	cursor: pointer;
	float: none;
	width: 160px;
	padding: 0;
}

#content #content-container ul.gallery li p {
	margin : 5px 0 0 0;	
}

#content #content-container ul.gallery li p label {
	margin-left: 10px;	
}

#content-container .photo-block {
 	float: right;
   width: 450px;
}

#content-container .photo-block img {
   float: none;
 	margin-left: 20px;  
}


/* ----{ Contact }-------------------------------------*/

#content-container form fieldset.email-form,
#content-container form.complex-form {
   -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.1);
	box-shadow: 0 3px 10px rgba(0,0,0,.1); 
   background-color: #f0ece0;
	border: 1px solid #e0d4bf;
   padding: 15px;
}

#content-container form fieldset.email-form {
   float: left;
   margin-right: 20px;
   width: 400px; width/**/:/**/370px;
}

.complex-form fieldset {
   border-bottom: 1px solid #a99c8f;
   margin-bottom: 15px;
 	padding-bottom: 15px;  
}

.complex-form legend {
   color: #3796B7;
   font-size: 12px;
   letter-spacing: 1px;
   padding-bottom: 10px;
   text-transform: uppercase;
}	

.complex-form li.first {
 	clear: both;  
}

#contact #content-container form li { 
   padding: 3px 0;
}

#content-container form.complex-form li {
 	float: left; 
   margin-right: 30px;
   padding: 3px 0 8px 0;
   width: 260px;
}

#content-container form li label {
   float: left;
 	line-height: 125%;
   padding-right: 15px;
   text-align: right;
   width: 120px; width/**/:/**/ 105px;
   vertical-align: middle;
}

#content-container form.complex-form li label {
 	display: block;
   float: none;
   margin: 0 0 4px 0;
   padding: 0 6px;
   text-align: left;
   width: auto;
}

p.pseudo-label {
 	line-height: 125%;
   font-size: 12px;
   margin-bottom: 4px;
}

#content-container li input.lg,
#content-container li select.lg,
#content-container li textarea.lg {
   border: 1px solid #d6d6d6;
	color: #333;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	margin-right: 6px;
	padding: 3px 5px;
	width: 230px; width/**/:/**/ 220px;
}

#content-container li select.lg {
   width: 240px; width/**/:/**/ 230px;
}

#content-container .complex-form li input.lg,
#content-container .complex-form li select.lg,
#content-container .complex-form li textarea.lg {
 	width: 260px; width/**/:/**/ 250px;  
}

#content-container .complex-form li select.lg {
 	width: 270px; width/**/:/**/ 260px;  
}

#content fieldset input.md {
	border: 1px solid #d6d6d6;
	color: #333;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	padding: 3px 2px;	
	width: 180px; width/**/:/**/ 176px;
}

#content #content-container form fieldset li.double {
 	width: 550px;  
}

#content #content-container form fieldset li.double textarea.lg {
 	width: 540px;  
}

#content-container li.check {
	margin-left: 120px;
}

#content-container li.check label {
	float: none;
	padding-left: 10px;
	width: 200px; width/**/:/**/ 190px;
}

.radio-box,
.check-box {
   border-bottom: 1px solid #d6d6d6;
 	padding: 5px 5px;
}

.radio-box label,
.check-box label {
 	display: inline !important;
   float: none;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1em;
   padding-left: 10px;
   margin-right: 10px;
   vertical-align: top;
}

.check-box input {
 	clear: both;  
}

#contact-info {
   float: left;
   width: 200px;
}

#contact-info p {
   font-style: italic;
}

#contact-info strong {
   font-weight: normal;
   font-style: normal;
}

#contact #content form fieldset li input.submit-btn {
   margin-left: 120px;
}

#content form.complex-form fieldset li input.submit-btn {
 	margin-left: 0 !important;  
}

#container1 #content form fieldset input.sm:focus,
#container1 #content form fieldset select.sm:focus,
#container1 #content form fieldset textarea.sm:focus,
#container1 #content form fieldset input.md:focus,
#container1 #content form fieldset select.md:focus,
#container1 #content form fieldset textarea.md:focus,
#container1 #content form fieldset input.lg:focus,
#container1 #content form fieldset select.lg:focus,
#container1 #content form fieldset textarea.lg:focus {
	background-color: #daeff5 !important;
	border-top: 1px solid #bfdee7 ; border-right: 1px solid #bfdee7;
	border-bottom: 1px solid #78aebe; border-left: 1px solid #78aebe;
}

#content .error {
   padding-top:4px;
   display: block;
   color: #900;
}

#content .email-form .error {
 	margin-left: 121px;  
}
	
#content #thanks {
   display: none;	
}

/* ----{ Tables }-------------------------------------*/

#content table {
	color: #3c2d1e;
	margin: 10px 0 25px 0;
}

#content table thead th {
   border-right: 1px solid #a99c8f;
   border-bottom: 1px solid #a99c8f;
   font: bold 11px Arial, Helvetica, sans-serif;
   padding: 6px 15px;
   text-align: center;
}

#content table tbody td {
   border-right: 1px solid #a99c8f;
   border-bottom: 1px dashed #a99c8f;
   padding: 6px 15px;
   text-align: center;
}

#content table thead tr.open th {
   text-transform: uppercase;
   letter-spacing: 1px;
}

#content table thead tr.close th {
   border-bottom: 3px double #a99c8f;
}

#content table .divider {
   border-right: 2px solid #a99c8f;
}

#content table .divider.name {
   font: bold 11px Arial, Helvetica, sans-serif;
   text-align: left;
}

/* ----{ Event Calendar }-----------------------------*/

ul.event-list li {
	padding: 5px 0;
}

#content ul.event-list li h4 {
	margin-top: 0;	
}

ul.event-list div.event-detail {
	display: none;
}

/* ----{ Video }-------------------------------- */

.video-480 {
   -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.1);
	box-shadow: 0 3px 10px rgba(0,0,0,.1); 
   background-color: #fff;
	border: 1px solid #e0d4bf;
   padding: 15px;
   width: 510px; width/**/:/**/ 480px;
}


/* ----{ Sidebar }------------------------------------*/

#content #sidebar {
	position: absolute;
	top: 55px; right: -10px;
	width: 273px;
	z-index: 10;
}

#contact.media-center #content #sidebar {
	top: 88px; right: 20px;	
}

#content #reservations {
	background: transparent url(/images/reservations_module_tall.png) top left no-repeat;
	padding: 24px 24px 32px 28px;
	height: 247px;	height/**/:/**/ 215px;
}

#content #reservations h3 {
   border: none;
	margin: 0 0 4px 0;
	color: #3796b7 !important;
}

#content #reservations h4 {
 	border: none;
   display: inline;
   letter-spacing: 0; 
   text-transform: none;
}

#content #reservations h4 a {
   color: #3c2d1e;
   font: 11px Helvetica, Arial, san-serif; 
}

#content #reservations form legend {
	color: #3c2d1e;
	padding-bottom: 12px;
}

#content #reservations li img {
 	margin-right: 6px;  
}

#content #reservations li label {
 	font: 11px Helvetica, Arial, sans-serif;  
   display: block;
   padding-bottom: 3px;
}

#content #reservations form li {
	float: left;
	margin: 0 0 7px 0;
}

#content #reservations form li input.sm,
#content #reservations form li select.sm,
.formfield {
	background-color: #fff;
   border: 1px solid #d6d6d6;
	color: #333;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	margin-right: 6px;
	padding: 3px 2px;
	width: 60px; width/**/:/**/ 56px;	
}

#content #reservations form li select.sm {
	width: 87px; width/**/:/**/ 83px;
	padding: 1px 2px;
}

#reservations .formfield {
 	margin-right: 3px; 
}

#content #reservations form li input.formfield {
 	background: transparent;
   border: none;
   color: #3c2d1e;
   font-size: 11px;
   font-style: italic;
   width: 25px;
}

#pane2 li {
	float: none !important;   	
}

#content #reservations form .row {
	clear: both;	
}

#content .submit-btn,
#content #sidebar .cross-promo .submit-btn,
#content #sidebar #reservations .submit-btn {
	background: #3796b7 url(/images/button_arrow.gif) 95% 50% no-repeat;
	border-top: 1px solid #3796b7; border-right: 1px solid #3796b7;
	border-left: 1px solid #397182; border-bottom: 1px solid #397182;
	color: #fff;
	cursor: pointer;
	font: 11px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	padding: 5px 14px 5px 7px;
	text-transform: uppercase;
}

#content .submit-btn:hover,
#content #sidebar .cross-promo .submit-btn:hover,
#content #sidebar #reservations .submit-btn:hover {
	background-color: #397182;
	text-decoration: none;
}

ul.css-tabs {  
   margin:0 0 10px 0 !important; 
	padding:0 5px 0 5px;
   border-bottom: 1px solid #c7beb6;
   overflow: auto;
   width: 100%;
}

ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;
	list-style-type:none;
}

#content ul.css-tabs li h4 {
 	margin: 0; padding: 0;  
}

#content #reservations ul.css-tabs a { 
   color: #3c2d1e;
   font-weight: bold;
   display: block;
   height: 25px; width: 90px;
   line-height: 25px; vertical-align: middle;
   text-align:center;
}

ul.css-tabs a:hover {
	text-decoration: none;
	background-position: bottom;
}

ul.css-tabs a.current {
	background: url(/images/reservations_bg.gif) bottom left repeat-x;
   border-top: 1px solid rgba(255,255,255,.7);
   border-right: 1px solid rgba(255,255,255,.7);
   color: #3c2d1e !important;
   font-weight: bold;	
}

div.css-panes .pane {
	clear: both;
	display:none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

div.css-panes div div.inner {
	position:absolute;
	margin: 0 auto;
}

#content a.submit-btn {
	display: inline-block;	
}

#contact #content #reservations form fieldset li input.submit-btn {
	margin-left: 0;	
}

#content #sidebar .promo {
	background: transparent url(/images/bg_sidebar_texture.gif) 10px 0 repeat-y;
	padding: 15px 50px 5px 25px;
	margin: 5px 0 0 12px;
	width: 186px;
	height: 103px;
	overflow:hidden;
	position: relative;
}

#content #sidebar .promo h4 {
	color: #397182;
	font-size: 12px;
	margin-top: 0;
	text-transform: uppercase;
}

#content #sidebar .promo p {
	color: #397182;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	width: 180px;
}

#content #sidebar .promo fieldset label {
	color: #3c2d1e;
	display: block;
	font: normal 11px Georgia, "Times New Roman", Times, serif;	
	padding-bottom: 5px;
}

#content #sidebar .promo fieldset input.md {
	border: 1px solid #A99C8F;
}

#content #sidebar .promo .promo-btn {
	background-position: bottom;
}

#content #sidebar .promo .promo-btn:hover {
	background-position: top;	
}

#content #sidebar .promo .off-screen {
	position: absolute;
	left: 263px; top: 10px;
}

#content #sidebar .promo .off-screen2 {
	position: absolute;
	left: 526px; top: 0;
	width: 180px;
}

#content #sidebar .cross-promo {
	background: #ede7e4 url(/images/agave_sm.gif) bottom right no-repeat;
	border: 1px solid #c6c1bd;
	padding: 10px 20px;	
	margin: 20px 10px 0 24px;
	width: 2200px; width/**/:/**/ 180px;
}

#content #sidebar .cross-promo h4 {
	color: #3c2d1e;
	margin-top: 5px;	
}

#promoContainer {
	position: relative;
	left: 0;
	top: 0;
}

/* ------------------------------------------------
=Google Map
------------------------------------------------ */

#googleMap h5 {
	margin: 0;
	padding: 0;
}

#googleMap p {
	font-size: 11px;	
}

#contact.directions #content-container img {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* ------------------------------------------------
=Homepage Slideshow
------------------------------------------------ */

#slideshow {
	position: absolute;
	top: 90px;
	z-index: 9;
	left: 10px;
	margin: 0;
	padding: 0;
}

#slideshow li {
	position: absolute; 
	top: 0;
	left: 0;
}

#slideshow li.active {
	display: block;	
}	

/* ------------------------------------------------
=Footer
------------------------------------------------ */

#footer {
	background: transparent url(/images/shadows/shadow_bottom.png) 50% 0 no-repeat;
	color: #c8b9a2;
	font: 12px/1.25em Georgia, "Times New Roman", Times, serif;
	margin: 0 auto;
	padding: 27px 0 20px 0;
	text-align: left;
	width: 968px;	
}

#footer .contact-info,
#footer .footer-nav,
#footer .social-media {
	float: left;
	height: 75px;
}

#footer .contact-info {
	border-right: 1px solid #75655c;
	color: #c8b9a2;
	padding: 0 10px;
	margin-right: 30px;
	text-align: left;
	width: 242px; width/**/:/**/ 232px;
}

#footer a {
	color: #c8b9a2 !important;
	outline: none;
	text-decoration: none;
}

#footer a:hover {
	color: #3795b7 !important;	
}

#footer .footer-nav {
	margin-right: 15px;
	width: 120px;
}

#footer .social-media {
	border-left: 1px solid #756555;
	margin-left: 20px;
	padding-left: 18px;
}

#footer .social-media li {
	float: left;	
}

#footer .social-media a {
	display: block;
	height: 26px;
	outline: none;
	text-indent: -9999px;
	width: 26px;	
}

#footer .social-media a.fervor {
   display: block;
   text-indent: -9999px;
   background: url(/images/fervor.gif) top left no-repeat;
   height: 11px; width: 46px;
   margin-left: 100px;
}

#footer .social-media #facebook 		{ background: transparent url(/images/icon_facebook.gif) top left no-repeat;	margin-right: 15px; }
#footer .social-media #twitter 		{ background: transparent url(/images/icon_twitter.gif) top left no-repeat; }

#footer #facebook:hover,
#footer #twitter:hover {
	background-position: bottom left;
}