@charset "UTF-8";

/* CSS Document */

* { margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

body { background:#ededed; color:#4d4d4d; font-size:75%; }

img { display:block; }

a img, a:focus { outline:none; }

address { padding:10px 20px 0 20px; line-height:120%; font-style:normal; }

p { line-height:16px; padding-bottom:10px; }

br { clear:both; }

/* div layout */

div#container { width:968px; height:592px; border:10px solid #fff; background-color:#fff; margin:50px auto 0 auto; }

#contents { width:968px; height:421px; overflow:hidden; border-bottom:10px solid #fff; border-top:10px solid #fff; position:relative; }

#slideshow { position:absolute; width:968px; height:421px; z-index: 0; }

#menus-holder { margin: 0 auto; width:968px; background-color:#000; }

#slideshow img { height:421px; width:968px; position:absolute; z-index: 0; }

#full-text { padding:20px; width:928px; height:381px; background-color:#798d8b; color:#ededed; }

#col-1, #col-2, #col-3 { width:300px; float:left; }

#col-1, #col-2 { margin-right:10px; }

#menu-holder { position:relative; width:400px; height:421px; }

#text-holder { position:absolute; width:400px; height:421px; z-index: 1000000000000000; }

#childrens-menu, #pizza-menu { background:url(../img/children-menu-bg.png) no-repeat; position:absolute; width:340px; height:371px; padding:25px 0 25px 60px; z-index: 1000000000000000; }

#pizza-menu { background: url(../img/pizza-menu-background.png) no-repeat; }

#childrens-menu table td { color:#908200; } 

#pizza-menu table td { color:#fff; }

#show-menu, #close { bottom:25px; right:25px; cursor:pointer; }

#show-menu, #show-menu a { position:absolute; width:108px; height:14px; }

#show-menu div.background { background:url(../img/show-menu.png) no-repeat; width:108px; height:14px; position:absolute; }

#close, #close a { position:absolute; width:63px; height:14px; }

#close div.background { background:url(../img/close.png) no-repeat; width:63px; height:14px; position:absolute; }

#text-bg { position:absolute; width:400px; height:421px; background-color:#000; opacity:0.5; -webkit-opacity:0.5; }

#text { position:absolute; width:350px; height:371px; padding:25px; color:#ededed; }

div#start-slideshow { position:absolute; bottom:25px; right:25px; cursor:pointer; width:138px; height:14px; }

div#end-slideshow { position:absolute; top:0px; left:0px; z-index:1000000000000000; cursor:pointer; width:135px; height:24px; }

div#start-slideshow div.background { position:absolute; background:url(../img/begin-slideshow.png) no-repeat; width:138px; height:14px; }

div#end-slideshow div.background { position:absolute; background:url(../img/end-slideshow.png) no-repeat; width:135px; height:24px; }

div#start-slideshow a { position:absolute; width:138px; height:14px; }

div#end-slideshow a { position:absolute; width:135px; height:24px; }

/* this hides text and replaces it with images */

ul#top-nav li a, #footer li#logo-link a, li#title, div#start-slideshow a, div#end-slideshow a, h1, h2#contact-title, h2#booking-title, h2#opening-title, h2#staff-title, #show-menu a, #close a { display:block; letter-spacing : -1em; text-indent: -100000em; overflow: hidden; }

/* main navigation */

ul#top-nav { list-style:none; border-top:9px solid #e7ebec; width:968px; height:44px; background-color:#bac4c4; }

ul#top-nav li { float:left; }

ul#top-nav li a { height:44px; background-image:url(../img/main-nav.png); background-repeat:no-repeat; }

li#about-link a { background-position:0 0; width:119px; }

li#about-link a:hover, body#about-page li#about-link a { background-position:0 -44px; }

li#menu-link a { background-position:-119px 0; width:121px; }

li#menu-link a:hover, body#menus-page li#menu-link a { background-position:-119px -44px; }

li#children-link a { background-position:-240px 0; width:127px; }

li#children-link a:hover, body#children-page li#children-link a { background-position:-240px -44px; }

li#pizza-link a { background-position:-367px 0; width:91px; }

li#pizza-link a:hover, body#pizza-page li#pizza-link a { background-position:-367px -44px; }

li#weddings-link a { background-position:-458px 0; width:151px; }

li#weddings-link a:hover, body#weddings-page li#weddings-link a { background-position:-458px -44px; }

li#rosebud-link a { background-position:-609px 0; width:131px; }

li#rosebud-link a:hover, body#rosebud-page li#rosebud-link a { background-position:-609px -44px; }

li#booking-link a { background-position:-740px 0; width:228px; }

li#booking-link a:hover, body#booking-page li#booking-link a { background-position:-740px -44px; }

/* a footer area */
#footer { list-style:none; width:968px; height:98px; background-color:#3b4544; overflow:hidden; }

#footer li { float:left; height:98px; color:#fff; }

li#logo-link { position:relative; width:98px; height:98px; }

li#logo-link .background { background:url(../img/footer-logo.png) no-repeat; width:98px; height:98px; position:absolute; }

li#logo-link a { width:98px; height:98px; position:absolute; }

li#title { background:url(../img/beach.png) no-repeat; width:248px; float:right; }

/* footer navigation */
ul#footer-nav { list-style:none; width:968px; height:20px; margin:0 auto 45px auto; }

ul#footer-nav li { float:left; font-size:10px; border-right:1px solid #e7ebec; }

ul#footer-nav li a { display:block; float:left; font-size:10px; padding:0 10px; color:#4d5a59; text-decoration:none; }

ul#footer-nav li a:hover { text-decoration:underline; }

ul#footer-nav li#copyright { float:right; padding-right:20px; }

/* menu layout */
div.sections { height: 421px; }

div#directions { width:350px; background-color:#8a9999; }

div.section { height: 100%; }

div.label { height: 100%; text-align: center; width:40px; border-left:1px solid #fff; }



/* contact us page */
body#contact-page div.c0 { background-color:#4d5a59!important; color:#fff; }

body#contact-page div.c1 { background-color:#8a9999!important; color:#fff; }

body#contact-page div.c2 { background-color:#807974!important; color:#fff; }

body#contact-page div.c3 { background-color:#333 !important; color:#fff; }

#contact-page #opener { width: 803px; }

/* menu tables */

div.menu-scroller { padding:25px 10px 10px 10px; overflow-y:auto !important; overflow-x:hidden; height:386px; }

body#menus-page div.table-col { float:left; padding:10px; }

li.m1 div.table-col { height:270px; }

body#contact-page div.table-col { float:left; width:360px; padding:10px; }

span.price { float:right; width:50px; padding:0 0 0 5px; }

table.menu-table { width:650px; }

body#pizza-page table.menu-table, body#children-page table.menu-table { width:330px; }

table.wine { width:650px; margin:0 0 10px 0!important; padding:0; }

table.menu-table tr { vertical-align:bottom; }

table.menu-table td { padding-top:5px; clear:both; font-style:italic; }

#full-text p { font-size:11px; }

/* children's menu */
#childrens-menu td.dots { background: url(../img/childrens-dots.png) 0 95% repeat-x; padding-right:30px; }

#childrens-menu td.dots span.menu-item { background-color:#ece2a9; padding-right:5px; }

/* pizza's menu */
#pizza-menu td.dots { background:url(../img/pizza-dots.png) 0 95% repeat-x; padding-right:30px; }

#pizza-menu td.dots span.menu-item { background-color:#b5121b; padding-right:5px; }


/* menu titles */

h3 { font-size:14px; font-weight:700; }

h3.wine-subtitle { font-size:16px; color:#332223; font-style:italic; font-weight:100; margin:0 !important; padding:0 !important; }

#contact-page h2 { margin-left:10px; }

/* list items */
ul.lists { list-style:none; }

ul.lists li { padding-bottom:5px; }

ul.lists li a, ul.lists li a:visited { color:#fff; text-decoration:none; }

ul.lists li a:hover { color:#d2e9e9; text-decoration:underline; }

/* main titles */

h1 { padding-bottom:10px; background-repeat:no-repeat; background-position:0 0; height:15px; }

#about-page h1 { background-image:url(../img/title_about-us.png); width:160px; }

#children-page h1 { background-image: url(../img/title-children.png); width:172px; }

#links-page h1 { background-image:url(../img/title-links.png); width:115px; }

#pizza-page h1 { background-image:url(../img/title-pizza.png); width:105px; }

#privacy-page h1 { background-image: url(../img/title-privacy.png); width:136px; }

#rosebud-page h1 { background-image:url(../img/title-rosebud.png); width:168px; }

#sitemap-page h1 { background-image:url(../img/title-sitemap.png); width:71px; }

#terms-page h1 { background-image:url(../img/title-terms.png); width:183px; }

#weddings-page h1 { background-image: url(../img/title-weddings.png); width:210px; }

#contact-title { background:url(../img/title-contact.png) no-repeat; width:226px; height:15px; }

#booking-title { background:url(../img/title-booking.png) no-repeat; width:282px; height:15px; }

#opening-title { background:url(../img/titles-opening.png) no-repeat; width:129px; height:16px; }

#staff-title { background:url(../img/staff-titles.png) no-repeat; width:104px; height:15px; }

/* functions events page */
#booking-table td { padding-bottom:5px; }

/* staff page */ 
#staff-holder { width:760px; padding:0px 0 10px 10px; float:left; list-style:none;  }

#staff-holder li { float:left; width:240px; padding: 30px 10px 0px 0; }

img.staff-thumb { border:10px solid #fff; float:left; margin-right:10px; }

div.staff-info { float:left; padding:10px; width:250px; }

div.staff-info p strong { font-size:14px; }

div.staff-info p br { clear:none; }

a.link { color:#fff; text-decoration:none; }

a.link:hover { text-decoration:underline; }

p.clear { clear:both; padding-left:10px; width:50%; }

/* booking page */

.relative { position:relative; }

div.table-col iframe { position:absolute; top:-10px; left:50px; height:370px; width:325px; background:#6c807e; border-radius:10px;  }