﻿@import url(fckeditor_styles.css);
/*
0- Reset
1- Global
2- Text
3- Links
4- Headings
5- Header
6- Navigation
7- Forms
8- Extras
9- Footer
10- Book Vacation Widget
11- Side Bar
12- Concierge Blog
13- Banner Ad
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
strong { font-weight: bold; }
em { font-style: italic; }

/* =1 Global
-------------------------------------------------------------------*/
html { min-height: 100%; margin-bottom: 1px; } /* forces scrollbar which prevents horizontal page shift for pages that require no scrolling */
body { background: #2f2a27 url(../img/background_tile.jpg); font-size: 10px; font-family: Helvetica, Arial, Sans-Serif; }
#background { position: absolute; width: 100%; height: 100%; background-color: #000000; z-index: 1; top: 0; left: 0; }
.wrapper { width: 941px; margin: 0 auto; }
#innerContent { width: 1001px; margin: -34px 0 20px 60px; font-size: 12px; color: #fffef0; }
#innerContent2 { width: 1001px; margin: -22px 0 20px 60px; font-size: 12px; color: #fffef0; }
#innerContentLeft { float: left; width: 640px; background: #25201e; min-height: 905px; }
#innerContentLeftPad { padding: 15px 40px 20px 40px; }
#innerContentRight { float:left; width: 220px; height: 400px; padding-left: 20px; padding-top: 20px; }
#innerClear { clear: left; height: 1px; background: #565251; width: 883px; }
#innerCleaDefault { margin-left: 60px; clear: left; height: 1px; background: #565251; width: 883px; }
.innerCallOut { background: #534741; padding: 5px 8px 5px 8px; margin: 10px 0 20px 0; display: inline-block; font-size: 13px; }
#breadCrumb { font-style: italic; color: #c7b299; border-bottom: solid 1px #45413d; padding-bottom: 6px; }
.subNavTabs {}
ul.subNavTabs { list-style: none; margin: 0; padding: 20px 0 5px 0; }
ul.subNavTabs li { display: inline; }
.subContentLeft { float: left; width: 200px; padding: 20px 0 20px 0; }
.subContentRight { float: left; width: 360px; padding: 20px 0 20px 0; }
.subContent2Left { float: left; width: 225px; padding: 20px 0 20px 0; }
.subContent2Right { float: left; width: 335px; padding: 20px 0 20px 0; }
.activitiesContentLeft { float: left; width: 185px; padding: 20px 0 20px 0; }
.activitiesContentRight { float: left; width: 375px; padding: 20px 0 20px 0; }
.activitiesContentLeftAlt { float: left; width: 375px; padding: 20px 0 20px 0; }
.activitiesContentRightAlt { float: left; width: 185px; padding: 20px 0 20px 0; text-align: right; }
.travelLeft { float: left; width: 265px; display: inline; margin-right: 35px; }
.travelRight { float: left; width: 260px; }
.linkColumn { float: left; width: 172px; display: inline; font-size: 12px; }
.linkColumnMid { float: left; width: 172px; display: inline; margin: 0 10px 0 10px; font-size: 12px; }
ul.package { list-style-type: disc; margin: 0 0 15px 14px; line-height: 16px; }
ul.tips { list-style-type: square; margin: 0 0 15px 14px; line-height: 16px; }
ul.tips li { margin-bottom: 12px; }
ul.travel { list-style-type: square; margin: 20px 0 35px 14px; line-height: 16px; }
ul.travel li { margin-bottom: 20px; }
ul.meeting { list-style-type: square; margin: 30px 0 25px 30px; line-height: 16px; }
ul.skiArea { list-style-type: square; margin: 0 0 30px 14px; line-height: 16px; }
ul.skiArea li { margin-left: 10px; }
ul.employ { list-style-type: square; margin: 0 0 15px 30px; line-height: 16px; }
ul.media { list-style-type: square; margin: 0 0 30px 14px; line-height: 16px; }
ul.media li { margin: 0 0 12px 10px; }
ol.numbered { list-style-type: decimal; margin: 0 0 15px 30px; }
ol.numbered li { margin-bottom: 12px; }
#mediaLinks { margin: 50px 0 0 0; }
.endItem { margin-right: 0; }
.hRule { height: 1px; background: #45413d; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearL { clear: left; }
.aRight { text-align: right; }
.top { float: right; margin-top: 4px; }
.top img { margin-left: 5px; }

/* =2 Text
-------------------------------------------------------------------*/
.upper { text-transform: uppercase; }
#innerContentLeft p { margin-bottom: 15px; line-height: 17px; }
#innerContentLeft p.pNoMarg { margin: 0; line-height: 17px; }
.subHead { font-size: 12px; font-style: italic; }
.subHead2 { font-size: 12px; }
.hoursText { color: #c7b299; font-size: 14px; }
.innerFootnote { color: #c7b299; font-size: 11px; line-height: 15px; }
.innerFootnote2 { color: #c7b299; font-size: 12px; }
.iFootnote { color: #c7b299; font-style: italic; margin-top: -15px; }
.contactHead { color: #c7b299; font-size: 16px; }
.company { color: #c7b299; }
.asterisk { color: #fbaf5d; }
.brown { color: #c7b299; }
.restriction { color: #fffef0; font-size: 11px; }

/* =3 Links
-------------------------------------------------------------------*/
a:link { color: #fbaf5d; text-decoration: none; font-weight: normal; }
a:visited { color: #fbaf5d; text-decoration: none; }
a:hover { color: #fbaf5d; text-decoration: underline; }
a:active { color: #fbaf5d; text-decoration: underline; }

ul.subNavTabs li a { font-size: 14px; height: 20px; display: inline-block; padding: 5px 10px 0 10px; margin-right: 11px; }
ul.subNavTabs li a:hover, a.selected { background: #fffef0; color: #25201e; text-decoration: none; }
.innerCallOut a { color: #fbaf5d; cursor: pointer; }
a.contentButton { color: #fff; font-size: 12px; height: 20px; display: inline-block; padding: 5px 10px 0 10px; background: #f26522; }
a.contentButton:hover { text-decoration: none; }
#innerContentLeft a.google { text-decoration: none; font-weight: normal; }
#innerContentLeft a.google:hover { text-decoration: underline; }
#innerContentLeft a.intLink { color: #fbaf5d; text-decoration: none; }
#innerContentLeft a.intLink:hover { color: #fbaf5d; text-decoration: underline; }
a.backButton { display: inline-block; margin-right: 7px; }
a.backButton:hover { text-decoration: none; }
a.nextButton { display: inline-block; }
a.nextButton:hover { text-decoration: none; }

/* =4 Headings
-------------------------------------------------------------------*/
h1 { color: #c7b299; font-weight: normal; font-size: 26px; line-height: 27px; margin: 15px 0 10px 0; }
h2 { font-size: 18px; color: #c7b299; font-weight: normal; margin: 0 0 10px 0; }
h3 { color: #fff; font-weight: normal; font-size: 14px; }
h4 { color: #c7b299; font-weight: normal; font-size: 16px; margin: 0 0 5px 0;  }
h5 { color: #c7b299; font-weight: normal; font-size: 14px; margin: 0 0 5px 0;  }

/* =5 Header
-------------------------------------------------------------------*/
#logo { position: relative; float: left; z-index: 1001; background: transparent url(../img/logo.png) no-repeat; width: 225px; height: 175px; }
#ie7 #logo { margin-bottom: -26px; }
#ie8 #logo { margin-bottom: -26px; }

/* =6 Navigation
-------------------------------------------------------------------*/
.nav li { float: left; margin: 0 10px 0 0; }
.nav-separator { color: #fff; margin: 0 0 0 10px; }
#header .nav { float: right; margin: 17px 0 0 0; }
    #header .nav ol { margin: 5px 10px 0 0; }

#header .nav ol, #header .search { float: left; }

#nav-main { clear: right; float: right; margin-top: 27px; }
#nav-main li { float: left; }
#nav-main ul { display: none; }
#nav-main a { display: block; height: 43px; margin-left: 1px; }
    a.nav-plan { background: transparent url(../img/nav_sprite/plan_your_vacation.png) no-repeat; width: 148px; }
    a.nav-groups { background: transparent url(../img/nav_sprite/groups_meetings.png) no-repeat; width: 142px; }
    a.nav-accommodations { background: transparent url(../img/nav_sprite/accommodations.png) no-repeat; width: 129px; }
    a.nav-spa { background: transparent url(../img/nav_sprite/spa_fitness.png) no-repeat; width: 119px; }
    a.nav-experience { background: transparent url(../img/nav_sprite/grand_experience.png) no-repeat; width: 158px; }   
    a.nav-accommodations:hover { background-position: left -43px; }

#nav-plan-menu-items, #nav-groups-menu-items, #nav-spa-menu-items, #nav-experience-menu-items { position: absolute; background-color:#fffef0; margin-top: -5px; margin-left: 1px; padding-top: 10px; }
#nav-plan-menu-items li, #nav-groups-menu-items li, #nav-spa-menu-items li, #nav-experience-menu-items li { float: none; height: 15px; margin-bottom: 5px; margin-left: -1px; }
#nav-plan-menu-items a, #nav-groups-menu-items a, #nav-spa-menu-items a, #nav-experience-menu-items a { font-size: 12px; color: #000000; height: 20px; padding-left: 5px; }
#nav-plan-menu-items a:hover, #nav-groups-menu-items a:hover, #nav-spa-menu-items a:hover, #nav-experience-menu-items a:hover { background-color: #f26522; color: #fffef0; text-decoration: none; }

#nav-plan-menu-items { width: 148px }
#nav-groups-menu-items { width: 142px }
#nav-spa-menu-items { width: 119px }
#nav-experience-menu-items { width: 158px }

.navItemSelected { background-position: left -43px; }

/* =7 Forms
-------------------------------------------------------------------*/
.text-input { height: 12px; font-size: 11px; }
.select-input { height: 18px; font-size: 10px; }
.form-label { font-size: 10px; font-style: italic; color: #000000; }
#ownerLogin input[type=text] { margin: 0 10px 5px 0; width: 110px; }
#ownerLogin .submit { color: #fff; font-size: 12px; background: #f26522; border: 0; cursor: pointer; margin-top: 10px; }
.requestTable input[type=text] { width: 320px; }
.requestTable input[type=text].smaller { width: 180px; }
.requestTable input[type=text].smallest { width: 140px; }
.requestTable input[type=text].date { width: 80px; }
.requestTable input[type=text].room { width: 80px; }
.requestTable textarea { width: 320px; }
.submit { color: #fff; font-size: 12px; height: 20px; padding: 5px 10px 0 10px; background: #f26522; border: 0; }

/* =8 Extras
-------------------------------------------------------------------*/
#ie8 #main-content { margin-top: -54px; }
.highlight { float: left; width: 721px; height: 630px; }
.sidebar { float: left; width: 220px; height: 330px; }

.callout { float:left; margin-right: 36px;}
.callout a { text-decoration: none; }
#calloutContainer { margin-left: 30px; }
.calloutText { color: #FFFFFF; font-size: 18px; text-align: center; }
.calloutText2 { color: #FBAF5D; font-size: 12px; text-align: right; }
#learnMore1 { margin-right: 24px; }
#learnMore2 { margin-right: 8px; }
#learnMore3 { margin-right: 28px; }

#affiliations { height: 21px; background: transparent url(../img/affiliation_tile.png) repeat-x; color: #fff; font-size: 12px; }
    #affiliations span { line-height: 21px; color: #fff; }
.affiliationlinks { float: right; font-size: 10px; }
    .affiliationlinks span { margin-left: 7px; }

.gallerycarrier { position: relative; top: -35px; clear: both; }
.gallery { border-top: solid 4px #fff; border-bottom: solid 4px #fff; position: relative; }
    .gallery .galleryContent img { overflow: hidden; width: 100%; position: absolute; }
    
    #ie7 .gallery. .galleryContent img { height: 100%; }

.togglegallery { cursor: pointer; background: transparent url(../img/photo_gallery_sprites.png) no-repeat; height: 26px; width: 128px; position: relative; z-index: 1002; top: -10px; float: right; margin-right: 25px; }
    .togglegallery:hover { background-position: left -26px; }  
#ie7 .togglegallery { top: 16px; }
#ie8 .togglegallery { top: 16px; }
.closegallery { background: transparent url(../img/close_gallery_sprites.png) no-repeat; }

#contactTable { width: 560px; }
#contactTable td.cellLeft { width: 300px; margin-right: 50px; padding: 20px 0 20px 0; }
.requestTable { width: 100%; margin: 30px 0 5px 0; font-size: 14px; }  
.requestTable td.cellLeft { text-align: right; width: 160px; padding: 0 15px 15px 0; vertical-align: middle; }
.requestTable td.cellRight { padding-bottom: 15px; }
.requestEvent { background: #362f2d; }
.statePad { padding: 0 0 0 15px; }
.next { text-align: right; width: 500px; border-top: solid 1px #45413d; }
.next a { margin-top: 8px; }
    
/* =9 Footer
-------------------------------------------------------------------*/
.footer { margin-left: 60px; }
.footer .nav { font-size: 12px; }
.footer p { color: #fff; font-size: 10px; line-height: 14px; }
.connect { float: right; margin-top: -28px; }
.copyright { float: right; margin-top: -8px; }
.crucial { float: left; clear: right; margin-top: -20px; }


/* =10 Book Vacation Widget
-------------------------------------------------------------------*/
.tabbed-nav { width: 100%; height: 34px; margin-top: 2px; }
#nav-book-vacation { clear: right; float: right; margin-top: 0px; }
#nav-book-vacation li { float: left; margin-left: 1px; }
#nav-book-vacation a { display: block; height: 34px; }
    a#nav-lodging { background: transparent url(../img/book_vacation/room.png) no-repeat; width: 55px; }
    a#nav-air { background: transparent url(../img/book_vacation/flight.png) no-repeat; width: 54px; }
    a#nav-ground { background: transparent url(../img/book_vacation/transportation.png) no-repeat; width: 53px; }
    a#nav-activity { background: transparent url(../img/book_vacation/activity.png) no-repeat; width: 54px; }

.book-vacation-tooltip { position: absolute; height: 33px; z-index: 1100; display: none; }
#lodging-tooltip { background-image: url(../img/book_vacation/tooltip_room.png); margin-left: -55px; margin-top: -20px; width: 99px; }
#air-tooltip { background-image: url(../img/book_vacation/tooltip_flight.png); margin-left: 44px; margin-top: -20px; width: 56px; }
#ground-tooltip { background-image: url(../img/book_vacation/tooltip_transport.png); margin-left: 54px; margin-top: -20px; width: 98px; }
#package-tooltip { background-image: url(../img/book_vacation/tooltip_packages.png); margin-left: 140px; margin-top: -20px; width: 68px; }

#ie7 #lodging-tooltip { margin-left: -280px; margin-top: 15px; }
#ie7 #air-tooltip { margin-left: -180px; margin-top: 15px; }
#ie7 #ground-tooltip {margin-left: -170px; margin-top: 15px; }
#ie7 #package-tooltip { margin-left: -80px; margin-top: 15px; }  
 
#ie8 #lodging-panel { margin-top: -356px; }
#ie8 #air-panel { margin-top: -356px; }
#ie8 #ground-panel { margin-top: -356px; }
#ie8 #activity-panel { margin-top: -356px; }

.book-vacation-panel { display: none; background-color: #fffef0; width: 219px; margin-left: 1px; margin-top: -2px; }
.book-form-heading { font-size:14px; font-weight: bold; letter-spacing: -1px; color: #000000; }
.book-date-field { float: left; width: 60px; }
.ui-datepicker-trigger { float: left; margin-top: 2px; margin-left: 4px; }

#lodging-form-container { margin-left: 12px; height: 155px; }
#air-form-container { margin-left: 12px; height: 225px; }
#ground-form-container { margin-left: 7px; height: 93px; }
#activity-form-container { margin-left: 12px; height: 162px; color: #000000; }
#checkin-label { margin-top: 5px; margin-right: 38px; }
#checkout-label { margin-top: 5px; }
#pickup-label { margin-top: 5px; margin-right: 24px; }
#dropoff-label { margin-top: 5px; }
#from-label { margin-top: 5px; }
#to-label { margin-top: 5px; }
#arrival-label { margin-top: 5px; margin-right: 50px; }
#departure-label { margin-top: 5px; }
.return-field { margin-left: 18px; }
.book-now-button input { outline: none; border: none; cursor: pointer; display: block; height: 21px; background: transparent url(../img/book_vacation/book_now.png) no-repeat; width: 116px; }
.book-now-button input:hover { background-position: left -21px; }
.package-image { margin-left: -3px; margin-top: -5px; }
#package-heading { font-weight: bold; font-size: 15px; margin-top: 5px; }
#package-text { padding-right: 5px; }
#package-link a { font-size: 12px; font-weight: bold; color: #F26522; }

/* =11 Side Bar
-------------------------------------------------------------------*/
#sidebar-container { background-color: #fffef0; padding: 5px 5px 5px 5px; margin-top: 1px; color: #000000; }
.sidebar-icon { float: left; padding: 3px 3px 3px 3px; height: 55px; }
.sidebar-item { }
.sidebar-heading { font-size: 16px; font-weight: bold; letter-spacing: 0px; }
.sidebar-phone-num { float: left; font-size: 12px; font-weight: bold; }
.sidebar-text-em { font-size: 12px; font-style:italic; }
.sidebar-text { font-size: 12px; }
.sidebar-link a { font-size: 12px; font-weight: bold; color: #F26522; margin-left: 40px; }

#ie7 #first-sidebar-item { height: 50px; }

/* =12 Concierge Blog
-------------------------------------------------------------------*/
#concierge-header { margin-top: 10px; } 
#blog { background-color: #534741; padding: 5px 5px 5px 10px; margin-top: 1px; color: #fffef0; }
#blog table { width: 200px; }
.blog-item { font-weight: bold; font-size: 11px; margin-bottom: 2px; }
.visit-blog-link { font-weight: bold; font-size: 12px; margin-left: 100px; }

/* =13 Banner Ad
-------------------------------------------------------------------*/
.banner-ad-container { margin-top: 1px; }