/* 
dark blue : #151A25 
darker blue : #0C1016 
candy blue: #80DFFF
light yellow: #FFCA59
darker yellow: #FFA940
*/


* { margin: 0; padding: 0; font-size: 100%; }

body { font: 13px/1.5 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #FFF; background: #0C1016; margin: 0; padding: 0; text-align: center; }

p { margin: .75em 0; }

a { color: #FFCA59; } a:hover { color: #FFA940; }

h1 { font-size: 30px; }
h2 { font-size: 21px; margin: 1em 0 .5em; }
h3 { font-size: 19px; margin: .8em 0 .2em; }
h4 { font-size: 16px; }
h5 { font-size: 14px; margin: .5em 0 0; }

img { border: 0; }

fieldset { border: 0; }

blockquote { font: italic 18px/22px 'Georgia','Times New Roman', serif; text-align: justify; }
blockquote p { margin: .25em 0; }
cite { font: 12px/1.5 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #FFF; }

#header { background: #151A25 url(http://aqua-restaurant.com/bath/i/header_bg.jpg) repeat-x; height: 180px; overflow: hidden; text-align: center; margin: 0; }
#header div { width: 900px; margin: 0 auto; text-align: left; position: relative; padding: 25px 0 0; }
#header h1 { height: 80px; width: 425px; overflow: hidden; position: relative; margin: 0 0 19px; }
#header h1 b { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(http://aqua-restaurant.com/bath/i/logo.jpg); }
#header #location_txt  { position: absolute; top: 23px; right: 140px; font-size: 10px; margin: 0; }
#header #location_bath, #header #location_bristol { position: absolute; top: 0; right: 74px; height: 142px; width: 56px; background: url(http://aqua-restaurant.com/bath/i/location.jpg) no-repeat 0px 0px; line-height: 57px; margin: 0; }
#header #location_bristol { right: 0; width: 69px; background-position: -57px 0px; }
#header #location_bath a, #header #location_bristol a { display: block; height: 142px; }
#header #location_bath a b, #header #location_bristol a b { position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(http://aqua-restaurant.com/bath/i/location.jpg); }
#header #location_bristol a b { background-position: -57px 0px; }
#header #location_bristol a:hover, #header #location_bristol a:hover b { background-position: -57px -152px; }

#header ul#nav { list-style: none; overflow: hidden; display: block; height: 55px; width: 700px; margin: 0; padding: 0; }
#header #nav li { float: left; margin: 0 1px 0 0; }
#header #nav li.contact, #header #nav li.bar, #header #nav li.booking, #header #nav li.photos { margin-right: 10px; }
#header #nav li, #header #nav li a { background: url(http://aqua-restaurant.com/bath/i/nav.png); height: 55px; }
#header #nav li a { display: block; font-size: 11px; text-align: center; position: relative; }
#header #nav li a b { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(http://aqua-restaurant.com/bath/i/nav.png); }
#header #nav li.about, #header #nav li.about a, #header #nav li.about a b { width: 84px; }
#header #nav li.about a:hover, #header #nav li.about a:hover b { background-position: 0px -57px; }
#home #header #nav li.about, #home #header #nav li.about a, #home #header #nav li.about a b { background-position: 0px -57px; cursor: default; }
#header #nav li.contact, #header #nav li.contact a, #header #nav li.contact a b { width: 68px; background-position: -85px 0px; }
#header #nav li.contact a:hover, #header #nav li.contact a:hover b { width: 68px; background-position: -85px -57px; }
#contact #header #nav li.contact, #contact #header #nav li.contact a, #contact #header #nav li.contact a b { background-position: -85px -57px; cursor: default; }
#header #nav li.menus, #header #nav li.menus a, #header #nav li.menus a b { width: 62px; background-position: -154px 0px; }
#header #nav li.menus a:hover, #header #nav li.menus a:hover b { background-position: -154px -57px; }
#menus #header #nav li.menus, #menus #header #nav li.menus a, #menus #header #nav li.menus a b { background-position: -154px -57px; cursor: default; }
#header #nav li.bar, #header #nav li.bar a, #header #nav li.bar a b { width: 41px; background-position: -217px 0px; }
#header #nav li.bar a:hover, #header #nav li.bar a:hover b { background-position: -217px -57px; }
#bar #header #nav li.bar, #bar #header #nav li.bar a, #bar #header #nav li.bar a b { background-position: -217px -57px; cursor: default; }
#header #nav li.parties, #header #nav li.parties a, #header #nav li.parties a b { width: 59px; background-position: -259px 0px; }
#header #nav li.parties a:hover, #header #nav li.parties a:hover b { background-position: -259px -57px; }
#parties #header #nav li.parties, #parties #header #nav li.parties a, #parties #header #nav li.parties a b { background-position: -259px -57px; cursor: default; }
#header #nav li.booking, #header #nav li.booking a, #header #nav li.booking a b { width: 67px; background-position: -319px 0px; }
#header #nav li.booking a:hover, #header #nav li.booking a:hover b { background-position: -319px -57px; }
#booking #header #nav li.booking, #booking #header #nav li.booking a, #booking #header #nav li.booking a b { background-position: -319px -57px; cursor: default; }
#header #nav li.photos, #header #nav li.photos a, #header #nav li.photos a b { width: 99px; background-position: -387px 0px; }
#header #nav li.photos a:hover, #header #nav li.photos a:hover b { background-position: -387px -57px; }
#photos #header #nav li.photos, #photos #header #nav li.photos a, #photos #header #nav li.photos a b { background-position: -387px -57px; cursor: default; }
#header #nav li.open, #header #nav li.open a, #header #nav li.open a b { width: 151px; background-position: -487px 0px; }
#header #nav li.open a:hover, #header #nav li.open a:hover b { background-position: -487px -57px; }


#slideshow { width: 900px; height: 300px; background: url(http://aqua-restaurant.com/bath/images/2.jpg); }

p#back_to_top { text-transform: uppercase; font-size: 11px; padding: 50px 0 0; clear: both; }
p#back_to_top a { color: #fff; text-decoration: none; border: 2px solid #242C40; padding: 5px 10px; }
p#back_to_top a:hover { border-color: #364158; }
p#back_to_top a i { font-size: 14px; font-style: normal; line-height: 8px; }

#footer { width: 900px; margin: 0 auto 10px; text-align: left; }

#footer .left { float: left; width: 500px; }

#footer h3 { background: url(http://aqua-restaurant.com/bath/i/dotted-greyblue-lrg.gif) repeat-x 0% 100%; font-size: 16px; letter-spacing: 1px; margin: 0 0 .5em; padding: 0 0 .3em; }

#footer #open_times dl { overflow: hidden; font-size: 14px; line-height: 1.7; margin: 0 0 1.75em; }
#footer #open_times dl dt { float: left; width: 120px; color: #ffc; clear: left; font-weight: bold; letter-spacing: 1px; }
#footer #open_times dl dd { float: left; width: 190px; text-align: right; font-size: 13px;}

#footer .vcard { width: 300px; float: left; font-size: 12px; margin: 5px 0 0; }
#footer .vcard p { margin: 0 0 .2em; }
#footer .vcard a.org { font-size: 14px; color: #ffc; text-decoration: none; font-weight: bold; }

#footer #download_vcard { width: 194px; float: right; margin: 5px 0 0; text-align: center; }
#footer #download_vcard a { display: block; width: 190px; height: 46px; border: 2px solid #151A25; position: relative; overflow: hidden; }
#footer #download_vcard a:hover { border-color: #242C40; }
#footer #download_vcard a b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(http://aqua-restaurant.com/bath/i/vcard.gif) no-repeat; } 

#footer #map { border: 5px solid #151A25; width: 345px; float: right; text-align: left; }
#footer #map:hover { border-color: #242C40; }
#footer #map img { display: block; }
#footer #map p { background: #151A25; margin: 0; padding: 5px; font-size: 11px; }
#footer #map p a { margin: 0 10px 0 0; color: #fff; }
#copyright { font-size: 9px; padding: 35px 0 0; clear: both; } 
#reg { font-size: 9px; color: #ccc; }

#main { background: #151A25; padding: 25px 0 20px; margin: 0 0 35px; text-align: center; overflow: hidden; }

#main h2 { width: 900px; height: 32px; position: relative; overflow: hidden; margin: 30px 0 .75em; }
#main h2 b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; }

#main .wrap { width: 900px; margin: 0 auto; text-align: left; }

#main #sidebar { width: 180px; float: left; text-align: left; padding-left: 45px; }

#main #sidebar h3 { width: 180px; height: 24px; position: relative; overflow: hidden; margin: 30px 0 .5em; }
#main #sidebar h3 b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; }

#main #sidebar ul { list-style: none; }


/* ===================== */
/* = IMAGE REPLACEMENT = */
/* ===================== */


/* Section Titles */ 
#main h2.fresh-from-italy b { background-image: url(http://aqua-restaurant.com/bath/i/titles/fresh-from-italy.gif); }
#main h2.about-us b { background-image: url(http://aqua-restaurant.com/bath/i/titles/about-us.gif); }
#main h2.contact-us b { background-image: url(http://aqua-restaurant.com/bath/i/titles/contact-us.gif); }
#main h2.party-menu b { background-image: url(http://aqua-restaurant.com/bath/i/titles/party-menu.gif); }
#main h2.booking b { background-image: url(http://aqua-restaurant.com/bath/i/titles/booking.gif); }
#main h2.photo-gallery b { background-image: url(http://aqua-restaurant.com/bath/i/titles/photo-gallery.gif); }
#main h2.aqua-menus b { background-image: url(http://aqua-restaurant.com/bath/i/titles/aqua-menus.gif); }
#main h2.aqua-bar b { background-image: url(http://aqua-restaurant.com/bath/i/titles/aqua-bar.gif); }

/* Menu Titles */
#main div.menu h2.light-lunch b { background-image: url(http://aqua-restaurant.com/bath/i/titles/pranzo-leggero.gif); }
#main div.menu h2.desserts b { background-image: url(http://aqua-restaurant.com/bath/i/titles/dolci.gif); }
#main div.menu h2.aqua-classics b { background-image: url(http://aqua-restaurant.com/bath/i/titles/aqua-classico.gif); }
#main div.menu h2.a-la-carte b { background-image: url(http://aqua-restaurant.com/bath/i/titles/a-la-carte.gif); }
#main div.menu h2.christmas-lunch b { background-image: url(http://aqua-restaurant.com/bath/i/titles/pranzo-di-natalizio.gif); }
#main div.menu h2.christmas-dinner b { background-image: url(http://aqua-restaurant.com/bath/i/titles/cena-natalizia.gif); }
#main div.menu h2.new-years-eve b { background-image: url(http://aqua-restaurant.com/bath/i/titles/cenone-di-capodanno.gif); }
#main div.menu h2.valentines-menu b { background-image: url(http://aqua-restaurant.com/bath/i/titles/valentines-day.gif); }
#main div.menu h2.mothers-day b { background-image: url(http://aqua-restaurant.com/bath/i/titles/mothers-day.gif); }
#main div.menu h2.drinks b { background-image: url(http://aqua-restaurant.com/bath/i/titles/drinks-and-cocktails.gif); }
#main div.menu h2.wines b { background-image: url(http://aqua-restaurant.com/bath/i/titles/wine-list.gif); }

/* Sidebar Titles */
#menus #main #sidebar h3 b { background-image: url(http://aqua-restaurant.com/bath/i/titles/aqua-menus-sidebar.gif); }
#bar #main #sidebar h3 b { background-image: url(http://aqua-restaurant.com/bath/i/titles/aqua-bar-sidebar.gif); }

/* ================= */
/* = PAGE SPECIFIC = */
/* ================= */

#menus #main h2, #bar #main h2, #parties #main h2 { width:675px; }

#default #main .left { width: 500px; float: left; }

#default #main blockquote { width: 345px; float: left; margin: 0 0 0 ; padding: .3em 0 0 50px; background: url(http://aqua-restaurant.com/bath/i/q.gif) no-repeat; }



/* Individual menus */

#main .menu { width: 675px; float: left; }

#main .menu h3 { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: normal; color: #FFCA59; font-size: 24px; letter-spacing: 1px; }
/*#main .menu h3 em { font-size: 15px; color: #546076; font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; letter-spacing: 0; }*/

#main .menu h4 { color: #FFCA59; font-size: 13px; margin: .5em 0 .2em; }

#main .menu ul { list-style: none; overflow: hidden; }
#menus #main .menu ul li, 
#bar #main .menu ul li { background: url(http://aqua-restaurant.com/bath/i/dotted-greyblue.gif) repeat-x 0% 100%; margin: 0 0 .5em; position: relative; padding: 0 80px 0 0; }
#menus #main .menu ul li h5, #bar #main .menu ul li h5 { margin: 0; font-size: 13px; margin: 0 0 .1em; }
#menus #main .menu ul.wine li, #bar #main .menu ul.wine li { margin: 0 0 .9em 3em; padding: 0 10em 1.5em 0; }
#menus #main .menu ul.wine li h5 strong, #bar #main .menu ul.wine li h5 strong { font: italic 400 24px/1 Georgia, 'Times New Roman', serif; display: block; width: 1.3em; position: absolute; left: -1.6em; top: -0.25em; text-align: right; }
#menus #main .menu ul li p, 
#bar #main .menu ul li p { display: inline; padding: 0 4px 0 0; margin: 0; font-size: 12px; line-height: 12px; background: #151A25; }
#menus #main .menu ul li span,
#bar #main .menu ul li span { position: absolute; right: 0; bottom: 0; font-weight: bold; font-size: 13px; line-height: 12px; padding: 0 0 0 6px; background: #151A25; }
#menus #main .menu ul.wine li p.price, 
#bar #main .menu ul.wine li p.price {  margin: 0; position: absolute; right: 0; bottom: 0; padding: 0 0 0 4px; font-size: 13px; }
#menus #main .menu ul.wine li p.price span, 
#bar #main .menu ul.wine li p.price span { font-weight: bold; position: static; padding: 0; }
#menus #main .menu p.small, #bar #main .menu p.small { font-size: 10px; font-style: italic; margin: 1em 0; }
#menus #main .menu ul li span.caps,
#bar #main .menu ul li span.caps { position: static; font-weight: normal; font-size: inherit; line-height: normal; background: transparent; padding: 0; }

#main .menus { margin: 20px 0 0; }
#main .menus dl { width: 350px; min-height: 120px; float: left; margin: 0 50px 20px 0; }
#main .menus dl dt a { font-size: 16px; text-decoration: none; }


#contact #main #zemContactForm #zemSubmit { display: block; margin: 1em 0; }

#main ul.photo-gallery { list-style: none; overflow: hidden; }
#main ul.photo-gallery li { margin: 0px 5px 5px 0; float: left; }
#main ul.photo-gallery li a { border: 2px solid #242C40; height: 120px; width: 150px; display: block; padding: 3px; }
#main ul.photo-gallery li a:hover { border: 2px solid #364158; }
#main ul.photo-gallery li a img { display: block; }


/* ============ */
/* = THICKBOX = */
/* ============ */

#TB_overlay { position: fixed; z-index:100; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; -moz-opacity: 0.8; opacity: 0.8; }
#TB_window { position: fixed; top: 40%; left: 50%; z-index: 102; display:none; text-align:left; background: #fff; border: 10px solid #FFF; }
#TB_window img { display: block; margin: 0; }
#TB_caption { padding: 0; margin: 10px 0 0; width: 100%; color: #003; font-size: 20px; line-height: 1.5; font-weight: 800; }
#TB_caption #TB_secondLine { font-size: 14px; font-weight: 200; margin: .5em 0 0; position: relative; float: left; width: 100%; }
#TB_caption #TB_secondLine span#TB_count { line-height: 30px; margin: 0 0 0 10px; }
#TB_caption #TB_secondLine span#TB_prev, #TB_caption #TB_secondLine span#TB_next { height: 33px; width: 40px; float: left; }
#TB_caption #TB_secondLine span#TB_next { margin-right: 25px; }
#TB_caption #TB_secondLine span#TB_prev a, #TB_caption #TB_secondLine span#TB_next a { display: block; height: 33px; width: 40px; background: url(http://aqua-restaurant.com/bath/i/arrows.png) no-repeat; padding: 0; }
#TB_caption #TB_secondLine span#TB_next a { background-position: -60px 0px; }
#TB_caption #TB_secondLine span#TB_prev a:hover { background-position: 0px -50px; }
#TB_caption #TB_secondLine span#TB_next a:hover { background-position: -60px -50px; }
#TB_closeWindow { position: absolute; right: 0; bottom: 0; }
#TB_closeWindow a { display: block; width: 70px; height: 33px; color: #06C; background: url(http://aqua-restaurant.com/bath/i/close.png) no-repeat 0 0; text-decoration: none; cursor: pointer; padding: 0; }
#TB_closeWindow a:hover { background-position: 0px -40px; }
/* hide text bits */
span#TB_prev a b, span#TB_next a b, #TB_closeWindow a b { display: none; }
#TB_closeAjaxWindow { padding: 5px 10px 7px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title{ background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; top: 50%; left: 50%; margin: -50px 0 0 -50px; display: none; height: 100px; width: 100px; z-index: 101; }
#TB_HideSelect { z-index: 99; position:absolute; top: 0; left: 0; background-color: #fff; border: none; -moz-opacity: 0; opacity: 0; }
#TB_iframeContent { clear:both; border:none; margin-bottom: -1px; margin-top: 1px; }