/* Page Generated in 0.000000 seconds */ body, html { margin: 0; padding: 0; font-family: serif; font-size: 18px; overflow-x: hidden; background-color: #f4efe7; background: url(/img/heavyCreamTexture.png) repeat;} a { color: #81bda4; text-decoration: none;} a:hover { color: #9EC8D4;} .heavyBG { background: url(/img/heavyCreamTexture.png) repeat;} .lightBG { background: url(/img/lightCreamTexture.png) repeat;} .clear { clear:both; } h1 { font-family: "Oswald"; font-size: 26px; letter-spacing: .1em; font-weight: 400; } h2 { font-family: "Oswald"; font-size: 36px; line-height: 116%; letter-spacing: .1em; font-weight: 400;} h3 { font-family: "Oswald"; font-size: 24px; letter-spacing: .06em; font-weight: 400; line-height: 116%; line-height: normal;} h4 { font-family: "Oswald"; font-size: 19px; letter-spacing: .04em; font-weight: 400; line-height: normal;} h5 { font-family: "Oswald"; font-size: 14px; letter-spacing: .1em; font-weight: 400; text-transform: uppercase;} h6 { font-family: "Oswald"; font-size: 12px; letter-spacing: .1em; font-weight: 400; text-transform: uppercase;} .border-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} a.smallButton { position: relative; cursor: pointer; background: url(/img/seeMenuButton.png) no-repeat 0 0; width: 140px; height: 30px; display: block; text-indent: -9999px; margin: auto; z-index: 20900009;} a img { border: none;} .mainContainer { overflow: hidden; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;} .cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: url(filter.svg#blur); /* FF, IE10 & Opera */ filter: blur(3px);} a.fb,a.twitter,a.instagram { width: 12px; height: 11px; display: inline-block; padding: 0 3px;} a.fb:hover,a.twitter:hover,a.instagram:hover { background-position: 0 -11px;} a.fb { background: url('/img/facebook.png') no-repeat 0 0;} a.twitter { background: url('/img/twitter.png') no-repeat 0 0; margin-left: 20px;} a.instagram { background: url('/img/instagram.png') no-repeat 0 0;} .section { padding-top: 80px; padding-bottom: 50px; width: 100%; margin: auto; position: relative; text-align: center;} .section span.sectionHeader { color: black; font-family: "Oswald"; text-transform: uppercase; font-size: 30px; display: block; text-align: center; font-weight: 600; letter-spacing: 0.13em;} .section p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 133%; color: #000a0a; margin-bottom: 0px;} .ampersand { font-size: 16px; position: relative; top: -4px;} .seeMoreNewsAndEventsButton { background: url(/img/seeMoreNewsAndEvents.png) no-repeat 0 0; width: 226px; height: 32px; margin-top: 50px; margin: auto; display: inline-block;} .seeMoreNewsAndEventsButton:hover { background-position: 0 -32px;} .newsHR { width: 350px; border-bottom: 1px solid white; height: 1px; border-bottom: 1px solid #e0e0e0; margin: auto; display: inline-block; position: relative; top: -16px; margin: 0 10px;} .threeColumnContainer { width: 960px; padding-top: 30px; padding-bottom: 30px; margin: auto; text-align: left; } .threeColumnContainer .column { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: normal; padding: 0 25px; color: #727272; width: 33%; display: inline-block; vertical-align: top; font-size: 17px; font-weight: normal; line-height: 140%; text-align:center; } .threeColumnContainer .column .textLink { color: #000a0a; margin-left: 5px; font-weight: bold;} .threeColumnContainer .colTitle { display: block; padding: 7px 0px; font-family: "Oswald"; font-size: 19px; letter-spacing: .04em; font-weight: 400; line-height: normal; font-size: 20px;} .threeColumnContainer .nimg img { width:100%; height:auto; } .threeColumnContainer .nsummary { padding: 0 0 50px 0; } .threeColumnContainer .nsummary a { color:#000; } .threeColumnContainer a { color: #475526;} .threeColumnContainer a:hover { color: #81bda4;} .rbtn { display:block; position:fixed; right:0; top:20%; z-index:999; width:auto; } .aliashome .rbtn, .aliascbd-restaurant .rbtn { display:none; } .newscontainer .newscontent { text-align:left; display:inline-block; width: 600px; margin: 0 0 0 20px; } .newscontainer .newsdate {font-style: italic;} .newscontainer .newsimg { margin:0 10px 10px 10px; } .newscontainer .newsimg img { width:100%; height:auto; } .newscontainer .nback { margin: 20px 0; } .newscontainer .nback a {color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 0 auto; } .newscontainer .nback a:hover { color:#81BDA4; border-color:#81BDA4; } .is-mobile { display: none; padding:10px; position:absolute; z-index:9; cursor:pointer; } #topNav { position: fixed; height: 38px; background-color: black; width: 100%; z-index: 10000;} #topNav .inner { width: 960px; height: 38px; margin: auto; top: 0px; position: relative; text-transform: uppercase; color: #e1eefe; font-family: "Oswald", sans-serif; font-style: normal; font-weight: 300; font-size: 14px; letter-spacing: 0.1em;} #topNav .inner.sm { width: 1010px;} #topNav .inner.sm ul { float: none;} #topNav .inner img.headerLogo { top: 6px; position: relative; cursor: pointer;} #topNav .inner a.logo { top: 6px; position: relative; cursor: pointer; display: inline-block; float: left; width: 163px; height: 26px; background: url('/img/locanda_logo.png') no-repeat 0 0;} #topNav .inner a.logo:hover { background-position: 0 -26px;} #topNav .inner ul { padding: 0; top: -5px; left:179px; float: right; position: relative; display: inline-block;} #topNav .inner ul li { padding: 0 5px; display: inline; font-weight: 400; letter-spacing: 0;} #topNav .inner ul li a { text-decoration: none; color: inherit;} #topNav .inner ul li a:hover , #topNav .inner ul .active a { color: #C5C025;} .stickyFooter { position: fixed; bottom: 0; height: 30px; width: 100%; background-color: black; z-index: 300;} .stickySubNav { position: fixed; bottom: 30px; height: 30px; width: 100%; z-index: 201;} .credit { background-color: black; text-align: center; color: #e1eefe; font-weight: normal; line-height: 125%; font-size: 14px; padding: 10px 0px; clear: both; display: block; position: relative; top: 10px;} .credit a { color: #e1eefe;} .credit a:hover { color: #81bda4;} .stickyFooter .inner,.scrollFooter .inner { position: relative; top: 5px; width: 960px; overflow: hidden; margin: auto; font-size: 18px; -webkit-text-size-adjust: 100%;} .scrollFooter .inner { border-top:1px solid #fff; padding:50px 0 0 0; } .stickyFooter .inner .left,.scrollFooter .inner .left { display: inline-block; top: -2px; position: relative; cursor:pointer; } .stickyFooter .inner .right,.scrollFooter .inner .right { float: right; text-transform: uppercase; color: #e1eefe; font-family: "Oswald", sans-serif; font-style: normal; font-weight: 300; font-size: 14px; letter-spacing: 0.05em;} .stickyFooter .expandable,.scrollFooter .expandable { position: fixed; bottom: -430px; height: 430px; width: 100%; background-color: black; z-index: 301;} .stickyFooter .closeButton,.scrollFooter .closeButton { color: white; background-color: grey; cursor: pointer; width: 24px; margin-right: 10px; margin-top: 10px; height: 24px; float: right; background: url('/img/closeBtn.png') no-repeat 0 0;} .stickyFooter .closeButton:hover,.scrollFooter .closeButton:hover { opacity: 0.6;} .stickyFooter .columnContainer,.scrollFooter .columnContainer { width: 960px; padding-top: 30px; margin: auto; white-space: nowrap;} .stickyFooter .columnContainer .footerColumn,.scrollFooter .columnContainer .footerColumn { font-style: normal; line-height: 1.7em; font-size: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: normal; padding: 0 25px; color: white; width: 33%; height: 330px; display: inline-block; vertical-align: top;} .stickyFooter .columnContainer .footerColumn .title,.scrollFooter .columnContainer .footerColumn .title { width: 100%; text-align: center; display: block; color: white; text-transform: uppercase; font-family: "Oswald"; font-size: 24px; letter-spacing: 0.1em; font-size: 19px;} .stickyFooter .columnContainer .footerColumn a,.scrollFooter .columnContainer .footerColumn a { color: #81bda4; text-decoration: none; } .stickyFooter .columnContainer .footerColumn a:hover,.scrollFooter .columnContainer .footerColumn a:hover { color: #78313e;} .stickyFooter .columnContainer .footerColumn .miniHeader,.scrollFooter .columnContainer .footerColumn .miniHeader { display: inline-block; font-family: "Oswald"; font-size: 14px; letter-spacing: .1em; font-weight: 400; text-transform: uppercase; margin: 0 10px; padding-top: 15px;} .stickyFooter .columnContainer .footerColumn p.sub,.scrollFooter .columnContainer .footerColumn p.sub { margin-top: 0px;} .stickyFooter .columnContainer .footerColumn .selectContainer,.scrollFooter .columnContainer .footerColumn .selectContainer { display: inline-block; height: 50px; margin-bottom: 10px; width: 28%;} .stickyFooter .columnContainer .footerColumn .selectContainer.mid,.scrollFooter .columnContainer .footerColumn .selectContainer.mid { margin: 0 17px;} .stickyFooter .columnContainer .footerColumn .selectContainer select,.scrollFooter .columnContainer .footerColumn .selectContainer select { width: 100%;} .stickyFooter .columnContainer .footerColumn .selectContainer label,.scrollFooter .columnContainer .footerColumn .selectContainer label { display: block; font-family: "Oswald"; font-size: 14px; letter-spacing: .1em; font-weight: 400; text-transform: uppercase;} .stickyFooter .columnContainer .footerColumn .hrdiv,.scrollFooter .columnContainer .footerColumn .hrdiv { background: url('/img/hours-bg.gif') 0 13px repeat-x; margin: auto;} .stickyFooter .columnContainer .footerColumn .hrdiv .hrdiv-header,.scrollFooter .columnContainer .footerColumn .hrdiv .hrdiv-header { width: 130px; display: block; line-height: 28px; margin: 0 auto; background: #000; text-align: center; font-family: "Oswald"; font-size: 14px; letter-spacing: .1em; font-weight: 400; text-transform: uppercase;} .stickyFooter .columnContainer .footerColumn .hrdiv .hrdiv-header.dr,.scrollFooter .columnContainer .footerColumn .hrdiv .hrdiv-header.dr { width: 80px;} .stickyFooter .columnContainer .footerColumn .hours,.scrollFooter .columnContainer .footerColumn .hours { float: right;} .stickyFooter .columnContainer .footerColumn .hours2,.scrollFooter .columnContainer .footerColumn .hours2 { float: right;} .stickyFooter .columnContainer .footerColumn .mealHeader,.scrollFooter .columnContainer .footerColumn .mealHeader { text-align: center; display: block; font-style: italic; font-weight: 100;} .stickyFooter .footerMenu,.scrollFooter .footerMenu { position: absolute; bottom: 10px; width: 100%; letter-spacing: 0em;} .stickyFooter .footerMenu .bottom,.scrollFooter .footerMenu .bottom { width: 100%; position: relative;} .stickyFooter .footerMenu .bottom .inner a,.scrollFooter .footerMenu .bottom .inner a { color: #e1eefe;} .stickyFooter .footerMenu .bottom .inner a:hover,.scrollFooter .footerMenu .bottom .inner a:hover { color: #81bda4;} .stickyFooter .footerMenu .bottom .inner .left,.scrollFooter .footerMenu .bottom .inner .left { display: inline-block; color: #e1eefe; top: 0px; font-family: "Oswald", sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 14px; letter-spacing: 0.0em;} .stickyFooter .footerMenu .bottom .inner .right,.scrollFooter .footerMenu .bottom .inner .right { display: inline-block; margin-top: 1px; letter-spacing: 0.0em; float: right; text-transform: uppercase; color: #e1eefe; font-family: "Oswald", sans-serif; font-style: normal; font-weight: 200; font-size: 14px;} .stickyFooter .footerMenu .bottom .inner .right .item,.scrollFooter .footerMenu .bottom .inner .right .item,.stickyFooter .footerMenu .bottom .inner .left .item,.scrollFooter .footerMenu .bottom .inner .left .item { padding: 0 5px;} .scrollFooter .footerMenu .bottom .inner .left { width:100%; display: block; text-align:center; } .scrollFooter .footerMenu .bottom .inner .right { width:100%; display:block; text-align:center; margin:10px 0; } .scrollFooter .footerMenu .bottom .inner .right .item { padding:0; display:block; width:100%; margin:5px 0; text-align:center; } .scrollFooter .footerMenu .bottom .inner .right .fl { border:1px solid #fff; width:100px; margin: 0 auto; padding: 2px 0; background-color:#fff; color:#000; letter-spacing:0.3em; font-weight:bold; } .stickyFooter .columnContainer .footerColumn .dimmi a , .scrollFooter .columnContainer .footerColumn .dimmi a { color:#fff; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #fff; margin: 0 auto; } .stickyFooter .columnContainer .footerColumn .dimmi a:hover , .scrollFooter .columnContainer .footerColumn .dimmi a:hover { color:#81BDA4; border-color:#81BDA4; } .stickyFooter .columnContainer .footerColumn .membership a , .scrollFooter .columnContainer .footerColumn .membership a { color:#fff; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #fff; margin: 0 auto; } .stickyFooter .columnContainer .footerColumn .membership a:hover , .scrollFooter .columnContainer .footerColumn .membership a:hover { color:#81BDA4; border-color:#81BDA4; } .footerColumn .dimmi { margin:20px 0 40px 0; } .scrollFooter { background-color: black; position: relative; height: 620px; z-index: 300;} .midHeaderText { font-family: "Oswald"; font-size: 24px; letter-spacing: 0.1em;} .smHeaderText { font-family: "Oswald"; font-size: 16px; letter-spacing: 0.1em;} .stylizedHR { background: url(/img/stylizedHR.png) no-repeat center center; margin: auto; width: 972px; height: 20px; padding-top: 40px;} .stylizedHR_sm { background: url(/img/stylizedHR_sm.png) no-repeat center center; margin: auto; width: 580px; height: 20px; padding-top: 40px;} #homeContainer .splashImageContainer { height: 695px; width: 100%; position: relative; background: url('/img/mainBg.jpg') no-repeat 49% center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #homeContainer .splashImageContainer .titleText { display: block; text-align: center; position: relative; top: 150px; left: 0px !important; margin: auto;} #homeContainer .splashImageContainer img.scrollLogo { margin: auto; position: absolute; left: 50%; margin-left: -28px; bottom: 50px; margin-bottom: 0px; cursor:pointer; } #homeContainer .splashImageContainer img.scrollLogo-ie8 { margin: auto; position: absolute; left: 50%; margin-left: -28px; bottom: 20px; margin-bottom: 0px;} #homeContainer .smallSliderContainer { display: block; width: 120%; height: 200px; left: -10%; margin-top: 50px; background-color: black; position: relative;} #homeContainer .smallSliderContainer .leftHover { overflow: hidden; display: inline-block; position: relative; width: 60%; height: 200px;} #homeContainer .smallSliderContainer .rightHover { overflow: hidden; display: inline-block; position: relative; width: 40%; height: 200px;} #homeContainer .smallSliderContainer .leftHover img.middleText,#homeContainer .smallSliderContainer .rightHover img.middleText { top: 50%; margin-top: -38px; height: 76px; position: absolute; -webkit-transform: skew(15deg); -ms-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); transform: skewX(15deg);} #homeContainer .smallSliderContainer .leftHover img.middleText { left: 55%; width: 362px; margin-left: -107px;} #homeContainer .smallSliderContainer .rightHover img.middleText { left: 45%; width: 135px; margin-left: -181px;} #homeContainer .smallSliderContainer .leftHover { position: absolute; height: 100%; left: 0; top: 0; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew(-15deg); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;} #homeContainer .smallSliderContainer .leftHover .leftContent { position: absolute; width: 1000px; height: 100%; top: 0; right: 0px; z-index: 200; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; background-color: #951a51;} #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer { float: right; margin-right: 100px; position: relative; height: 260px; width: 330px; top: 35px; text-align: center; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skew(15deg); -transform: skew(15deg);} #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer .smallHeader { font-family: "Oswald"; font-size: 16px; letter-spacing: 0.1em; color: white; text-transform: uppercase;} #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer .hr { width: 40px; border-bottom: 1px solid white; height: 1px; margin: auto; position: relative; top: 8px;} #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer p { color: white; font-size: 16px; font-family: "Oswald", sans-serif; line-height: 24px; font-style: italic; font-weight: 300;} #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer a.smallButton { position: relative; cursor: pointer; background: url(/img/seeTheMenu.png) no-repeat 0 0; width: 162px; height: 30px; display: block; text-indent: -9999px; margin: auto; z-index: 20900009; margin-top: 10px;} #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer a.smallButton:hover { background-position: 0 -30px;} #homeContainer .smallSliderContainer .leftHover .leftContent img.panel { left: -12%; width: 100%; position: relative; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg);} #homeContainer .smallSliderContainer .leftHover .leftPanel { box-shadow: 2px 2px 2px 0px #222222; background-color: black; position: absolute; right: 0px; z-index: 300; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; overflow-x: hidden;} #homeContainer .smallSliderContainer .leftHover .leftPanel img.panel { left: 275px; top: -565px; float: right; position: relative; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg); -webkit-transform-origin: inherit; -moz-transform-origin: inherit; -o-transform-origin: inherit; -ms-transform-origin: inherit; transform-origin: inherit;} #homeContainer .smallSliderContainer .rightHover { position: absolute; height: 100%; right: 0; top: 0; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew(-15deg); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;} #homeContainer .smallSliderContainer .rightHover .rightContent { position: absolute; width: 1000px; height: 100%; top: 0; z-index: 200; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; background-color: #c5c025;} #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer { left: 130px; position: relative; height: 260px; width: 350px; top: 35px; text-align: center; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skew(15deg); -transform: skew(15deg);} #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer .smallHeader { font-family: "Oswald"; font-size: 16px; letter-spacing: 0.1em; color: white; text-transform: uppercase;} #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer .hr { width: 40px; border-bottom: 1px solid white; height: 1px; margin: auto; position: relative; top: 8px;} #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer p { color: white; font-size: 16px; font-family: "Oswald", sans-serif; line-height: 24px; font-style: italic; font-weight: 300;} #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer a.smallButton { position: relative; cursor: pointer; background: url(/img/seeTheMenu.png) no-repeat 0 0; width: 162px; height: 30px; display: block; text-indent: -9999px; margin: auto; z-index: 20900009; margin-top: 10px;} #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer a.smallButton:hover { background-position: 0 -30px;} #homeContainer .smallSliderContainer .rightHover .rightContent img.panel { left: -12%; width: 100%; position: relative; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg);} #homeContainer .smallSliderContainer .rightHover .rightPanel { box-shadow: 2px 2px 2px 0px #222222; background-color: #dcd6d3; width: 100%; position: absolute; left: 0px; z-index: 300; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; overflow-x: hidden;} #homeContainer .smallSliderContainer .rightHover .rightPanel img.panel { left: -65px; top: -231px; float: left; position: relative; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg); -webkit-transform-origin: inherit; -moz-transform-origin: inherit; -o-transform-origin: inherit; -ms-transform-origin: inherit; transform-origin: inherit;} #homeContainer .filmSection { background-color: #f4efe7; background: url(/img/heavyCreamTexture.png) repeat; padding-bottom: 70px;} #homeContainer .filmSection p { display: block; text-align: center; padding-bottom: 30px;} #homeContainer .newsSection { height: auto; padding-top: 63px;} #homeContainer .cookBookSection { background: url('/img/cookbook_bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 80px; padding-bottom: 80px; margin-bottom: 0px;} #homeContainer .cookBookSection .innerContainer { background: url(/img/heavyCreamTexture.png) repeat; color: #313036; text-align: left; width: 850px; padding: 50px; background-color: #f4efe7; margin: auto; border: 8px solid #9ec8d4; height: 300px;} #homeContainer .cookBookSection .innerContainer a.learnMoreButton { position: relative; cursor: pointer; background: url(/img/learnMoreButton.png) no-repeat 0 0; width: 132px; height: 32px; display: inline-block; margin-left: 20px;} #homeContainer .cookBookSection .innerContainer a.learnMoreButton:hover { background-position: 0 -32px;} #homeContainer .cookBookSection .innerContainer a.preorderButton { position: relative; cursor: pointer; background: url(/img/orderNow.png) no-repeat 0 0; width: 134px; height: 30px; display: inline-block;} #homeContainer .cookBookSection .innerContainer a.preorderButton:hover { background-position: 0 -30px;} #homeContainer .cookBookSection .innerContainer .left { float:left; } #homeContainer .cookBookSection .innerContainer .right { width: 550px; float: right; line-height: 30px;} #homeContainer .cookBookSection .innerContainer .right p { line-height: 30px; margin-top: 15px; margin-bottom: 20px;} #homeContainer .cookBookSection .bookTitle { font-family: "Oswald"; font-size: 24px; letter-spacing: .06em; font-weight: 400; line-height: 116%; line-height: normal; font-size: 22px; font-weight: 600; letter-spacing: 0.1em; color: black; text-transform: uppercase;} .sectionHeader {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 200px; position: relative; z-index: 2; margin: 0 0 0 0; background-repeat:no-repeat; background-position:center center; } .sectionHeader img.miniLogo { margin: auto; display: block; top: 61px; position: relative;} .newsSection .sectionHeader { height:45px; } .menuNavContainer { height: 80px; display: block; width: 100%; background-color: #f7f2ea; text-align: center; font-family: "Oswald"; font-size: 24px; letter-spacing: 0.1em; font-weight: 600; white-space: nowrap;} .menuNavContainer ul { top: 26px; position: relative; text-transform: uppercase; margin: auto; padding:0; display: none;} .menuNavContainer ul li { border-left: 2px solid black; display: inline; padding: 0 60px;} .menuNavContainer ul li:first-child { border-left: 0px solid black;} .menuNavContainer ul li a { text-decoration: none; color:#000; } .menuNavContainer ul li.dinner.active a, .menuNavContainer ul li.dinner a:hover { color:#2b565d; } .menuNavContainer ul li.lunch.active a, .menuNavContainer ul li.lunch a:hover { color:#951a51; } .menuNavContainer ul li.set.active a, .menuNavContainer ul li.set a:hover { color:#9ec8d4; } .menuNavContainer ul li.wine.active a, .menuNavContainer ul li.wine a:hover { color:#c5c025; } .menuNavContainer ul li.food.active a, .menuNavContainer ul li.food a:hover { color:#b20000; } .menuNavContainer ul li.beer.active a, .menuNavContainer ul li.beer a:hover { color:#9ec8d4; } .tabs { margin: 0 auto; padding: 0; list-style: none; min-height: 54px; width: 560px; text-align:center } .tabs span { padding: 0 23px; margin: 0 2px; height: 42px; line-height: 41px; overflow: hidden; position: relative; cursor:pointer; font-family:"Oswald"; border: 5px solid #FFFEF9; font-size: 17px; outline: none;} .dinner .tabs span { color:#2b565d; } .dinner .tabs span.active, .dinner .tabs span:hover { border-color: #2b565d; } .lunch .tabs span { color:#951a51; } .lunch .tabs span.active, .lunch .tabs span:hover { border-color: #951a51; } .set .tabs span { color:#9ec8d4; } .set .tabs span.active, .set .tabs span:hover { border-color: #9ec8d4; } .wine .tabs span { color:#c5c025; } .wine .tabs span.active, .wine .tabs span:hover { border-color: #c5c025; } .food .tabs span { color:#b20000; } .food .tabs span.active, .food .tabs span:hover { border-color: #b20000; } .beer .tabs span { color:#9ec8d4; } .beer .tabs span.active, .beer .tabs span:hover { border-color: #9ec8d4; } .menuitm { width: 565px; display:none; margin: 0 auto; text-align: center; padding:30px 0 0 0; } .menuitm p { margin-bottom: 5px; } .menuitm p:hover { background-color:#f9f9f9; } .menuitm h3 { margin: 0 0 20px 0; font-size:18px; font-family:serif; font-weight:bold; } .menuitm h4 { font-family:serif; font-style:italic; font-size:12px; margin: 0 0 5px 0; } .menuitm h5 { font-size:22px; } .lsc { display:none; } .menu .lsc, .private .lsc { display:block; } .largeSliderContainer { display: block; width: 120%; height: 615px; left: -10%; margin-top: 38px; background-color: black; position: relative;} .largeSliderContainer .leftHover { overflow: hidden; display: inline-block; position: relative; width: 70%; height: 615px;} .largeSliderContainer .rightHover { overflow: hidden; display: inline-block; position: relative; width: 30%; height: 615px;} .largeSliderContainer .leftHover img.middleText, .largeSliderContainer .rightHover img.middleText { top: 310px; margin-top: -38px; height: 76px; position: absolute; -webkit-transform: skew(15deg); -ms-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); transform: skewX(15deg);} .largeSliderContainer .leftHover img.middleText { left: 60%; width: 362px; margin-left: -107px;} .largeSliderContainer .rightHover img.middleText { left: 44%; width: 135px; margin-left: -90px;} .largeSliderContainer .leftHover { position: absolute; height: 100%; left: 0; top: 0; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew(-15deg); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;} .largeSliderContainer .leftHover .leftContent { position: absolute; width: 1000px; height: 100%; top: 0; right: 0px; z-index: 200; margin-right: 11px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; background-color: #951a51;} .largeSliderContainer .leftHover .leftContent .contentContainer { float: right; margin-right: 55px; position: relative; height: 260px; width: 260px; top: 50%; margin-top: -130px; text-align: center; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skew(15deg); -transform: skew(15deg);} .largeSliderContainer .leftHover .leftContent .contentContainer .smallHeader { font-size: 16px; letter-spacing: 0.1em; color: white; text-transform: uppercase; font-family: "Oswald"; font-size: 24px; letter-spacing: .06em; font-weight: 400; line-height: 116%; line-height: normal;} .largeSliderContainer .leftHover .leftContent .contentContainer .hr { width: 40px; border-bottom: 1px solid white; height: 1px; margin: auto; position: relative; top: 8px;} .largeSliderContainer .leftHover .leftContent .contentContainer p { color: white; font-size: 16px; font-family: "Oswald", sans-serif; line-height: 24px; font-weight: 300;} .largeSliderContainer .leftHover .leftContent .contentContainer a.smallButton { position: relative; cursor: pointer; background: url(/img/seeTheMenu.png) no-repeat 0 0; width: 162px; height: 30px; display: block; text-indent: -9999px; margin: auto; z-index: 20900009;} .largeSliderContainer .leftHover .leftContent .contentContainer a.smallButton:hover { background-position: 0 -30px;} .largeSliderContainer .leftHover .leftContent img.panel { left: -12%; width: 100%; position: relative; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg);} .largeSliderContainer .leftHover .leftPanel { box-shadow: 2px 2px 2px 0px #222222; background-color: black; z-index: 300; position: absolute; right: 10px; width: 100%; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; overflow-x: hidden;} .largeSliderContainer .leftHover .leftPanel img.panel { left: 200px; top: -200px; float: right; position: relative; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg); -webkit-transform-origin: inherit; -moz-transform-origin: inherit; -o-transform-origin: inherit; -ms-transform-origin: inherit; transform-origin: inherit;} .largeSliderContainer .rightHover { position: absolute; height: 100%; right: 0; top: 0; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew(-15deg); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;} .largeSliderContainer .rightHover .rightContent { position: absolute; width: 1000px; height: 100%; top: 0; margin-left: 11px; z-index: 200; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; background-color: #c5c025;} .largeSliderContainer .rightHover .rightContent .contentContainer { left: 55px; position: relative; height: 260px; width: 260px; margin-top: -130px; top: 50%; text-align: center; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skew(15deg); -transform: skew(15deg);} .largeSliderContainer .rightHover .rightContent .contentContainer .smallHeader { font-size: 16px; letter-spacing: 0.1em; color: white; text-transform: uppercase; font-family: "Oswald"; font-size: 24px; letter-spacing: .06em; font-weight: 400; line-height: 116%; line-height: normal;} .largeSliderContainer .rightHover .rightContent .contentContainer .hr { width: 40px; border-bottom: 1px solid white; height: 1px; margin: auto; position: relative; top: 8px;} .largeSliderContainer .rightHover .rightContent .contentContainer p { color: white; font-size: 16px; font-family: "Oswald", sans-serif; line-height: 24px; font-weight: 300;} .largeSliderContainer .rightHover .rightContent .contentContainer a.smallButton { position: relative; cursor: pointer; background: url(/img/seeTheMenu.png) no-repeat 0 0; width: 162px; height: 30px; display: block; text-indent: -9999px; margin: auto; z-index: 20900009;} .largeSliderContainer .rightHover .rightContent .contentContainer a.smallButton:hover { background-position: 0 -30px;} .largeSliderContainer .rightHover .rightContent img.panel { left: -12%; top: -150px; position: relative; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg);} .largeSliderContainer .rightHover .rightPanel { box-shadow: 2px 2px 2px 0px #222222; background-color: #dcd6d3; width: 100%; z-index: 300; position: absolute; left: 10px; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; overflow-x: hidden;} .largeSliderContainer .rightHover .rightPanel img.panel { left: -160px; top: -300px; float: left; position: relative; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg); -webkit-transform-origin: inherit; -moz-transform-origin: inherit; -o-transform-origin: inherit; -ms-transform-origin: inherit; transform-origin: inherit;} .lsprivate .leftHover { width:50%; } .lsprivate .leftHover img.middleText { width:auto; height:auto; top:245px; margin-left: -270px; } .lsprivate .leftHover .leftContent .contentContainer a.smallButton { background: url(/img/findATable.png) no-repeat 0 0; width:128px; height:32px; } .lsprivate .leftHover .leftContent .contentContainer a.smallButton:hover { background-position: 0 -32px;} .lsprivate .rightHover { width:50%; } .lsprivate .rightHover img.middleText { width:auto; height:auto; top:90px; margin-left: -300px; } .lsprivate .rightHover .rightContent .contentContainer a.smallButton { background: url(/img/findATable.png) no-repeat 0 0; width:128px; height:32px; } .lsprivate .rightHover .rightContent .contentContainer a.smallButton:hover { background-position: 0 -32px;} .sidebar-container { width: 300px; display: inline-block; vertical-align: top; text-align: left; white-space: normal;} .sidebar-container .sidebarHeader { font-family: "Oswald"; font-size: 19px; letter-spacing: .04em; font-weight: 400; line-height: normal; text-transform: uppercase;} #map_canvas { height:700px; } .cfblk .labelfield , .cfblk .tfvNormal { width:200px; display:inline-block; vertical-align:top;} .cfblk .tfvHighlight { color:red; width:200px; display:inline-block; vertical-align:top;} .cfblk input[type="text"], .cfblk textarea, .cfblk select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; color: #777; margin: 0 0 10px 0; width: 180px; max-width: 100%; } .cfblk select { padding: 6px 4px; } .cfblk textarea { height:100px; } .cfblk input[type="text"]:focus, .cfblk textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } .cfblk #form_81_submit { cursor:pointer; background-color:#fff; border-collapse:collapse; color:#ccc; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:60px; display:block; text-align:center; padding: 10px; border:5px solid #ccc; margin: 0 auto; -webkit-appearance: none; -webkit-border-radius: 0; } .cfblk #form_81_submit:hover { color:#81BDA4; border-color:#81BDA4; } .msfblk .labelfield , .msfblk .tfvNormal { width:200px; display:inline-block; vertical-align:top;} .msfblk .tfvHighlight { color:red; width:200px; display:inline-block; vertical-align:top;} .msfblk input[type="text"], .cfblk textarea, .cfblk select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; color: #777; margin: 0 0 10px 0; width: 180px; max-width: 100%; } .msfblk select { padding: 6px 4px; } .msfblk textarea { height:100px; } .msfblk input[type="text"]:focus, .cfblk textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } .msfblk #form_1418_submit { cursor:pointer; background-color:#fff; border-collapse:collapse; color:#ccc; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:60px; display:block; text-align:center; padding: 10px; border:5px solid #ccc; margin: 0 auto; -webkit-appearance: none; -webkit-border-radius: 0; } .msfblk #form_1418_submit:hover { color:#81BDA4; border-color:#81BDA4; } .pefblk { display:none; } .pefblk .form_field { text-align:left; } .pefblk .labelfield , .pefblk .tfvNormal, .pefblk #t_form_606_period, .pefblk #t_form_606_flexible { width:180px; display:inline-block; vertical-align:top; text-align:left; } .pefblk .tfvHighlight { color:red; width:200px; display:inline-block; vertical-align:top;} .pefblk input[type="text"], .pefblk textarea, .pefblk select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; color: #777; margin: 0 0 10px 0; width: 300px; max-width: 100%; } .pefblk select { padding: 6px 4px; } .pefblk textarea { height:100px; } .pefblk input[type="text"]:focus, .pefblk textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } .pefblk .radiobtn { width:100px; display:inline-block; margin:0 0 10px 0; } .pefblk #form_606_submit { cursor:pointer; background-color:#fff; border-collapse:collapse; color:#ccc; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:60px; display:block; text-align:center; padding: 10px; border:5px solid #ccc; margin: 0 auto; -webkit-appearance: none; -webkit-border-radius: 0; } .pefblk #form_606_submit:hover { color:#81BDA4; border-color:#81BDA4; } .pdgblk { position:relative; width:385px; margin: 0 auto; overflow:hidden; } .pdgblk .pdgal { height: 577px; margin: 0 auto; overflow: hidden; width: 385px;} .pdgblk .pdgal ul {height: 577px;} .pdgblk .pdgal li { float: left; height: 577px; margin-right: 20px; position: relative; width: 385px;} .pdgblk .n_prev, .pdgblk .n_next { display: block; height: 50px; overflow: hidden; position: absolute; text-indent: -9999px; top: 45%; width: 50px; z-index:999;} .pdgblk .n_prev { background: url("/img/prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: 0;} .pdgblk .n_prev:hover {} .pdgblk .n_next { background: url("/img/next.png") no-repeat scroll right top rgba(0, 0, 0, 0); right: 0;} .pdgblk .n_next:hover {} .mgblk { position:relative; margin: 0 auto; padding: 60px 0; overflow:hidden; } .mgblk .memgal { height: 314px; margin: 0 auto; overflow: hidden; } .mgblk .memgal ul {height: 314px;} .mgblk .memgal li { float: left; height: 314px; margin-right: 20px; position: relative; width: 314px;} .mgblk .n_prev, .mgblk .n_next { display: block; height: 50px; overflow: hidden; position: absolute; text-indent: -9999px; top: 45%; width: 50px; z-index:999;} .mgblk .n_prev { background: url("/img/prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: 0;} .mgblk .n_prev:hover {} .mgblk .n_next { background: url("/img/next.png") no-repeat scroll right top rgba(0, 0, 0, 0); right: 0;} .mgblk .n_next:hover {} .dgblk { position:relative; width:385px; margin: 0 auto; overflow:hidden; } .dgblk .deligal { height: 577px; margin: 0 auto; overflow: hidden; width: 385px;} .dgblk .deligal ul {height: 577px;} .dgblk .deligal li { float: left; height: 577px; margin-right: 20px; position: relative; width: 385px;} .dgblk .n_prev, .dgblk .n_next { display: block; height: 50px; overflow: hidden; position: absolute; text-indent: -9999px; top: 45%; width: 50px; z-index:999;} .dgblk .n_prev { background: url("/img/prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: 0;} .dgblk .n_prev:hover {} .dgblk .n_next { background: url("/img/next.png") no-repeat scroll right top rgba(0, 0, 0, 0); right: 0;} .dgblk .n_next:hover {} .subNav { width: 100%; height: 30px; background-color: #f49c1e;} .subNav .inner { color: white; text-align: center; margin: auto; width: 500px; padding-top: 7px; font-family: "Oswald"; font-size: 14px; letter-spacing: .1em; font-weight: 400; text-transform: uppercase;} .subNav .inner img { top: 2px; position: relative;} .subNav .inner a { text-decoration: none; color: white;} .subNav .inner a:hover { color: black;} .pgcontent .splashImageContainer { height: 695px; width: 100%; position: relative; background: url('/img/aboutUsHeader.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .pgcontent .splashImageContainer img.scrollLogo { margin-left: auto; margin-right: auto; position: absolute; left: 50%; margin-left: -28px; bottom: 20px; margin-bottom: 0px;} .pgcontent .subNav { width: 100%; height: 30px; background-color: #f49c1e;} .pgcontent .subNav .inner { color: white; text-align: center; margin: auto; width: 500px; padding-top: 7px; font-family: "Oswald"; font-size: 14px; letter-spacing: .1em; font-weight: 400; text-transform: uppercase;} .pgcontent .subNav .inner img { top: 2px; position: relative;} .pgcontent .subNav .inner a { text-decoration: none; color: white;} .pgcontent .subNav .inner a:hover { color: black;} .pgcontent .seeUpcomingEventsButton { background: url(/img/seeUpcomingEventsButton.png) no-repeat 0 0; width: 206px; height: 32px; text-indent: -999em; display: block; margin: auto; cursor: pointer; margin-bottom: 30px;} .pgcontent .seeUpcomingEventsButton:hover { background-position: 0 -32px;} .pgcontent .ourTeamSection,.pgcontent .theRestaurant,.pgcontent .community,.pgcontent .accolades { padding: 60px 0;} .pgcontent .container { width: 980px; max-width: 980px; margin: auto; padding: 30px 0;} .pgcontent .container.sm { width: 730px;} .pgcontent .container img.tripleHeader { margin: auto; display: block; padding-bottom: 40px;} .pgcontent .container div.theContent { text-align: center; width: 570px; margin: auto; font-size: 17px; font-weight: normal; line-height: 140%; font-size: 18px;} .pgcontent .container .mcont .leftSec { float: left; width: 430px; } .pgcontent .container .mcont .rightSec { float: left; font-family: "arno-pro",serif; font-size: 18px; font-style: normal; line-height: 1.7em; padding-left: 100px; width: 330px;} .pgcontent .container .mcont .rightSec .clear { line-height:0; } .pgcontent .imggal { text-align:center; padding:0 0 60px 0;} .pgcontent .imggal img { margin: 10px; } .pgcontent .mgalblk { position:relative; width:320px; margin: 0 auto; } .pgcontent .mgalblk .gals { height: 300px; margin: 0 auto; overflow: hidden; width: 320px;} .pgcontent .mgalblk .gals ul {height:300px;} .pgcontent .mgalblk .gals li { float: left; height: 300px; margin-right: 20px; position: relative; width: 300px;} .pgcontent .mgalblk .n_prev, .pgcontent .mgalblk .n_next { display: block; height: 50px; overflow: hidden; position: absolute; text-indent: -9999px; top: 125px; width: 50px; z-index:999;} .pgcontent .mgalblk .n_prev { background: url("/img/prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: -21px;} .pgcontent .mgalblk .n_prev:hover {} .pgcontent .mgalblk .n_next { background: url("/img/next.png") no-repeat scroll right top rgba(0, 0, 0, 0); right: 0;} .pgcontent .mgalblk .n_next:hover {} .pgcontent .entry-content { width: 100%; text-align: center; max-width: 100%; background-color: yellow;} .pgcontent .acc { padding-bottom: 100px;} .pgcontent h1 { text-transform:uppercase; text-align: center; padding-top: 0px; margin-top: 0px; } .pgcontent h2 { text-transform: uppercase; text-align: center; padding-top: 0px; margin-top: 0px;} .pgcontent .heavy-background { background: url(/img/heavyCreamTexture.png) repeat;} .pgcontent .light-background { background: url(/img/lightCreamTexture.png) repeat;} .pgcontent .light-background .backingblock { width:100%; height:auto; } .pgcontent .dark-background { background-color:#000; background-image:url('/img/flute-bg.jpg'); background-repeat:repeat-x; background-position:top left; color:#fff; } .pgcontent .dark-background h1, .pgcontent .dark-background h3 { color:#fff; } .pgcontent .dark-background>img, .pgcontent .dark-background p>img { width:100%; height:auto; } .pgcontent .staffContainer { text-align: left;} .pgcontent .flipContainer { height: 430px; cursor: pointer; position: relative;} .pgcontent .flipContainer:hover img { opacity: 0; z-index: -10;} .pgcontent .flipContainer img { position: absolute; top: 0; left: 0; height:430px; width:100%; z-index: 200; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} .pgcontent .flipContainer .staffbio { padding: 40px; background-color: #2B565D; color: white; position: absolute; height: 350px; overflow-y: hidden; } .pgcontent .flipContainer .staffbio p { margin-top: 0px; padding-top: 0px; font-family:"Oswald"; font-size:20px; line-height:40px; } .pgcontent .leftSec .hrdiv .hrdiv-header { background: url("/img/lightCreamTexture.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #475526; display: block; font-family: "oswald"; font-size: 19px; font-weight: 400; letter-spacing: 0.04em; line-height: normal; margin: 0 auto; text-align: center; text-transform: uppercase; width: 120px; } .pgcontent .leftSec .hrdiv { background: url("/img/hours-bg.gif") repeat-x scroll 0 13px rgba(0, 0, 0, 0); margin: auto; } .pgcontent .rightSec .hrdiv .hrdiv-header { background: url("/img/lightCreamTexture.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #475526; display: block; font-family: "oswald"; font-size: 19px; font-weight: 400; letter-spacing: 0.04em; line-height: normal; margin: 0 auto; text-align: center; text-transform: uppercase; width: 120px; } .pgcontent .rightSec .hrdiv { background: url("/img/hours-bg.gif") repeat-x scroll 0 13px rgba(0, 0, 0, 0); margin: auto; } .pgcontent .rightSec .hours { float: right;} .pgcontent .rightSec .mealHeader { display: block; font-style: italic; font-weight: 100; text-align: center;} .pgcontent .resblk .dimmi a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .pgcontent .resblk .dimmi a:hover { color:#81BDA4; border-color:#81BDA4; } .pgcontent .resblk .pfenq a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .pgcontent .resblk .pfenq a:hover { color:#81BDA4; border-color:#81BDA4; } .pgcontent .dlblk .dlpdf a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .pgcontent .dlblk .dlpdf a:hover { color:#81BDA4; border-color:#81BDA4; } .aliaspre-theatre-dining .pgcontent .resblk .hrdiv .hrdiv-header { background: url("/img/lightCreamTexture.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #475526; display: block; font-family: "oswald"; font-size: 19px; font-weight: 400; letter-spacing: 0.04em; line-height: normal; margin: 0 auto; text-align: center; text-transform: uppercase; width: 120px; } .aliaspre-theatre-dining .pgcontent .resblk .hrdiv { background: url("/img/hours-bg.gif") repeat-x scroll 0 13px rgba(0, 0, 0, 0); margin: auto; } .aliaspre-theatre-dining .pgcontent .resblk .dimmi a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .aliaspre-theatre-dining .pgcontent .resblk .dimmi a:hover { color:#81BDA4; border-color:#81BDA4; } .aliaspre-theatre-dining .pgcontent .resblk .pfenq a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .aliaspre-theatre-dining .pgcontent .resblk .pfenq a:hover { color:#81BDA4; border-color:#81BDA4; } .aliaspre-theatre-dining .pgcontent .dlblk .hrdiv .hrdiv-header { background: url("/img/lightCreamTexture.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #475526; display: block; font-family: "oswald"; font-size: 19px; font-weight: 400; letter-spacing: 0.04em; line-height: normal; margin: 0 auto; text-align: center; text-transform: uppercase; width: 200px; } .aliaspre-theatre-dining .pgcontent .dlblk .hrdiv { background: url("/img/hours-bg.gif") repeat-x scroll 0 13px rgba(0, 0, 0, 0); margin: auto; } .aliaspre-theatre-dining .pgcontent .dlblk .dlpdf a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .aliaspre-theatre-dining .pgcontent .dlblk .dlpdf a:hover { color:#81BDA4; border-color:#81BDA4; } .aliasprivate-dining-room .pgcontent .resblk .hrdiv .hrdiv-header { background: url("/img/lightCreamTexture.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #475526; display: block; font-family: "oswald"; font-size: 19px; font-weight: 400; letter-spacing: 0.04em; line-height: normal; margin: 0 auto; text-align: center; text-transform: uppercase; width: 120px; } .aliasprivate-dining-room .pgcontent .resblk .hrdiv { background: url("/img/hours-bg.gif") repeat-x scroll 0 13px rgba(0, 0, 0, 0); margin: auto; } .aliasprivate-dining-room .pgcontent .resblk .dimmi a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .aliasprivate-dining-room .pgcontent .resblk .dimmi a:hover { color:#81BDA4; border-color:#81BDA4; } .aliasprivate-dining-room .pgcontent .resblk .pfenq a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .aliasprivate-dining-room .pgcontent .resblk .pfenq a:hover { color:#81BDA4; border-color:#81BDA4; } .aliasprivate-dining-room .pgcontent .dlblk .dlpdf a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .aliasprivate-dining-room .pgcontent .dlblk .dlpdf a:hover { color:#81BDA4; border-color:#81BDA4; } .aliasprivate-dining .rbtn { display:none; } .aliasflute-dining-room .rbtn { display:none; } .aliasflute-dining-room .pgcontent .resblk .hrdiv .hrdiv-header { background-color:#000; color: #fff; display: block; font-family: "oswald"; font-size: 19px; font-weight: 400; letter-spacing: 0.04em; line-height: normal; margin: 0 auto; text-align: center; text-transform: uppercase; width: 120px; } .aliasflute-dining-room .pgcontent .resblk .hrdiv { background: url("/img/hours-bg.gif") repeat-x scroll 0 13px rgba(0, 0, 0, 0); margin: auto; } .aliasflute-dining-room .pgcontent .resblk .dimmi a { color:#fff; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #fff; margin: 20px auto; } .aliasflute-dining-room .pgcontent .resblk .dimmi a:hover { color:#81BDA4; border-color:#81BDA4; } .aliasflute-dining-room .pgcontent .resblk .pfenq a { color:#fff; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #fff; margin: 20px auto; } .aliasflute-dining-room .pgcontent .resblk .pfenq a:hover { color:#81BDA4; border-color:#81BDA4; } .aliasflute-dining-room .pgcontent .dlblk .dlpdf a { color:#fff; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #fff; margin: 20px auto; } .aliasflute-dining-room .pgcontent .dlblk .dlpdf a:hover { color:#81BDA4; border-color:#81BDA4; } .aliasflute-dining-room .pefblk #t_form_1830_period, .aliasflute-dining-room .pefblk #t_form_1830_flexible { width:180px; display:inline-block; vertical-align:top; text-align:left; } .aliasflute-dining-room .pefblk #form_1830_submit { cursor:pointer; background-color:#000; border-collapse:collapse; color:#ccc; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:60px; display:block; text-align:center; padding: 10px; border:5px solid #ccc; margin: 0 auto; -webkit-appearance: none; -webkit-border-radius: 0; } .aliasflute-dining-room .pefblk #form_1830_submit:hover { color:#81BDA4; border-color:#81BDA4; } .aliashome .pgcontent .dlblk .hrdiv { background: url("/img/hours-bg.gif") repeat-x scroll 0 13px rgba(0, 0, 0, 0); margin: auto; } .aliashome .pgcontent .dlblk .hrdiv .hrdiv-header { background: url("/img/lightCreamTexture.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #475526; display: block; font-family: "oswald"; font-size: 19px; font-weight: 400; letter-spacing: 0.04em; line-height: normal; margin: 0 auto; text-align: center; text-transform: uppercase; width: 260px; } .aliashome .pgcontent .dlblk .dlpdf a { color:#000; font-family:"Oswald", serif; text-transform:uppercase; letter-spacing: 5px; font-size:20px; line-height:28px; width:200px; height:30px; display:block; text-align:center; padding: 10px; border:5px solid #000; margin: 20px auto; } .aliashome .pgcontent .dlblk .dlpdf a:hover { color:#81BDA4; border-color:#81BDA4; } .entry-header { margin: 0 auto; max-width: 684px; width: 100%;} .g-recaptcha>div { margin: 0 auto 20px auto; } .gals ul { margin:0; padding:0; } .gals li { line-height:0; height: 300px; margin: 10px; min-height: 275px; padding: 0; width: 300px; float: left; list-style: none outside none; transition-property: width; overflow: hidden; position: relative;} .gals .gitbox { bottom: 0; color: #737373; width: 100%; min-height:27px; position:relative; } .gals .gitbox .gititle {margin: 0; padding: 8px 45px 8px 8px; position: relative; font-size:12px; color:#000; display:none; } @media all and (max-width: 1067px) { .largeSliderContainer .leftHover { width: 60%; } .largeSliderContainer .rightHover { width: 40%; } #homeContainer .smallSliderContainer .leftHover { width:50%; } #homeContainer .smallSliderContainer .rightHover { width:50%; } #homeContainer .smallSliderContainer .leftHover .leftPanel img.panel { left:380px; top:-475px; width:1700px; } #homeContainer .smallSliderContainer .rightHover .rightPanel img.panel { left: -25px; top:-175px; width:800px; } .lsprivate .leftHover { width:50%; } .lsprivate .rightHover { width:50%; } .lsprivate .leftHover img.middleText { margin-left:-245px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { #topNav .inner ul { left:0; } .pgcontent .container { width:760px; min-width:760px; } .stylizedHR { width:760px; } .threeColumnContainer { width: 760px; } .newsHR { width: 225px; } #homeContainer .cookBookSection .innerContainer { width:650px; } #homeContainer .cookBookSection .innerContainer .right { width:350px; } #homeContainer .cookBookSection .innerContainer .right p { line-height:20px; } .section p { font-size:18px; } .stickyFooter .columnContainer, .scrollFooter .columnContainer { width:760px; } .stickyFooter .columnContainer .footerColumn, .scrollFooter .columnContainer .footerColumn { font-size:13px; } .stickyFooter .columnContainer .footerColumn .dimmi a, .scrollFooter .columnContainer .footerColumn .dimmi a { width:175px; } .stickyFooter .columnContainer .footerColumn .membership a, .scrollFooter .columnContainer .footerColumn .membership a { width:175px; } .stickyFooter .inner, .scrollFooter .inner { width:760px; } .pgcontent .imggal img { width:30%; height:auto; } .gals li { margin: 10px 40px; } .pgcontent .container .mcont .leftSec { width: 380px; } .pgcontent .container .mcont .rightSec { width:360px; padding-left:15px; } .cfblk .labelfield { width:140px; } .menuNavContainer ul li { padding: 0 20px; } .largeSliderContainer .leftHover { width: 50%; } .largeSliderContainer .rightHover { width: 50%; } .largeSliderContainer .leftHover img.middleText { width:230px; } .largeSliderContainer .rightHover img.middleText { width: 115px; } #homeContainer .smallSliderContainer .leftHover .leftPanel img.panel { left:355px; top:-390px; width:1450px; } #homeContainer .smallSliderContainer .rightHover .rightPanel img.panel { left: -30px; top:-140px; width:705px; } #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer { margin-right:15px; } #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer { left:35px; } .lsprivate .leftHover img.middleText { width:330px; margin-left:-180px; } .lsprivate .rightHover img.middleText { width:380px; margin-left:-220px; top:160px; } } @media only screen and (max-width: 767px) { .is-mobile { display:block; } #topNav .inner ul { float:none; margin: 40px 0 0 0; background-color:#000; padding: 10px 0; position:absolute; z-index:99; width:100%; left:-200%; transition: left 0.5s ease 0s; -webkit-transition: left 0.5s ease 0s;} #topNav .inner ul li { display:block; padding:0;} #topNav .inner li { display:block; margin:0px; text-align:center; float:none; } #topNav .inner li a { margin: 0; padding:0; } #topNav .inner ul>a { display:none; } .openmm #topNav .inner ul { left:0; } #topNav .inner.sm { width:320px; } #topNav .inner a.logo { display:block; float:none; margin:0 auto; } #homeContainer .splashImageContainer { height:180px; } #homeContainer .splashImageContainer img.scrollLogo { display:none; } #homeContainer .splashImageContainer .titleText { width:100%; height:auto; top:30px;} #homeContainer .smallSliderContainer { margin-top:25px; height:240px; } #homeContainer .smallSliderContainer .leftHover { width:100%; position:relative; height:120px; } #homeContainer .smallSliderContainer .leftHover .leftPanel img.panel { left:190px; top:-270px; width:1000px; } #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer { margin-right:28px; top:0; height:120px; } #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer .hr { top:4px; } #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer p { margin:10px 0; line-height:20px; } #homeContainer .smallSliderContainer .rightHover { width:100%; position:relative; height:120px; } #homeContainer .smallSliderContainer .rightHover .rightPanel img.panel { left:25px; top:-105px; width:500px; } #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer { width:300px; left:42px; height:120px; top:0; } #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer .hr { top:4px; } #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer p { margin:10px 0; line-height:20px; } .rbtn { display:none; } .pgcontent .container { min-width:300px; width:300px; } .pgcontent .container div.theContent { width:100%; } .threeColumnContainer { width:100%; white-space:normal; } .threeColumnContainer .column { width:270px; display:block; padding: 0 25px 50px 25px; margin: 0 auto; } .newsHR { width:20px; } #homeContainer .cookBookSection .innerContainer { width:260px; padding:20px; height:100%; } #homeContainer .cookBookSection .innerContainer .left { float:none; } #homeContainer .cookBookSection .innerContainer .right { float:none; margin: 20px 0 0 0; width:100%; } .stickyFooter, .stickySubNav { display: none; } .scrollFooter { height:100%; } .stickyFooter .columnContainer, .scrollFooter .columnContainer { width:320px; } .stickyFooter .columnContainer .footerColumn, .scrollFooter .columnContainer .footerColumn { width:100%; display:block; height:100%; padding: 0 25px 25px 25px; margin: 0 0 25px 0; border-bottom: 1px solid #FFFFFF; } .stickyFooter .inner, .scrollFooter .inner { width:320px; } .stickyFooter .footerMenu, .scrollFooter .footerMenu { position:relative; } .stickyFooter .inner, .scrollFooter .inner { border-top:0;} .pgcontent .flipContainer { width:300px; overflow:hidden; margin: 0 auto; } .pgcontent .flipContainer img { width:auto; } .pgcontent .flipContainer .staffbio p { font-size: 14px; line-height:20px; } .sectionHeader img.miniLogo { width:85%; height:auto; top:80px; } .pgcontent .container .mcont .leftSec { width:100%; float:none; } .pgcontent .container .mcont .rightSec { width:100%; float:none; padding:0; } .cfblk .labelfield, .cfblk .tfvNormal { width:120px; } .cfblk input[type="text"], .cfblk textarea, .cfblk select { width: 165px; } .pefblk .labelfield, .pefblk .tfvNormal { width:120px; } .pefblk input[type="text"], .pefblk textarea, .pefblk select { width: 165px; } .gals li { height:100%; width:100%; margin:0; } .newscontainer .newscontent { width:100%; margin: 0; } .pgcontent .imggal img { margin: 0 0 20px 0;} .stylizedHR { width: 320px;} .largeSliderContainer { height:240px; } .largeSliderContainer .leftHover { width:100%; height:120px; position:relative; } .largeSliderContainer .leftHover .leftPanel { height:120px; overflow:hidden; } .largeSliderContainer .leftHover .leftPanel img.panel { left:425px; top: -315px; width:1000px; } .largeSliderContainer .leftHover img.middleText { width:300px; margin-top:0; top:20px; margin-left: -178px; } .largeSliderContainer .leftHover .leftContent .contentContainer { height:120px; margin-top:-60px; margin-right:50px; } .largeSliderContainer .leftHover .leftContent .contentContainer .smallHeader { font-size:17px; } .largeSliderContainer .leftHover .leftContent .contentContainer p { margin: 10px 0; line-height:20px; } .largeSliderContainer .rightHover { width:100%; height:120px; position:relative; } .largeSliderContainer .rightHover .rightPanel { height:120px; overflow:hidden; } .largeSliderContainer .rightHover .rightPanel img.panel { left:-35px; top:-150px; width:500px; } .largeSliderContainer .rightHover img.middleText { margin-top:0; top:20px; margin-left: -55px; } .largeSliderContainer .rightHover .rightContent .contentContainer { height:120px; margin-top:-60px; margin-right:50px; } .largeSliderContainer .rightHover .rightContent .contentContainer .smallHeader { font-size:17px; } .largeSliderContainer .rightHover .rightContent .contentContainer p { margin: 10px 0; line-height:20px; } .lsprivate { height:480px; } .lsprivate .leftHover { height:220px; } .lsprivate .leftHover .leftPanel { height:220px; } .lsprivate .leftHover img.middleText { top: 46px; margin-left: -180px; } .lsprivate .rightHover { height:220px; } .lsprivate .rightHover .rightPanel { height:220px; } .lsprivate .rightHover .rightPanel img.panel { top:-100px;} .lsprivate .rightHover img.middleText { width:235px; margin-left:-95px; } .tabs { height:100%; width:100% !important; } .tabs span { padding: 0 15px; margin: 5px; } .menuNavContainer { height:145px; font-size:16px; } .menuNavContainer ul li { display:block; border:0 !important;} .menuitm { width:100%; } #map_canvas { height:400px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { #topNav .inner.sm { width:480px; } #homeContainer .splashImageContainer .titleText { width:70%; } #homeContainer .smallSliderContainer .leftHover .leftPanel img.panel { left:175px; } #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer { margin-right:125px; } #homeContainer .smallSliderContainer .rightHover .rightPanel img.panel { left:30px; } #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer { left:135px; } .largeSliderContainer .rightHover .rightPanel img.panel { left:-65px; top:-365px; width:900px; } .stylizedHR { width: 480px;} } @media only screen and (min-width: 500px) and (max-width: 767px) { #topNav .inner.sm { width:600px; } #homeContainer .splashImageContainer .titleText { width:55%; } #homeContainer .smallSliderContainer { height:120px; } #homeContainer .smallSliderContainer .leftHover { width:50%; position:absolute; } #homeContainer .smallSliderContainer .leftHover .leftPanel img.panel { left:225px; } #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer { margin-right:-15px; } #homeContainer .smallSliderContainer .leftHover .leftContent .contentContainer p { font-size:15px; } #homeContainer .smallSliderContainer .rightHover { width:50%; position:absolute; } #homeContainer .smallSliderContainer .rightHover .rightPanel img.panel { left:-40px; top:-103px;} #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer { left:0; } #homeContainer .smallSliderContainer .rightHover .rightContent .contentContainer p { font-size:15px; } .largeSliderContainer { height:120px; } .largeSliderContainer .leftHover { position:absolute; width:50%; } .largeSliderContainer .leftHover img.middleText { margin-left: -140px; width:270px; } .largeSliderContainer .leftHover .leftContent .contentContainer { margin-right:7px; } .largeSliderContainer .rightHover { position:absolute; width:50%; } .largeSliderContainer .rightHover img.middleText { margin-left:-70px; } .largeSliderContainer .rightHover .rightContent .contentContainer { left:25px; } .stylizedHR { width: 600px;} .newsHR { width:150px; } .pgcontent .container { min-width:500px; width:500px; } .threeColumnContainer .column { display:inline-block; width:200px; } .pgcontent .imggal img { width:30%; margin:10%; height:auto; } .threeColumnContainer .column { width:250px; } .sidebar-container { display:block; margin:0 auto;} .cfblk .labelfield, .cfblk .tfvNormal { width:200px; } .cfblk input[type="text"], .cfblk textarea, .cfblk select { width:270px; } .pefblk .labelfield, .pefblk .tfvNormal { width:200px; } .pefblk input[type="text"], .pefblk textarea, .pefblk select { width:270px; } .menuNavContainer { height:80px; } .menuNavContainer ul li:first-child {border-left: 0px solid #000000 !important; } .menuNavContainer ul li { padding: 0 20px; display:inline; border-left: 2px solid #000000 !important; } } @media only screen and (max-width: 500px) { .pdgblk, .dgblk { width:280px; } .pefblk #t_form_606_period, .pefblk #t_form_606_flexible { width:100%; } .pefblk #t_form_1830_period, .pefblk #t_form_1830_flexible { width:100%; } .pefblk .radiobtn { width:95px; } }