@charset "utf-8";

/**********************************

Use: Site Wide Styles

***********************************/

/* Import Plug-In Style Sheets */
/* -------------------------------------------------- */

@import url("datePicker.css");
@import url("contact.css");
@import url("tipsy.css");
@import url("promoSlide.css");


/* General Styles */
/* -------------------------------------------------- */

body /* General Body Styles */
{
	margin: 0px;
	padding: 0px;
		
	color: #4B4B4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	
	/* background: #F3F8FF; */
	background: #ECF0F7;
}

.clearDiv /* Clear DIV for Floats */
{
	clear: both;
	float: none !important;
	height: 0px;
}


/* Header Styles */
/* -------------------------------------------------- */

#headerWrapper /* Website Header Wrapper */
{
	background: url(../images/bg_header.gif) repeat-x top;
}

#headerContainer /* Website Header */
{
	width: 960px;
	margin: 0px auto;
}

/*----- Website Logo -----*/

h2#logoMain /* Main Logo Title */
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 230px;
	height: 125px;
	
	background: url(../images/logo_la_vista_azul.png) no-repeat top left;
}

h2#logoMain span /* Hide Non-CSS */
{
	display: none;
}

/*----- Weather and Call to Action -----*/

#weatherCta /* Weather / CTA Container */
{
	float: right;
	margin: 25px 10px 0px 0px;
	
	color: #FFFFFF; 
}

#weatherWidget /* Weather Widget */
{
	background: url(../images/divider_header.gif) no-repeat right bottom;
}

h3#weatherInfo, #weatherIcon /* Weather Widget Info */
{
	float: right;
	font-weight: bold;
}

h3#weatherInfo /* Weather Widget Temperature */
{
	margin: 0px;
	padding: 12px 10px 0px 0px;
	
	font-size: 12px;
}

h3#weatherInfo span
{
	font-weight: normal;
}

#weatherIcon img /* Weather Widget Images */
{
	width: 38px;
	height: 38px;
	border: none;
}

#callToAction /* Call to Action */
{
	padding-top: 12px;
	text-align: right;
}

#callToAction p /* Call To Action Info */
{
	margin: 0px;
}

#callToAction strong, #callToAction a /* Call To Action Items */
{
	color: #FFF799;
	font-weight: bold;
	text-decoration: none;
}

#callToAction a:hover /* Call To Action Link Hover */
{
	color: #FFFF00;
	text-decoration: underline;
}


/* Main Navigation Styles */
/* -------------------------------------------------- */

#mainNavWrapper /* Main Navigation Wrapper */
{
	background: #0D5087;
}

#mainNavContainer /* Main Navigation Container */
{
	margin: 0px auto;
	width: 960px;
}

/*----- Drop Down Menu Styles -----*/

#topNav /* Main Nav UL */
{	
	margin: 0px;
	padding: 0px;
}

#topNav li /* Main Nav LI */
{
	float: left;
	list-style: none;
	text-transform: capitalize;
}

#topNav li a /* Main Nav Link */
{
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	background: url(../images/divider_mainNav.gif) right no-repeat;
}

#topNav .selected, #topNav .active /* Main Nav Hover */
{	
	background: #59A3D8;
}

#topNav li ul /* Drop Down Nav UL */
{
	z-index: 100; /* Bring Menus to Top */
	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid #D4E3F7;
}

#topNav li ul li /* Drop Down Nav LI */
{
	float: none;
	display: inline;
}

#topNav li ul li a /* Drop Down Nav Link */
{
	opacity:0.9;
	
	padding: 10px 15px;
	width: auto;
	background: #FFFFFF;
	color: #00395E;
	font-weight: normal;
	border-bottom: 1px solid #E1E1E1;
}

#topNav li ul li a:hover /* Drop Down Nav Hover */
{
	background: #F0F0F0;
}

/*----- Quick Contact Menu Mods -----*/

#topNav li.quickContact /* Quick Contact Menu Items */
{
	float: right;
}

#topNav li.quickContact a /* Quick Contact Link */
{
	color: #FFF799;
}

#topNav li.quickContact a:hover /* Quick Contact Hover */
{
	color: #FFFFFF;
}


/* Flash Header / Quick Book Bar Styles */
/* -------------------------------------------------- */

#flashWrapper /* Main Flash Wrapper */
{
	background: #D4E3F7;
}

#flashContainer /* Main Flash Container */
{
	position: relative;
	
	margin: 0px auto;
	padding-top: 1px;
	width: 960px;
	height: 290px;
}

/*----- Quick Book Bar -----*/

#quickBook /* Quick Book Bar Container */
{
	z-index: 50; /* Bring Quick Book to Top */
	opacity: 0.9;
	
	position: absolute;
	bottom: 0;
	right: 0;
	
	margin: 0px 20px 20px 0px;
	padding: 10px;
	background: #FFFFFF;
}

form#quickBookForm
{
	margin: 0px;
	padding: 0px;
}

form#quickBookForm div /* Form Item Containers */
{
	float: left;
	padding-right: 15px;
}

form#quickBookForm label /* Form Field Labels */
{
	display: block;
	color: #323232;
	font-size: 11px;
}

form#quickBookForm select, form#quickBookForm input /* Form Fields */
{
	padding: 1px;
	color: #323232;
	background-color: #FFFFFF;
	border: 1px solid #959595;
}

#bestRate /* Best Rate Note */
{
	padding-top: 7px;
	color: #135C97;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#bestRate span /* Best Rate Note Mod */
{ 
	font-weight: normal;
}

#submitButton
{
	padding-top: 7px;
	padding-right: 0px !important;
}


/* Main Content Styles */
/* -------------------------------------------------- */

#contentWrapper /* Main Content Wrapper */
{
	margin: 0px auto;
	padding: 20px 20px 40px 20px;
	width: 920px;
	background: #FFFFFF;
}

#contentWrapper p /* Main Content General Copy */
{
	margin: 20px 0px;
	line-height: 18px;
	text-align: justify;
}

ul.contentItemList li
{
	margin: 5px 0px;
}

table.tableList td
{
	padding: 8px;
	vertical-align: top;
}

table.tableList td.tableHeader
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	
	border-right: 1px solid #FFFFFF;
	background: #135C95;
}

h2#mainTitle /* Page Main Title */
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	
	color: #0D5087;
	font-size: 36px;
	font-weight: normal;
	text-transform: lowercase;
	
	background: url(../images/bg_mainTitle.gif) repeat-x bottom;
}

h2#mainTitle .footage /* Square Footage Modifier */
{
	font-size: 20px;
}

h1#subTitle /* Page Sub Ttile */
{
	margin: 0px;
	padding: 15px 0px 0px 0px;
	
	color: #74B6E4;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
}

h3.contentSubTitle
{
	margin-top: 28px;
	padding: 0px;
	
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
}

/*----- General Conent Pages -----*/

#contentLeft /* Left Content Column */
{
	float: left;
	margin-right: 55px;
	width: 650px;
}

#contentLeft a /* Left Column Links */
{
	color: #1D67A2;
	text-decoration: underline;
}

#contentLeft a:hover /* Left Column Hover */
{
	color: #993900;
	text-decoration: none;
}

#contentRight /* Right Content Column */
{
	float: left;
	width: 215px;
}

/*----- Specials Page -----*/

.specialsContainer
{
	padding-bottom: 15px;
	background: url(../images/bg_mainTitle.gif) repeat-x bottom;
}

h3.specialsTitle
{
	margin-bottom: 10px;
}

.specialsFirstParagraph
{
	margin-top: 10px !important;
}

.specialsLegal
{
	font-size: 11px;
	font-style: italic;
}

.specialsLink
{
	font-size: 14px;
	font-weight: bold;
}

/*----- Flash Gallery -----*/

#galleryContainer
{
	margin: 25px 0px;
}

/*----- Floor Plan Tabs -----*/

#fpContainer
{
	margin: 35px 0px;
}

.fpLeft
{
	float: left;
	width: 580px;
}

.fpRight
{
	float: right;
	margin: 0px 0px 25px 25px;
	width: 270px;
	text-align: center;
}

img.fpFloorKey
{
	margin-top: 50px;
}

h3.fpTitle
{
	color: #135C95;
	font-size: 20px;
	text-transform: uppercase;
}

h3.fpTitle span
{
	font-size: 14px;
}

.fpSubTitle
{
	font-size: 14px;
}

.fpSubTitle span
{
	font-size: 18px;
	font-weight: bold;
}

.fpListHeader
{
	font-weight: bold;
	text-transform: capitalize;
}

table.fpTable td
{
	padding: 8px;
	text-align: center;
	vertical-align: top;
}

table.fpTable td.fpTableHeader
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	
	border-right: 1px solid #FFFFFF;
	background: #135C95;
}

.fpLegal
{
	font-size: 11px;
	font-style: italic;
}

/*----- Room Type Pages -----*/

h3.enlarge
{
	margin: 10px 0px;
	font-size: 12px;
	font-weight: normal;
}

.roomLinks a
{
	font-size: 14px;
	font-weight: bold;
}

.roomImages a img
{
	width: 50px;
	height: 50px;
	
	border: none;	
}

.roomImages a
{
	display: block;
	float: left;
	margin: 0px 8px 8px 0px;
	padding: 3px;
	width: 50px;
	height: 50px;
	
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.roomImages a:hover
{
	background: #F0F0F0;
}

/*----- Google Map Styles -----*/

#map_canvas /* Google Map Holder */
{
	margin-top: 15px;
	width: 650px;
	height: 400px;
}

#map_disclaimer /* Google Map Disclaimer */
{
	margin-top: 15px;
	
	font-size: 9px;
	font-style: italic;
}

/*----- Quick Links -----*/

#quickLinks /* Quick Links Container */
{
	padding-bottom: 5px;
}

#quickLinks a /* Quick Links Button */
{
	margin: 0px 0px 15px 0px;
}

a#quickLinkSpecial /* Specials and Deals Button */
{
	display: block;
	padding: 8px;
	width: 199px;
	
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: #990000;
}

a#quickLinkSpecial:hover /* Specials and Deals Hover */
{
	background: #FF0000;
}

h3#subNavTitle, h3.rightTitle /* Side Titles */
{
	margin: 0px;
	padding: 7px;
	
	color: #003764;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	
	border-bottom: 1px solid #BEDFE7;
	background: #D9EEF2;
}

h3.rightTitle /* Extra Space After Sub-Nav */
{
	margin-top: 25px;
}

ul#subNav /* Sub Nav UL */
{
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

ul#subNav li /* Sub Nav LI */
{
	list-style-type: none;
}

ul#subNav li a /* Sub Nav link */
{
	display: block;
	padding: 10px 20px 10px 25px;
	
	color: #333333;
	text-transform: capitalize;
	text-decoration: none;
	
	border-bottom: 1px solid #E2E2E2;
	background: #FAFAFA url(../images/arrow_small.gif) left center no-repeat;
}

ul#subNav li a:hover /* Sub Nav Link Hover */
{
	background-color: #EEEEEE;
}

p.rightText
{
	margin: 15px 7px !important;
}

p.rightText a
{
	color: #1D67A2;
	text-decoration: underline;
}

p.rightText a:hover
{
	color: #993900;
	text-decoration: none;
}

/*----- Push Bar -----*/

#pushBar /* Push Bar Container */
{
	margin-top: 50px;
	padding-top: 20px;
	
	background: url(../images/divider_mainContent.gif) repeat-x top left;
}

.pushItem /* Push Item Container */
{
	float: left;
	margin-right: 20px;
	width: 215px;
	
	border-bottom: 1px solid #D4E3f7;
}

.pushItem img /* Push Item Image */
{
	width: 215px;
	height: 150px;
	border: none;
}

.pushItem p /* Push Item Copy */
{
	margin: 10px 0px !important;
}

.pushItem a /* Push Item Link */
{
	color: #1D67A2;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}

.pushItem a:hover /* Push Item Link Hover */
{
	color: #191919;
	text-decoration: none;
}

h4.pushTitle /* Push Title */
{
	margin: 10px 0px;
	color: #0D5087;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}


/* Contact Form Elements */
/* -------------------------------------------------- */

#contactContainer /* Contact Container */
{
	padding-left: 10px;
	width: 640px;
	background: #FAFAFA;
}

#contactContainer .contactForm /* Contact Form DIV */
{
	/* NA */
}

#contactContainer .contactForm p /* Contact Form Paragraph */
{
	margin-bottom: 10px;
	text-align: left;
}

#contactContainer .contactForm label /* Contact Form Label */
{
	width: 125px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block
}


/* Main Tool Bar Styles */
/* -------------------------------------------------- */

#toolBarWrapper /* Tool Bar Wrapper */
{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	
	width: 100%;
	height: 34px;
}

#toolBarContent /* Tool Bar Container */
{
	position: relative;
	
	margin: 0px auto;
	padding: 0px 8px;
	width: 960px;
	height: 34px;
	
	color: #FFFFFF;
	font-size: 11px;
	background: url(../images/bg_toolBar.png) no-repeat left bottom;
}

#toolBarReserve /* Tool Bar Reservation Container */
{
	float: left;
	padding-top: 14px;
}

#toolBarReserve strong,
#toolBarReserve a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#toolBarReserve a:hover
{
	color: #FFF799;
	text-decoration: underline;
}

/*----- Tool Bar Social Icons -----*/

#toolBarSocial /* Tool Bar Social Container */
{
	float: right;
}

#toolBarSocial strong /* Tool Bar Social Title */
{
	display: block;
	float: left;
	padding-top: 14px;
	
	font-weight: normal;
}

#toolBarSocial a /* Tool Bar Social Links */
{
	float: left;
	display: block;
	margin-left: 5px;
	width: 22px;
	height: 34px;
	
	background: no-repeat bottom left;
}

#toolBarSocial a span /* Hide Non-Css Text */
{
	display: none;
}

/* Tool Bar Social Icons Images */
#toolBarSocial a.facebook { background-image: url(../images/button_facebook.gif); }
#toolBarSocial a.twitter { background-image: url(../images/button_twitter.gif); }
#toolBarSocial a.tripadvisor { background-image: url(../images/button_tripadvisor.gif); }


/* Main Footer Styles */
/* -------------------------------------------------- */

#footerWrapper /* Main Footer Wrapper */
{
	margin: 0px auto;
	padding: 20px 20px 50px 20px;
	width: 920px;
	
	color: #FFFFFF;
	font-size: 10px;
	background: #125B96;
}

#copyright /* Main Copyright Info */
{
	float: left;
}

#W3CStandards /* Main Standard Info */
{
	float: right;
}

#W3CStandards a /* W3C Links */
{
	color: #FFFFFF;
	text-decoration: underline;
}

#W3CStandards a:hover /* W3C Links Hover */
{
	color: #FFFF00;
	text-decoration: none;
}