/* To Do CTA Headings DRSB code */ /* GENERAL **************************************************************************************************************** */ * { margin: 0; padding: 0; } body { font-family: arial; font-size: 13px; line-height: 20px; background: url(bgBody.gif) repeat-x #301d0e; margin: 0; padding: 0; } #shell { position: relative; background: url(bgShell.gif) repeat-y; width: 980px; margin: 0 auto; padding: 0; } #treeGif { position: absolute; bottom: 0; left: 10px; border-bottom: 1px solid #3d3d3a; width: 82px; } a { outline: none; } img { border: 0; vertical-align: bottom;} a:hover { text-decoration: none; } h1, h2, h3 { } .imgRight { float: right; margin: 0 0 5px 12px; padding: 1px; background-color: #52473A; border: 3px solid #A9AF26; } .imgLeft { float: left; margin: 0 12px 5px 0; padding: 1px; background-color: #52473A; border: 3px solid #A9AF26; } .twoCols { float: left; width: 48%; } .clear { clear: both; } .outset { margin-left: -43px; } .noBorder { border: none; } .colContainer { width: 448px; float: left; } #content .colContainer li { text-align: left; } .googleMapPointText { overflow: auto; } /* HEADER **************************************************************************************************************** */ #expandMenuShell { text-align: right; float: right; margin: 16px 10px 0 0; } #expandIcon { text-align: right; width: 21px; height: 23px; background: url(bgExpandingIcon.gif) no-repeat 0 0; float: left; } #expandMenu { overflow: hidden; text-align: right; background-color: white; width: 248px /*68*/; height: 23px; background: url(bgHelpmenu.gif) no-repeat right 0 #e0d7bc; float: left; } #expandingContent { text-align: right; width: 233px; float: right; color: #4b4a30; padding: 1px 5px 0 0; font-size: 12px; } /* ^150px */ #expandingContent a { width: 16px; height: 16px; text-decoration: none; display: block; float: left; margin: 3px 5px 0 0; } #expandingContent #follow { float: right; width: 55px; } #expandingContent a#expandTwitter { background: url(iconTwitter.gif) no-repeat; } #expandFB { background: url(iconFB.gif) no-repeat;} #expandSTF { background: url(iconSTF.gif) no-repeat;} #expandYelp { background: url(iconYelp.gif) no-repeat;} #expandTA { background: url(iconTA.gif) no-repeat;} #expandSignUp { background: url(iconSignUp.gif) no-repeat; } #expandBookmark { background: url(iconBookmark.gif) no-repeat;} #expandWeather { background: url(iconWeather.gif) no-repeat;} #expandingContent .popup { width: 89px; position: absolute; top: 56px; z-index: 7; display: none; } /* top: 36px */ .popup p { margin: 0; background: url(bgPopUp.gif) repeat-y; text-align: left; padding: 0 8px 0px 8px; color: white; line-height: 15px; } .popup img { display: block; } /* #popupTwitter { background: url(popupTwitter.gif) no-repeat; right: 171px; } #popupFB { background: url(popupFB.gif) no-repeat; right: 150px; } #popupSTF { background: url(popupSTF.gif) no-repeat; right: 128px; } #popupYelp { background: url(popupYelpTA.gif) no-repeat; right: 108px; } #popupTA { background: url(popupYelpTA.gif) no-repeat; right: 87px; } #popupSignUp { background: url(popupSignUp.gif) no-repeat; right: 66px; } #popupBookmark { background: url(popupBookmark.gif) no-repeat; right: 44px; } #popupWeather { background: url(popupWeather.gif) no-repeat; right: 25px; } */ #titlebar { background: url(bgTitleBar.gif) no-repeat; height: 53px; } div#usabilityNavDropDown { } #helpmenuShell { } #helpmenuShell ul { } #helpmenuShell ul li { } #helpmenuShell ul li a { } #helpmenuShell ul li a:hover { } #helpmenuShell div#usabilityNavText { } #helpmenuShell div#usabilityNavDropDown { } #helpmenuShell div#usabilityNavDropDown div.noHover { } #utilityNav #accessible { } #headerShell { margin-left: 93px; width: 887px; } #logo { float: left; margin-left: 10px; width: 82px; overflow: hidden; display: inline; } #logo a img{ position: absolute; z-index: 22; } /* logo occlusion reduction */ #header { height: 404px; overflow: hidden; width: 877px; border-right: 1px solid #3D3D3A; border-bottom: 1px solid #52473a; } /* Nav *********************************************************************************************************** */ #nav { width: 887px; } /* horizontal menu with flyouts */ #nav ul { height: 54px; width: 837px; margin: 0; padding: 0 20px; background-color: #6d6d69; border-bottom: 1px solid #3D3D3A; border-right: 1px solid #3D3D3A; font: 13px/13px Arial, Helvetica, sans-serif; } #nav ul li { list-style: none; float: left; height: 100%; position: relative; display: block; } #nav ul li a { color: #fff; text-decoration: none; padding: 0; position:relative; display: block;} /* padding top and bottom needs to expand to cover entire height */ #nav ul ul li a:hover { } #nav ul li.hover a { background-color: #CCCCCC; color: #666666; } #nav ul li a.current { } #nav ul li.lastItem { } #nav ul ul { background: url(bgSubNav.gif); padding: 0; display: none; position: absolute; top: 54px; /*this should be changed to your mainNav ul height*/ left: 0; width: 177px; height: auto;} #nav ul li.hover ul li { float: none; } #nav ul li.hover ul li a { margin: 0 12px; border-bottom: 1px solid #878068; height: 29px !important; text-align: center; background: none !important; text-indent: 0 !important; width: auto !important; color: #c0be9a; padding: 14px 0 0 0; } #nav ul li.hover ul li.lastItem a { border-bottom: none; } #nav ul li.hover ul li.hover a { background-color: #CCCCCC; color: white; } #nav ul li.hover ul li a.current { background-color: #CCCCCC; color: white; } #nav ul ul ul {background-color: #C7DAE9; display: none; top: 0px; left: 150px; /*this should be changed to secondarys width */ } #nav ul li.hover ul li.hover ul li { } #nav ul li.hover ul li.hover ul li a { background: none; color: #333333; } #nav ul li.hover ul li.hover ul li.hover a { background-color: #333333; color: #CCCCCC; } #nav ul li.hover ul li.hover ul li a.current { } #nav #pageid3930 a { background: url(navHome.gif) no-repeat; text-indent: -999px; height: 54px; width: 72px; overflow: hidden; } #nav #pageid3931 a { background: url(navRooms.gif) no-repeat; text-indent: -999px; height: 54px; width: 98px; overflow: hidden; } #nav #pageid4100 a { background: url(navReservations.gif) no-repeat; text-indent: -999px; height: 54px; width: 140px; overflow: hidden; } #nav #pageid3932 a { background: url(navKitchen.gif) no-repeat; text-indent: -999px; height: 54px; width: 101px; overflow: hidden; } #nav #pageid3933 a { background: url(navMeetings.gif) no-repeat; text-indent: -999px; height: 54px; width: 111px; overflow: hidden; } #nav #pageid3934 a { background: url(navArea.gif) no-repeat; text-indent: -999px; height: 54px; width: 84px; overflow: hidden; } #nav #pageid3935 a { background: url(navDowntown.gif) no-repeat; text-indent: -999px; height: 54px; width: 118px; overflow: hidden; } #nav #pageid3936 a { background: url(navContact.gif) no-repeat; text-indent: -999px; height: 54px; width: 99px; overflow: hidden; } #nav #pageid6409 a { background: url(navEarth.gif) no-repeat; text-indent: -999px; height: 54px; width: 99px; overflow: hidden; } #nav #mainNavLinks li.hover a, #nav #mainNavLinks li a.current { background-position: 0 -54px; } /* SIDE **************************************************************************************************************** */ #side { z-index: 45; position: relative; border-top: 1px solid #e0d7bc; border-bottom: 1px solid #E0D7BC; width: 887px; } #side .widgetCTA { } #side .widgetCTALink { } #side .widgetCTAimg { } #side .widgetCTA h1 { } #side .widgetCTADescription { } /* IBE **************************************************************************************************************** */ #codeWidget14543 { height: 140px; overflow: hidden; line-height: 14px; border-top: 1px solid #e0d7bc; border-right: 1px solid #e0d7bc; position: relative; z-index: 5; margin-top: -32px; color: #52473a; width: 143px; font-family: arial; font-size: 11px; float: left; } .widgetIBE { padding: 32px 0 6px 14px; position: relative; z-index: 3; background: url(hRes.gif) no-repeat #a9af26 15px 9px; } #checkinCalendarIcon { vertical-align: middle; margin-bottom: 2px; } #checkinShell { } #checkinShell #checkinLabel { } #checkinShell #checkinField { width: 113px; border: 1px solid #545450; margin-bottom: 6px; } #checkoutShell { } #checkoutShell #checkoutLabel { } #checkoutShell #checkoutField { } #nightsShell, #roomsShell {width: 54px; float: left; margin-bottom: 6px; position: relative; z-index: 4; } #nightsShell select, #roomsShell select { width: 40px; border: 1px solid #545450;} #adultsShell { } #childrenShell { } #extraInputsShell { } #submitShell { margin-bottom: 6px; } #submitButton { background: url(bSub.gif) no-repeat; color: white; border: 0; width: 108px; height: 18px; font-size: 9px; } #extraLinksShell { } /* CTAs **************************************************************************************************************** */ #codeWidget14552 { width: 735px; margin-left: 143px; } #ctas { height: 109px; background-color: #372f2b; } #ctas h1 {text-transform:lowercase; color:#A9AF26; font-size:30px;} #ctaDesc h1 {text-transform:lowercase; color:#A9AF26; font-size:30px;} #ctas a{ display: block; float: left; width: 123px; height: 109px; text-decoration: none; } /* width: 127px; */ a#cta1 { background: url(../../../files/219/cta1.gif) no-repeat; } a#cta2 { background: url(../../../files/219/cta2.gif) no-repeat; } a#cta3 { background: url(../../../files/219/cta3.gif) no-repeat; } a#cta4 { background: url(../../../files/219/cta4.gif) no-repeat; } #ctas a.current { background-position: 0 -110px; } /* #ctas a#cta1:hover, #ctas a#cta2:hover, #ctas a#cta3:hover, #ctas a#cta4:hover { background-position: 0 -110px; } */ #ctaDesc {position: absolute; top: 13px; left: 652px; width: 204px; height: 82px; overflow: hidden; } #ctas a:hover div , #ctas a.current div { display: block; } #ctaText1 { background: url(../../../files/219/cta1.gif) no-repeat -123px -233px; padding-top: 10px; } #ctaText2 { background: url(../../../files/219/cta2.gif) no-repeat -123px -233px; padding-top: 10px; } #ctaText3 { background: url(../../../files/219/cta3.gif) no-repeat -123px -233px; padding-top: 10px; } #ctaText4 { background: url(../../../files/219/cta4.gif) no-repeat -123px -233px; padding-top: 10px; } #ctaDesc h2 { color: #a9af26; font-weight: normal; } #ctaDesc p { color: #c0c0b5; } /* BODY **************************************************************************************************************** */ #contentShell { padding-left: 93px; } #content { overflow: auto; text-align: justify; padding: 12px 31px 22px 31px; background: url(bgMountain.gif) no-repeat bottom left #52473A; color: #dad6c0; width: 816px; } /* width: 575px */ #content h1 { margin: 0 0 12px 0; color: #a9af26; font-weight: normal; margin-bottom: -10px; } #content h2 { margin: 12px 0; color: #a9af26; font-weight: normal; margin-bottom: -10px; } #content h3 { margin: 12px 0; } #content a{ color: #b6bf00; border-bottom: 1px dotted #b6bf00; text-decoration: none; } #content a:hover { background-color: #b6bf00; color: #52473A; border-bottom: none; } #content p { margin: 12px 0; } #content ul { list-style-type: none; margin-left: 10px; margin-top: 12px; } #content li { padding-left:12px; background: url(bgLi.gif) no-repeat 0 7px; } #breadcrumbs { background-color: #7b6d5d; color: #dad6c0; width: 878px; border-bottom: 1px solid #52473a; border-top: 1px solid #7b6d5d; } /* borders to prevent margin collapsing width: 637px */ #breadcrumbs ul { margin: 10px 0 8px 31px; padding: 0; } #breadcrumbs ul li { display: inline; margin: 0 5px 0 0;} #breadcrumbs a{ color: #b6bf00; border-bottom: 1px dotted #b6bf00; text-decoration: none; } #breadcrumbs a:hover { background-color: #b6bf00; color: #52473A; border-bottom: none; } #subNav {} #subNav ul {} #subNav ul li {} #subNav ul li a {} #subNav ul li a:hover {} #side2 { } #side2 .widgetCTA { } #side2 .widgetCTALink { } #side2 .widgetCTAimg { } #side2 .widgetCTA h1 { } #side2 .widgetCTADescription { } /* Exclusions */ #pageid4102 #subNav { display: none; } /* Meetings RFP */ #textWidget15209 { margin-top: 15px; } /* Shadowbox */ #pageid6218 #content { text-align: left; } div.widgetPhotoGallery { text-align: left; } #content .shadowBoxGallery li { background: none; } .shadowbox, .shadowBoxThumbs a { text-align: left; } .shadowbox img, .shadowBoxThumbs a img { border: 1px solid #A9AF26; padding: 1px; background: #52473A; margin-top: 11px; } /* mgmt */ #mgmt img { } #content #mgmt { text-decoration: none; border-bottom: none; } #content #mgmt:hover { background-color: transparent; } /* Press */ .twoCols li span { margin-right: 10px; float: left; width: 76px; } /* FOOTER **************************************************************************************************************** */ #footerShell { background: url(bgFooter.gif) no-repeat top center; border-top: 10px solid #e0d7bc; width: 980px; margin: 0 auto; } #siteMapLink a:hover #footerNavLinks { display: block;} #siteMapLink a{ position: relative; } #footerLinks { text-align: center; margin-top: 13px; color: #afafa6; position: relative; } /* custom links in footer */ #footerLinks li { display: inline; } #footerLinks a { padding: 9px 17px; text-decoration: none; color: #d7de46; } #footerLinks a:hover, .footerHover a#sLink { color: #ffffff; background-color: #a9af26; } #footerNav { margin-top: 20px; } #footerNavLinks { display: none; } .footerHover #footerNavLinks { display: block; width: 758px; position: absolute; top: 27px; background-color: #a9af26; padding: 5px 0 5px 222px; text-align: left; } #footerNavLinks li { display: inline;} #footerNavLinks li a { color: #52473a; text-decoration: none; padding: 0 11px; border-right: 1px solid #52473a; } #footerNavLinks li.lastItem a { border-right: none; } #footerNavLinks li a:hover { } #address { color: white; } #address #propertyName { font-weight: bold; } #address ul { text-align: center; } #address ul li { display: inline; font-size: 11px; padding: 0 10px 0 10px; } #address li.noStyleRight { } #address li.lastItem { } #address strong { } #address a { border-bottom:1px dotted #B6BF00; color:#B6BF00; text-decoration:none; } #address a:hover { background-color:#B6BF00; border-bottom:medium none; color:#52473A; } #codeWidget24436 { text-align: center; margin: 17px 0 20px 0; } #vizsig { text-align: center; color: white;} #vizsig a { color: white; } #textWidget14486 p { clear: both; } /* meetings div toggles */ #textWidget14486 .imgLeft { margin-right: 3px; } /* FRONT PAGE CSS ----------------------------------------------------------------------------- */ .homepage #shell { background: url(bgFrontShell.gif) repeat-y; } .homepage #content { padding: 22px 18px 22px 66px; width: 442px; text-align: justify; border-top: 9px solid #E0D7BC; } /* padding-left: 96px */ .homepage #breadcrumbs { border: none; display: none; } .homepage #side { border-bottom: none; } .homepage #headerShell { height: 405px; } .homepage #header { height: 409px; background: url("../../../files/219/oxford-header1.jpg") no-repeat; } #pageid3932 #header { background: url("../../../files/219/Kitchen_Header_4_1716B.jpg") no-repeat; } .homepage #contentShell { overflow: auto; background:url("bgMountain.gif") no-repeat scroll 92px bottom; } /* vertical nav with flyouts */ .homepage #nav { position: absolute; width: 134px; height: 369px; background-color: #6D6D69; } .homepage #nav ul { background-color: #999999; border: none; font: 13px/13px Arial, Helvetica, sans-serif; width: 134px; margin: 0; padding: 0; } .homepage #nav ul li {line-height: 100%; list-style: none; width: 100%; position: relative; display: block; height: 40px; } .homepage #nav ul li a { color: #fff; text-decoration: none; padding: 0; position: relative; display: block;} .homepage #nav ul ul li a:hover { } .homepage #nav ul li.hover a { background-color: #CCCCCC; color: white; background: none; color: #333333; background-color: #CCCCCC; color: #666666; } .homepage #nav ul li a.current { } .homepage #nav ul li.lastItem { } .homepage #nav ul ul { background: url(bgFrontSubNav.gif) transparent; display: none; position: absolute; top: 0px; left: 134px;/*this should be changed to mainNav ul width */ width: 150px; height: auto;} .homepage #nav ul li.hover ul li { float: none; } .homepage #nav ul li.hover ul li a { padding: 14px 0 14px 0; margin-left: 8px; border-bottom: 1px solid #878068; background: none; text-align: center; height: auto !important; color: #c0be9a;} .homepage #nav ul li.hover ul li.lastItem a { border-bottom: none; } .homepage #nav ul li.hover ul li.hover a { background-color: #CCCCCC; color: white; } .homepage #nav ul li.hover ul li a.current { background-color: #CCCCCC; color: white; } .homepage #nav ul ul ul { background-color: #C7DAE9; display: none; top: 0px; left: 150px; /*this should be changed to secondarys width */ } .homepage #nav ul li.hover ul li.hover ul li { } .homepage #nav ul li.hover ul li.hover ul li a { background: none; color: #333333; } .homepage #nav ul li.hover ul li.hover ul li.hover a { background-color: #333333; color: #CCCCCC; } .homepage #nav ul li.hover ul li.hover ul li a.current { } .homepage #nav #pageid3930 {display: none; } /* home is hidden on home page */ .homepage #nav #pageid3931 a{ background: url(navFrontRooms.gif) no-repeat; text-indent: -999px; height: 43px; width: 134px; overflow: hidden; } .homepage #nav #pageid4100 a{ background: url(navFrontReservations.gif) no-repeat; text-indent: -999px; height: 43px; width: 134px; overflow: hidden; } .homepage #nav #pageid3932 a{ background: url(navFrontKitchen.gif) no-repeat; text-indent: -999px; height: 43px; width: 134px; overflow: hidden; } .homepage #nav #pageid3933 a{ background: url(navFrontMeetings.gif) no-repeat; text-indent: -999px; height: 43px; width: 134px; overflow: hidden; } .homepage #nav #pageid3934 a{ background: url(navFrontArea.gif) no-repeat; text-indent: -999px; height: 43px; width: 134px; overflow: hidden; } .homepage #nav #pageid3935 a{ background: url(navFrontDowntown.gif) no-repeat; text-indent: -999px; height: 43px; width: 134px; overflow: hidden; } .homepage #nav #pageid3936 a{ background: url(navFrontContact.gif) no-repeat; text-indent: -999px; height: 43px; width: 134px; overflow: hidden; } .homepage #nav #pageid6409 a{ background: url(navFrontEarth.gif) no-repeat; text-indent: -999px; height: 43px; width: 134px; overflow: hidden; } .homepage #nav #mainNavLinks li.hover a { background-position: -134px 0; } /* IBE ***************************** */ .homepage #codeWidget14543 { width: 134px; border: none; margin-top: -126px; height: 119px; } .homepage #widgetIBE14541 { background-image: none; padding-top: 11px; } /* Homepage CTAs **************************************************************************************************************** */ .homepage #codeWidget14552 { z-index: 35; width: 352px; float: right; margin: -82px 9px 0 0; background-color: #52473A; position: absolute; right: 0; } .homepage #ctas { z-index: 50; position: relative; height: 109px; background: url(bgFrontctas.gif) no-repeat transparent; padding: 11px 12px 10px 11px; } .homepage #ctas a{ display: block; width: 341px; height: 109px; text-decoration: none; float: none; background-color: #52473A; } .homepage a#cta1 { background: url(../../../files/219/cta1.gif) no-repeat; border-bottom: 1px solid #878068; } .homepage a#cta2 { background: url(../../../files/219/cta2.gif) no-repeat; border-bottom: 1px solid #878068; } .homepage a#cta3 { background: url(../../../files/219/cta3.gif) no-repeat; border-bottom: 1px solid #878068; } .homepage a#cta4 { background: url(../../../files/219/cta4.gif) no-repeat; } .homepage #ctas a.current { background-position: 0 -110px; } .homepage #ctas a#cta1:hover, .homepage #ctas a#cta2:hover, .homepage #ctas a#cta3:hover, .homepage #ctas a#cta4:hover { background-position: 0 -110px; } .homepage #ctaDesc {position: absolute; top: 13px; left: 652px; width: 204px; height: 82px; overflow: hidden; } .homepage #ctas a:hover div , #ctas a.current div { display: block; } .homepage #ctas h2 { color: #a9af26; font-weight: normal; } .homepage #ctas p { color: #c0c0b5; } .homepage #ctaText1, .homepage #ctaText2, .homepage #ctaText3, .homepage #ctaText4 { padding: 18px 0 0 122px; width: 202px; background-image: none; } /* Homepage content **************************************************************************************************************** */ .homepage #content { position: relative; float: left; background: none; } .homepage #textWidget34580 { text-align: left; left:539px; position:absolute; top: 371px; width: 296px; padding: 4px 15px 15px 15px; background-color: #433931; } .homepage #side2 { margin: 387px 0 15px 11px; float: left; width: 297px; color:#DAD6C0; text-align: left; padding: 4px 15px 15px 15px; background-color: #433931;} .homepage #side2 h2 { color: #A9AF26; } .homepage #side2 ul { list-style-type: none; } .homepage #side2 ul li {background:url("bgLi.gif") no-repeat scroll 0 7px transparent; padding-left:12px;} /* DIV TABS ********************************************************* */ #div1, #div2, #div3, #div4, #div5, #div6 { margin-top: 12px;display:none; border-top: 1px dotted #DAD6C0; border-bottom: 1px dotted #DAD6C0; padding: 12px; background-color: #433931; overflow: auto; } #div1 { display:block; } #div2 { } #div3 { } #div4 { } #divtoggles { list-style-type: none; overflow: auto; } #divtoggles li { float: left; margin-right: 3px; } #divtoggles a { font-weight:bold; } #divtoggles a.classoff { } #divtoggles a.classon { background-color: #b6bf00; color: #52473A; } /* bottom */