/* CSS Document */ @font-face { font-family: 'SnellRoundhand-Script'; src: url('../font/SnellRoundhandScript/SnellRoundhand-Script.eot?#iefix') format('embedded-opentype'), url('../font/SnellRoundhandScript/SnellRoundhand-Script.woff') format('woff'), url('../font/SnellRoundhandScript/SnellRoundhand-Script.ttf') format('truetype'), url('../font/SnellRoundhandScript/SnellRoundhand-Script.svg#SnellRoundhand-Script') format('svg'); font-weight: normal; font-style: normal; } .salieri-text { font-family:'SnellRoundhand-Script'; text-align: center; color: #CF9503; margin: 21px 0 0; padding: 17px 0 38px; } * { margin:0 auto;} body { text-align:center; background:#000 url("../images/bg.jpg") no-repeat scroll center top / cover; font-family:Georgia, "Times New Roman", Times, serif;} .orange { color:#b78d15;} .bold { font-weight:bold;} #container { text-align:left; margin:0 auto; width:992px; background:url(../images/container-bg.png) bottom no-repeat; /* -moz-box-shadow:0px 0px 20px #220101; -webkit-box-shadow:0px 0px 20px #220101; box-shadow:0px 0px 20px #220101; */ min-height: auto;padding-bottom: 50px; margin-bottom:100px; position:relative; color:#fff;} #container #header { width:992px; height:280px; background:#220101 url(../images/header-bg.jpg) no-repeat right top; margin:0 1px 0 1px;} #container #header .logo img { margin:20px 0 0 35px;} #container #header .contact-top { position:absolute; top:20px; right:30px;} #container #header .contact-top ul { list-style:none;} #container #header .contact-top ul li { display:inline; color:#FFFFFF; font-size:17px; padding-right:20px;} #container #header .contact-top ul li a { text-decoration:none; color:#FFFFFF;} #container div#header div#menu { padding:20px 0 0 0;} #container div#header div#menu ul.main-navigation { list-style:none;} #container div#header div#menu ul.main-navigation li { display:inline; font-family:Helvetica, sans-serif; text-transform:uppercase; font-size:14px; margin:0 20px 0 0;} #container div#header div#menu ul.main-navigation li a { color:#cccccc; text-decoration:none; line-height:39px; text-align:center;} #container div#header div#menu ul.main-navigation li.home a {background:none; width:74px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.home a:hover { background:url(../images/home-bg.jpg) no-repeat; width:74px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.current-home a { background:url(../images/home-bg.jpg) no-repeat; width:74px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.reservations a {background:none; width:135px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.reservations a:hover { background:url(../images/reservations-bg.jpg) no-repeat; width:135px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.current-reservations a { background:url(../images/reservations-bg.jpg) no-repeat; width:135px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.about a {background:none; width:134px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.about:hover a { background:url(../images/about-bg.jpg) no-repeat; width:134px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.current-about a { background:url(../images/about-bg.jpg) no-repeat; width:134px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.menus a {background:none; width:74px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.menus a:hover { background:url(../images/menus-bg.jpg) no-repeat; width:74px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.current-menus a { background:url(../images/menus-bg.jpg) no-repeat; width:74px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.private a {background:none; width:135px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.private a:hover { background:url(../images/private-bg.jpg) no-repeat; width:135px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.current-private a { background:url(../images/private-bg.jpg) no-repeat; width:135px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.contact a {background:none; width:97px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.contact a:hover { background:url(../images/contact-bg.jpg) no-repeat; width:97px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.current-contact a { background:url(../images/contact-bg.jpg) no-repeat; width:97px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.press a {background:none; width:97px; height:37px; display:block; float:left;} #container div#header div#menu ul.main-navigation li.press pressa:hover { background:url(../images/contact-bg.jpg) no-repeat; width:97px; height:37px; display:block; float:left;} /*#container div#header div#menu ul.main-navigation li.current-press a { background:url(../images/contact-bg.jpg) no-repeat; width:97px; height:37px; display:block; float:left;} */ #container div#header div#menu ul.main-navigation li.current-press a { background: rgba(0, 0, 0, 0) url("../images/menus-bg.jpg") no-repeat scroll 0 0; display: block; float: left; height: 37px; width: 74px; } /*#container #content #slider { width:476px; height:381px; float:left; position:relative;}*/ #container #content #slider .slides { position:relative; top:0px; left:20px;} #container #content #slider #slide1 { z-index:6;} #container #content #slider #slide2 { z-index:5;} #container #content #slider #slide3 { z-index:4;} #container #content #slider #slide4 { z-index:3;} #container #content #slider #slide5 { z-index:2;} #container #content #slider #slide6 { z-index:1;} #container #content #slider .slider-nav, #container #content #slider .carousel-pagination { position:absolute; top:352px; left:172px;} #container #content #slider .slider-nav ul, #container #content #slider .carousel-pagination ul { list-style:none;} #container #content #slider .slider-nav ul li, #container #content #slider .carousel-pagination ul li { display:inline;} #container #content #home-quote { width:486px; float:right; height:366px; background:url(../images/quotes.png) no-repeat bottom;} /*#container #content #home-quote h2.perfect-spot { width:456px; height:136px; display:block; text-indent:-9999px; background:url(../images/perfect-spot.jpg) no-repeat; margin:0 30px 0 0;}*/ #container #content #home-quote p { margin:0 30px 0 0; padding:15px 55px 0px 65px; font-size:16px; line-height:1.5em;} #container #content #home-quote p.first-p-quote {padding:15px 35px 0px 65px; } #container #content #home-quote p span.bigger { font-size:28px;} #container ul.cta { list-style:none; clear:both;} #container ul.cta li {display:block; width:300px; height:230px; float:left; margin-right:5px; } #container ul.cta li.last { margin-right:0px;} #container ul.cta li.cta-one { background:url(../images/cta1bg.jpg) no-repeat;} #container ul.cta li.cta-two { background:url(../images/cta2bg.jpg) no-repeat;} #container ul.cta li.cta-three { background:url(../images/cta3bg.jpg) no-repeat;} #container ul.cta li h3 { margin:40px 25px 5px 26px;} #container ul.cta li.cta-one h3.reserve { width:166px; height:31px; display:block; background:url(../images/reserve-a-table.png) no-repeat; text-indent:-9999px;} #container ul.cta li.cta-two h3.menus { width:77px; height:31px; display:block; background:url(../images/menus.png) no-repeat; text-indent:-9999px;} #container ul.cta li.cta-three h3.private { width:194px; height:31px; display:block; background:url(../images/private-functions.png) no-repeat; text-indent:-9999px;} #container ul.cta li p { padding:0px 120px 15px 32px; font-size:14px; color:#d7d7ba;} #container ul.cta li.cta-three p {padding:0px 75px 15px 32px !important;} #container ul.cta li.cta-one span.contact-button a { display:block; width:248px; height:50px; background:url(../images/contact-us-now.png) no-repeat; text-indent:-9999px; } #container ul.cta li.cta-two span.menus-button a { display:block; width:248px; height:50px; background:url(../images/view-our-menus.png) no-repeat; text-indent:-9999px; } #container ul.cta li.cta-three span.more-button a { display:block; width:248px; height:50px; background:url(../images/more-details.png) no-repeat; text-indent:-9999px; } #container #footer { clear:both;padding:50px 30px 0 40px;} #container #footer ul { list-style:none; width:400px; float:left;padding-left: 15px;} #container #footer ul li { font-size:14px; line-height:1.5em;} #container #footer ul li a { font-size:14px; text-decoration:none; color:#cdb755;} #container #footer ul li a:hover { font-size:14px; text-decoration:underline; color:#cdb755;} #container #footer p { color:#dbdbdb; width: 733px; display:block; text-align:right; font-size:14px; line-height:1.5em;} #container #footer p a {color:#cdb755; text-decoration:none; } #container #footer p a:hover {color:#cdb755; text-decoration:underline; } #container #footer #trumpet-player { width:102px; height:179px; background:url(../images/trumpet-player.png) no-repeat; display:block; position:absolute; bottom:-40px; left:-30px;} /* Reservations */ body#reservations-body { background:#000 url(../images/reservations-main-bg.jpg) no-repeat top center;} /*#container #content #reservations { width:486px; float:right; height:366px;}*/ /*#container #content #reservations h2.reservation-head { width:456px; height:67px; display:block; text-indent:-9999px; background:url(../images/reservations-head.png) no-repeat; margin:0 30px 0 0;}*/ #container #content #reservations .content-reservations { width:456px; height:382px; overflow:auto; float:left;} #container #content #reservations p { margin:0 30px 0 0; padding:15px 0px 0px 10px; font-size:16px; line-height:1.5em;} #container #content #reservations p.first-p-quote {padding:15px 0px 0px 10px; } #container #content #reservations p span.bigger { font-size:28px;} #container .reservations-header { width:992px; height:280px; background:#220101 url(../images/header-bg-reservations.jpg) no-repeat right top !important;} #container .form-row { width:416px; padding:15px 0 0 10px; margin-right:30px; } .prit-left > img { float: right; padding: 0 14px 0 0; } .margim-top-top { padding: 4px 0 0; } #container .form-row p { padding:0px!important; font-size:12px!important; color:red; } #container .form-row input[type="text"] { width:230px; padding:5px 8px; border:#fff5da 1px solid; background-color:#d4ccb7; font-family:Arial,Georgia,"Times New Roman",Times,serif; font-size:13px; color:#000; } #container .form-row input[type="submit"] { width:166px; height:42px; border:0px; margin-left:41px; background:url(../images/bttn_submit.jpg) no-repeat 0 0; text-indent:-9999px; cursor:pointer; } /* About */ body#about-body { background:#000 url(../images/about-main-bg.jpg) no-repeat top center;} /*#container #content #about { width:486px; float:right; height:366px;}*/ #container #content #about h2.about-head { width:456px; height:67px; display:block; text-indent:-9999px; background:url(../images/about-head.jpg) no-repeat; margin:0 30px 0 0;} #container #content #about .content-about { width:456px; height:368px; overflow:auto; float:left;} #container #content #about p { margin:0 30px 0 0; padding:15px 0px 0px 10px; font-size:16px; line-height:1.5em;} #container #content #about p.first-p-quote {padding:15px 0px 0px 10px; } #container #content #about p span.bigger { font-size:28px;} #container .about-header { width:992px; height:280px; background:#220101 url(../images/header-bg-about.jpg) no-repeat right top !important;} /* Private */ body#private-body { background:#000 url(../images/private-main-bg.jpg) no-repeat top center;} /*#container #content #private { width:486px; float:right; height:366px;}*/ /*#container #content #private h2.private-head { width:456px; height:67px; display:block; text-indent:-9999px; background:url(../images/private-dining-head.png) no-repeat; margin:0 30px 0 0;}*/ #container #content #private .content-private { width:456px; height:267px; overflow:auto; float:left;} #container #content #private p { margin:0 30px 0 0; padding:15px 0px 0px 10px; font-size:16px; line-height:1.5em;} #container #content #private p.first-p-quote {padding:15px 0px 0px 10px; } #container #content #private p span.bigger { font-size:28px;} #container .private-header { width:992px; height:280px; background:#220101 url(../images/header-bg-private.jpg) no-repeat right top !important;} /* Menus */ body#menus-body { background:#000 url(../images/menus-main-bg.jpg) no-repeat top center !important;} div.menus-bg { text-align:left; margin:0 auto; width:992px; background:url(../images/menus-container-bg.png) bottom no-repeat !important;/* -moz-box-shadow:0px 0px 20px #220101; -webkit-box-shadow:0px 0px 20px #220101; box-shadow:0px 0px 20px #220101; */min-height:1206px !important; margin-bottom:100px !important; position:relative; color:#fff;} #container div.select-menus div.icons { width:605px; float:left; padding:20px 0 40px 0;} #container div.select-menus ul.select-menus-list { list-style:none; padding:0 0 0 90px;} #container div.select-menus ul.select-menus-list li.lunch a { width:210px; height:222px; float:left; background:url(../images/set_lunch_menu.jpg) no-repeat; text-indent:-9999px; margin-right:40px; margin-bottom:35px;} #container div.select-menus ul.select-menus-list li.dinner a { width:210px; height:222px; float:left; background:url(../images/set_dinner_menu.jpg) no-repeat; text-indent:-9999px; margin-bottom:35px;} #container div.select-menus ul.select-menus-list li.alacarte a { width:210px; height:222px; float:left; background:url(../images/a_la_carte_menu.jpg) no-repeat; text-indent:-9999px;margin-right:40px; margin-bottom:35px;} #container div.select-menus ul.select-menus-list li.drinks a { width:210px; height:222px; float:left; background:url(../images/drinks_menu.jpg) no-repeat; text-indent:-9999px; margin-bottom:35px;} #container div.promotional-menus-content { width:318px; height:479px; padding:20px 0 0 0; background:url(../images/promo_bg.jpg) no-repeat bottom center; float:left;} #container div.promotional-menus-content h3 a { width:252px; height:91px; background:url(../images/promotional-menus.png) no-repeat; text-indent:-9999px; display:block; margin:50px 0 0 30px;} #container div.promotional-menus-content ul { list-style:none; margin:0; padding:20px 0 0 0;} #container div.promotional-menus-content ul li.divider { width:208px; height:44px; display:block; background:url(../images/divider.png) no-repeat;} #container div.promotional-menus-content ul li#theatre-package a { width:208px; height:34px; background:url(../images/theatre-package.png) no-repeat; text-indent:-9999px; display:block;} #container div.promotional-menus-content ul li#daily-special a { width:208px; height:34px; background:url(../images/daily-special.png) no-repeat; text-indent:-9999px; display:block;} #container div.promotional-menus-content ul li#christmas a { width:208px; height:34px; background:url(../images/christmas.png) no-repeat; text-indent:-9999px; display:block;} #container div.promotional-menus-content ul li#new-years a { width:208px; height:34px; background:url(../images/new-years.png) no-repeat; text-indent:-9999px; display:block;} #container div.promotional-menus-content ul li#valentines a { width:208px; height:34px; background:url(../images/valentines.png) no-repeat; text-indent:-9999px; display:block;} #container .menus-header { width:991px !important; height:280px; background:#220101 url(../images/header-bg-menus.jpg) no-repeat right top !important; margin:0 1px 0 1px !important;} /* Contact */ body#contact-body { background:#000 url(../images/contact-main-bg.jpg) no-repeat top center;} /*#container #content #contact { width:486px; float:right; height:366px;}*/ /*#container #content #contact h2.contact-head { width:456px; height:67px; display:block; text-indent:-9999px; background:url(../images/contact-head.png) no-repeat; margin:0 30px 0 0;}*/ #container #content #contact .content-contact { width:456px; height:267px; overflow:auto; float:left; color:#f6f6f6;} #container #content #contact .content-contact a { color:#f6f6f6; text-decoration:underline;} #container #content #contact p { margin:0 30px 0 0; padding:15px 0px 0px 10px; font-size:16px; line-height:1.5em;} #container #content #contact p.first-p-quote {padding:15px 0px 0px 10px; } #container #content #contact p span.bigger { font-size:28px;} #container .contact-header { width:992px; height:280px; background:#220101 url(../images/header-bg-contact.jpg) no-repeat right top !important;} #map { width:445px; height:334px; float:left; position:relative; } #map .gmapapi { position:absolute; top:0; left:40px; width:444px; height:332px; background:url(../images/map.jpg) no-repeat 0 0; } #map #the-map { position:absolute; top:3px; left:3px; width:438px; height:326px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } /* Cookie Policy */ body#cookie-body { background:#000 url(../images/cookie-main-bg.jpg) no-repeat top center;} #container #content #cookie { width:486px; float:right; height:366px;} /*#container #content #about h2.about-head { width:456px; height:67px; display:block; text-indent:-9999px; background:url(../images/about-head.jpg) no-repeat; margin:0 30px 0 0;}*/ #container #content #cookie .content-cookie { width:456px; height:267px; overflow:auto; float:left;} #container #content #cookie h2 {font-size:18px; padding:15px 0px 0px 10px;} #container #content #cookie p { margin:0 30px 0 0; padding:15px 0px 0px 10px; font-size:16px; line-height:1.5em;} #container #content #cookie p a { color:#f6f6f6; text-decoration:underline;} #container #content #about p.first-p-quote {padding:15px 0px 0px 10px; } #container #content #about p span.bigger { font-size:28px;} #container .cookie-header { width:992px; height:280px; background:#220101 url(../images/header-bg-about.jpg) no-repeat right top !important;} /* Carousel */ #c-slides {width:381px;height:282px;padding:30px 46px 29px 49px;position:relative;background:url(../images/polaroid-background.jpg) no-repeat 0 0;} #c-slides img {width:381px;height:282px;display:block;position:absolute;top:30px;left:49px;z-index:1;} .toc {z-index:2;display:inline-block;width:13px;height:14px;margin-right:3px;text-indent:-9999px;background:url(../images/bullet_regular.png) no-repeat 0 0;} .toc-active {background:url(../images/bullet_selected.png) no-repeat 0 0;} #next {position:absolute;bottom:20px;right:20px;z-index:2;display:block;width:20px;background:#6D84B4;color:#fff;text-align:center;padding:3px;text-decoration:none;} #previous {position:absolute;bottom:20px;right:60px;z-index:2;display:block;width:20px;background:#6D84B4;color:#fff;text-align:center;padding:3px;text-decoration:none;} /* Scroll Bar */ .jspContainer {overflow: hidden;position: relative;} .jspPane {position: absolute;} .jspVerticalBar {position: absolute;top: 0;right: 0;width: 15px;height: 98%;background: #dddddd;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;} .jspVerticalBar *, .jspHorizontalBar * {margin: 0;padding: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .jspCap {display: none;} .jspHorizontalBar .jspCap {float: left;} .jspTrack { background: #dddddd;position: relative;} .jspDrag {background: #a7a7a7;position: relative;top: 0;left: 0;width:11px;margin:0 2px;cursor: pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%;} .jspArrow {background: #50506d;text-indent: -20000px;display: block;cursor: pointer;} .jspArrow.jspDisabled {cursor: default;background: #80808d;} .jspVerticalBar .jspArrow {height: 16px;} .jspHorizontalBar .jspArrow {width: 16px; float: left;height: 100%;} .jspVerticalBar .jspArrow:focus {outline: none;} .jspCorner {background: #eeeef4;float: left;height: 100%;} * html .jspCorner { margin: 0 -3px 0 0;} /* new css 25-11-2015*/ .salari-background { background: none repeat scroll 0 0 rgba(39, 23, 23, 0.8); border:1px solid #443737; clear: both; margin: 0 43px 26px 52px; height: 309px; } .salieri-img > img { padding: 0; float: left; margin-left: 27px; margin-right: 30px; } .salieri-link { color: #CF9503; font-size: 16px; } a.salieri-link:hover, a.salieri-link:focus, a.salieri-link:active { color: #CF9503 !important; outline: 0; text-decoration: none !important; } .salieri-img > h3 { font-size: 22px; padding: 0 0 11px; } .salieri-img > p { /*font-size: 16px; padding: 0 21px 15px 20px; line-height: 23px;*/ float: left; font-size: 16px; line-height: 23px; padding: 0 21px 17px 0; width: 500px; } .salieri-text { background:url("../images/text.png") no-repeat scroll center top rgba(0, 0, 0, 0); } #container #content #slider { background-color: #220101; float: left; height: 381px; position: relative; width: 476px; } #container #content #home-quote h2.perfect-spot { background: #220101 url("../images/perfect-spot.jpg") no-repeat scroll 0 0; display: block; height: 136px; margin: 0 0 0 -10px; text-indent: -9999px; width: 495px; } #container #content #reservations { float: right; height: 445px; width: 496px; } #container #content #reservations h2.reservation-head { background: #220101 url("../images/reservations-head.png") no-repeat scroll 0 0; display: block; height: 68px; margin: 0 30px 0 0; text-indent: -9999px; width: 495px; } #container #content #about h2.about-head { background: #220101 url("../images/about-head.jpg") no-repeat scroll 0 0; display: block; height: 68px; margin: 0 30px 0 0; text-indent: -9999px; width: 100%; } #container #content #about { float: right; height: 424px; width: 496px; } #container #content #private h2.private-head { background: #220101 url("../images/private-dining-head.png") no-repeat scroll 0 0; display: block; height: 68px; margin: 0 30px 0 0; text-indent: -9999px; width: 100%; } #container #content #private { float: right; height: 366px; width: 496px; } #container #content #contact h2.contact-head { background: #220101 url("../images/contact-head.png") no-repeat scroll 0 0; display: block; height: 68px; margin: 0 30px 0 0; text-indent: -9999px; width: 100%; } #container #content #contact { float: right; height: 366px; width: 507px; } .jspVerticalBar { display: none; } .img-home-last { float: left; height: 273px; width: 359px; padding: 16px; } .vi-div-home { float: left; padding-bottom: 17px; padding-right: 16px; padding-top: 16px; width: 487px; } .img-home-last > img { } #container div#header div#menu ul.main-navigation li.press a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: block; float: left; height: 37px; width: 74px; } #container div#header div#menu ul.main-navigation li.press a:hover { background: rgba(0, 0, 0, 0) url("../images/menus-bg.jpg") no-repeat scroll 0 0; display: block; float: left; height: 37px; width: 74px; } #reservations .content-reservations form { float: none; margin: 0 auto; text-align: center; } body#press-body { background-image:none !important ; }