@charset "UTF-8";
/*            _\|/_
              (o o)
 +---------oOO-{_}-OOo---------+
 |                             |
 |    FFF purple = #8d363b     |
 |    FFF brown = #746100      |
 |     FFF gray = #666666      |
 |    FFF green = #cccc99      |
 |                             |
 +-----------------------------*/

/*
 * Body Classes
 *
 * Classes are added to the body tag to match the current type of content being displayed
 * and also the slug of the current item of content.
 *
 * So, you may add rules for specific pages of the site by saying body.home div#myId {} or
 * body.news div#myId {}
 *
 */
 
/*********************************************************************************************
 * Basic Styles & Resets
 */
body {
    font-family: arial, helvetica, sans-serif;
    color: #000;
    background-color: #fff;
    margin: 0;
    padding: 0;
    
}
@media print {
    body {
        font-size: 12pt;
    }
}
@media screen, tv, projection {
    body {
        font-size: 12px;
        line-height: 1.2;
        font-weight: normal;
    }
}
body * {
    margin: 0;
    padding: 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
img, a img, fieldset {
    border: 0;
}
a {
    color: blue;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:visited {
    color: purple;
}
h1, h2, h3, h4, h5, h6, legend {
    font-size:100%;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
}
ol, ul {
    list-style-type: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
q:before, q:after {
    content: '';
}
.clear {
    display: block !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
}
@media screen, tv, projection, print {
    .hide, .hidden {
        width: 0 !important; 
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/*********************************************************************************************
 * Fancy Styles
 */
 
@media screen,tv,projection {
    body {
        background: #cc9 url('../img/wallpaper.jpg') top left repeat;
        color: #cc9;
    }
    div.shadow {margin:0;padding:0;position:relative;float:none;background:transparent;background-position:top left;background-repeat:no-repeat;width:788px !important;}
    div.shadowtop {height:10px !important;background-image: url('../img/main-top.png')}
    div.shadowbottom {height:15px !important;background-image: url('../img/main-bottom.png')}
    div#gradient {width:100%;height:575px;margin:0;padding:0;position:absolute;z-index:1;top:0;left:0;background:transparent url('../img/gradient.png') top left repeat-x;}
}


strong {font-weight: bold;}
.light {font-weight: lighter;}
a, a:visited {font-family: FuturaStd, Futura, Avenier, "Avante Garde", "Centurary Gothic", Kabel, Arial, Helvetica, sans-serif;color:#8d363b;}
div#maincontent ol {list-style-type:decimal;padding-left:20px;}
div#maincontent ul {list-style-type:disc;padding-left:20px;}

/*
 * Wrapper div#wrapper
 * (Everything sits inside this)
 */
@media screen, tv, projection {
    div#wrapper {
        width:944px;z-index:20;position:absolute;top:0;left:50%;margin-left:-486px;
        background-color:transparent;
    }
    
}

/*
 * Mast Head div#masthead
 */
@media screen, tv, projection {
    div#mastheadwrapper {
        width:788px;margin:0 0 14px 152px;padding:0;
        position:relative;
    }
    div#masthead {
        width:768px;height:110px;color:#746100;margin:0;padding:10px 14px 1px 14px;
        background:transparent url('../img/main-bg.png') top left repeat-y;
        position:relative;
        font-family: FuturaStd, Futura, Avenier, "Avante Garde", "Centurary Gothic", Kabel, Arial, Helvetica, sans-serif;
    }
    div#masthead h1, div#masthead h1 a, div#masthead h1 a img {
        float:left;
    }
    div#masthead h1 a {
        
    }
    div#tagline {
        position:absolute;
        top:20px;
        left:50%;
        z-index:100;
        width:465px;
        text-align:right;
        margin-left:-100px;
        background:white;
    }
    div#tagline p {display:-moz-inline-box;display:inline-block;float:none;color:#746100;height:15px;}
    div#tagline p.strong {font-weight:bold;border-right:1px solid #746100;margin-right:0.5em;padding-right:0.5em;width:300px;}
    div#tagline p.light {min-width:96px;}
    div#address {
        display:block;
        color:#8d363b;
        background:white;
        font-weight:bold;
        position:absolute;
        z-index:100;
        top:45px;
        left:50%;
        text-align:right;
        width:365px;
    }
}

@media print {
    div#tagline {
        position:absolute;
        top:1em;
        right:0;
        z-index:100;
        text-align:right;
    }
    div#tagline p {color:#746100;}
    div#tagline p.strong {font-weight:bold}
    div#address {
        color:#8d363b;
        font-weight:bold;
        text-align:right;
        position:absolute;
        top:4em;
        right:0;
    }
}


/*
 * Navigation div#navigation
 */
div#navigation {
    width:160px;
    margin:0 0 0 -8px;
    padding:0;
    color:#8d363b;
    min-height:500px;
    float:left;
    clear:left;
    font-size:1.15em;
    font-family: FuturaStd, Futura, Avenier, "Avante Garde", "Centurary Gothic", Kabel, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    font-weight:normal;
}
div#navigation a {font-weight:normal;}
div#navigation ul {
    text-align:right;
    margin:0 24px 40px 0;
}
div#navigation ul li {min-height:30px;}
div#navigation a:hover {text-decoration:none;}
div#navigation ul ul a {color:#666;font-style:italic;font-weight:lighter;font-size:1em;}
div#navigation ul li a.current {font-weight:bold;}
div#navigation ul ul li a.current {color: #8d363b;font-weight:lighter;}

div#navigation ul ul {display:none;margin-right:0;width:136px;margin:15px 0}
div#navigation ul ul li {min-height:2px;margin-bottom:3px;}
div#navigation ul li.current ul {display:block;}
div#navigation ul li a img {display:-moz-inline-box;display:inline-block;margin-left:2px;}


div#navigation li#reservation a {
    color:#fff;
    background:#8d363b;
    padding:2px 6px 4px 4px;
    display:-mox-inline-box;display:inline-block;
    width:136px;
    vertical-align:middle;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-border-radius:5px;
}
div#navigation li#reservation a img {
    margin-top:4px;
    margin-bottom:-2px;
    display:-moz-inline-box;display:inline-block;
}
div#navigation li.mailinglist {margin-top:45px;}

@media print {
    div#navigation {
        display: none;
    }

}


/*********************************************
 * Main Area for displaying content div#main *
 *********************************************/
@media screen,tv,projection {
    div#main {
        padding: 29px;
        width: 730px;
        background:transparent url('../img/main-bg.png') top left repeat-y;
        color: #666;
        margin:-4px 0 0 ;
        display:block;
        float:none;
    }
    div#mainwrapper {float: left;
    clear: right;
    margin: 254px 0 0;width:788px;padding:0;}
    body.home div#mainwrapper {margin-top:354px;}
    div#mainwrapper img.pngshadow {display:block;float:none;padding:0;border:none;margin:0}
}

/* Reset some important styles for printing! */
@media print {
    div#main, div#main div {
        width: 100% !important;
        height: auto !important;
        margin-top: 2em;
        font-size: 12pt;
        overflow: visible !important;
        color: #000;
        float: none !important;
        clear: both !important;
    }
    div#banner {display:none !important;}
}
@media screen,projection,tv {
    
}

/*
 * Banner Images - a nice banner image, with using a little flash to give rounded corners
 * div#banner 
 */
div#banner {display:none;}
@media projection,tv,screen {
    div#quote {
        position:absolute;
        top:80px;
        left:50%;
        z-index:100;
        width:465px;
        text-align:right;
        margin-left:-25px;
        background:white;
    }
    div#quote p, div#quote blockquote, div#quote cite {text-align:right;}
    div#quote blockquote {width:465px;margin:0 0 5px 0;padding:0;}
    div#quote cite {padding-right:5px;}
    div#banner {
            display:block;
            margin:-309px -10px 0 -29px;
            height:260px;
            width:780px;
            padding:4px;
            background:transparent url('../img/image-mask-bg.png') 50% 50% no-repeat;
    }
    body.home div#banner {
        margin-top:-409px;
        background-image: url('../img/image-mask-home-bg.png');
        height:360px;
    }
	body.home #banner a object { cursor: pointer; }
	
	/* ===== testing clickable homepage banner ===== */
	
	body.home2 div#banner {
        margin-top:-309px !important;
        background-image: url('../img/image-mask-home-bg.png');
        height:360px !important;
		position: relative; 
    }
	body.home2 #banner a { cursor: pointer !important; display: block; position: relative; width: 780px; height: 360px; z-index: 99999; }
	body.home2 #banner a object { cursor: pointer !important; position: relative; z-index: 50; }
	
	/* ====== */
	
    div#banner object {display:block;margin:2px 0 0 0;padding:0}
    div#banner img {display:none;}
    div#banner object div {width:780px;height:260px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0;padding:0;background-repeat:no-repeat;background-position:top left;}
    body.home div#banner object div {height:360px;}
}
@media print {
    div#banner {display:none !important;}
}
@media tv,handheld {
    div#banner {display:none !important;}
    body.home div#mainwrapper, div#mainwrapper, div#main {margin-top:0 !important}
}

/*
 * Main Content - the main body of text goes here div#maincontent
 */
@media screen, tv, projection {
   div#maincontent {
       width:730px;
       min-height:350px;
       background:white;
   }
}

div#maincontent h2 {
    color:#746100;
    font-weight:normal;
    font-size:1.5em;
    margin-top:0.25em;
    padding-bottom:0.75em;
    border-bottom:1px solid #cc6;
    margin-bottom:0.5em;
}
div#maincontent h2 object {margin-top:8px;}
div#maincontent h3, 
    div#maincontent h4, 
    div#maincontent h5, 
    div#maincontent h6 {
        color:#8d363b;
        margin-bottom:1em;
}
div#maincontent h3 {
    font-size:1.3em;
}
div#maincontent h4 {
    font-size:1.2em;
}
div#maincontent h5 {
    font-size:1.1em;
}
div#main h2, 
    div#main h3, 
    div#main h4, 
    div#main h5,
    div#main h6 {
        font-family: FuturaStd, Futura, Avenier, "Avante Garde", "Centurary Gothic", Kabel, Arial, Helvetica, sans-serif;
        background:white;
}
div#main h3 object, 
    div#main h4 object, 
    div#main h5 object,
    div#main h6 object,
    div#main div#key h2 object {
        margin-bottom:-10px;
}
div#maincontent div#key h2 {
    font-size:1.3em;
    color: #8d363b;
    padding:0;
    margin:0 0 1em 0;
    border:none;
    font-weight:bold;
}
div#maincontent a,div#maincontent a:visited {
    text-decoration:underline;
    font-weight:bold;
    color:#8d363b;
}
div#maincontent ul {list-style-position:outside;list-style-type:disc;padding-left:2em;}
div#maincontent blockquote, div#maincontent cite.citation {
   color:#666;
   background:white;
   padding:0 0 0 15px;
   border-left:1px solid #cdcd98;
   line-height:2em;
   vertical-align:top;
   margin-top:40px;
}
div#maincontent cite.citation {
   color:#666;
   margin-top:0;
   display:block;
}
/*
div#maincontent img.shadow {border:5px solid white;margin:20px;
      -moz-box-shadow: 5px 5px 5px #a2a497;
      -webkit-box-shadow: 1px 7px 5px #a2a497;
  }*/

div#maincontent p, div#maincontent ul, div#maincontent ol {margin-bottom: 1em;}
div#maincontent p, div#maincontent ul, div#maincontent ol, div#maincontent blockquote {line-height:1.5}

@media screen,tv,projection {
    div#maincontent p, div#maincontent ul, div#maincontent ol {background:white;}
    div#maincontent h2 {
       font-size:2em;
       margin-top:25px;
       padding-bottom:25px;
       margin-bottom:20px;
       width:730px;
   }
}

/*
 * News, Events and Reviews - list content that sits inside div#maincontent
 */ 

@media screen,tv,projection {
    div#maincontent div.feed {
        
    }
    div#maincontent ul.feed {
        list-style-type: none;
        padding:0;
    }
    div#maincontent ul.feed li.feeditem + li.feeditem {
        border-top:1px solid #cc6;
    }
    
    
    div#maincontent ul.feed li.feeditem {
        width:730px;
        padding: 30px 0;
    }
    
    div#maincontent ul.linksfeed {
        list-style-type: disc;
        padding:0 0 0 20px;
        margin:0;
        color:#cc6;
    }
    div#maincontent ul.linksfeed li.linkitem {
        border:none;
        padding:0;
        margin:0;
    }
    div#maincontent ul.linksfeed li.linkitem + li.linkitem{
        border:none;
    }
    
    div#maincontent li.feeditem div.body {
        width: 530px;
        float:left;
        clear:left;
    }
    div#maincontent li.feeditem div.image {
        width: 179px;
        height: 179px;
        text-align:center;
        float:right;
        clear:right;
    }
}

/* ====== gift vouchers, book and other items ====== */

div#giftvouchers {border-bottom:1px solid #cc6;}

#book-purchase { float: left; width: 726px; }
#book-purchase form { float: left; width: 726px !important; }
#book-purchase p { padding-right: 30px; float: left; clear: both; }

#button-book-purchase { padding: 4px 0 0 0; float: left; clear: both; width: 330px; border: 1px solid #eee; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; }
#button-book-purchase select { margin: 8px 0 16px 0; float: left; clear: both; }
#button-book-purchase input { float: left !important; margin: 0 0 0 0 !important; clear: both; }


/*
* Promo Block - Promotional Blocks on the Home Page div#promoblock
*/
@media screen, tv, projection {
     div#maincontent div#welcome {width:500px;float:left;clear:left;background:white;}
    div#maincontent div#promoblock {width:208px;float:right;}
    
    div#maincontent ul#featuredpages {
        list-style-type:none;padding-left:0;float:right;width:208px;
        font-family: FuturaStd, Futura, Avenier, "Avante Garde", "Centurary Gothic", Kabel, Arial, Helvetica, sans-serif;
        margin-top:-10px;
    }
    ul#featuredpages li {
        padding:5px;
        width:208px;
        padding:0;
        margin-bottom:5px;
    }
    div#maincontent ul#featuredpages h3 {text-transform:uppercase;color:#666;margin-bottom:8px;text-transform:uppercase;
            padding:20px 21px 5px 21px;background:transparent url('../img/promo-top.gif') top left no-repeat;margin:0;
        
        }
    ul#featuredpages p {margin-bottom:0;}
    ul#featuredpages p.summary {
        margin-bottom:2px;
        color:#746100;
        text-transform:uppercase;
        font-family: FuturaStd, Futura, Avenier, "Avante Garde", "Centurary Gothic", Kabel, Arial, Helvetica, sans-serif;
        font-size:1.3em;
        padding:0 21px 0 21px;
        background:transparent url('../img/promo-bg.gif') top left repeat-y;
        margin:0;
    }
    ul#featuredpages p.link {padding:0 21px 21px 15px;background:transparent url('../img/promo-bottom.gif') bottom left no-repeat;margin:0;}
    ul#featuredpages p.link a {margin-left:5px;padding-top:2px;}
    ul#featuredpages a:visited {color:#8d363b;}
	div#featuredpages_block div#facebook_block {
		padding-right:10px;
		float:right;
	}
}

@media print {
    div#promoblock,
    ul#featuredpages {
        display: none !important;
    }

}

/* 
 * Form styling for forms in the main content area 
 */
@media screen, tv, projection {
    div#main form {
        width: 579px;
        margin: 10px 0 0 0;
        padding-bottom: 20px;
    }
    div#main form input, div#main form textarea, div#main form select {
        width: 255px;
    }
    div#main form input {
        vertical-align:middle;
    }
    div#main form textarea {
        height: 70px;
    }
    div#main legend {
        display: none;
    }
    div#main legend.required {
        background: url('../img/required.gif') 245px 2px no-repeat;
        display: block;
    }
    div#main legend.required span {
        display: block;
        float: left;
        width: 260px;
    }
    div#main legend.required span {
        visibility: hidden;
    }
    div#main legend.required span.show {
        visibility: visible;
    }
    div#main label {
        display: -moz-inline-box;
        display: inline-block;
        width: 255px;
        vertical-align: top;
    }
    div#main fieldset input.warning, div#main fieldset textarea.warning, div#main fieldset select.warning {
        background-color: red;
    }
    div#main fieldset input.checkbox {
        width: auto;
    }
    div#main fieldset a {
        margin-left: 186px;
    }
    div#main form ol {padding-left:0;line-height:1.2;}
    div#main form li {
        list-style: none;
        padding: 5px 0;
    }
    div#main form li.required {
        background: url('../img/required.gif') 245px 8px no-repeat;
    }
    div#main label span {
        display: block;
        width: 250px;
    }
    div#main input[type=checkbox] {
        width: 12px;
    }
    div#main form input.button {
        margin: 10px 0 0 255px;
        width: auto;
    }
    div#main form input.paypal {
        margin: 10px 0 0 255px;
        width: 87px;
        height: 23px;
    }
    
}
/* 
 * Special form styles for "Online Reservation" / OpenTable search form
 */
@media screen,tv,projection {
    
    div#main form ol.date, div#main form ol.time {width:579px;margin:0;padding:5px 0;display:block;float:none;clear:both;}
    /*
    div#main form#reservationForm legend {display:none;}
        div#main form#reservationForm li {background-image:none;}*/
    
    div#main form ol.date {margin:-12px 0 0;padding-bottom:12px;}
    div#main form ol.date li, div#main form ol.time li {display:block;margin:0;padding:5px 0;width:83px;float:left;margin-right:3px;}
    div#main form ol.date label, div#main form ol.time label {width:0;height:0;margin:0;padding:0;overflow:hidden;float:left;}
    div#main form ol.date select, div#main form ol.time select {width:83px;display:block;margin:0;}
    div#main form ol.date li.month, div#main form ol.time li.hour {width:338px;}
    div#main form ol.date li.month strong, div#main form ol.time li.hour strong {display:block;float:left;width:255px;font-weight:normal;}
    div#main form ol.date li.year, div#main form ol.time li.meridian {clear:right;}
    
    div#main div#OT_searchWrapperAll h2.OT_feedTitle {
        font-family: FuturaStd, Futura, Avenier, "Avante Garde", "Centurary Gothic", Kabel, Arial, Helvetica, sans-serif;
        background:white;
        font-size:1.3em;
        color:#8d363b;
        margin:0 0 1em;
        padding:0;
        border:none;
    }
    div#main div#OT_searchWrapperAll select {width:75px;}
    div#main div#OT_searchWrapperAll input.OT_TableButton {width:auto;}
}

/***************************************************
* End of Main Area for displaying content div#main *
****************************************************/

/*
* Footer div#footer
*/

div#footer {
    float: none;
    clear: both;
    color: #8d363b;
    font-size: 0.9em;
    overflow: hidden;
    background: transparent;
    margin:0 0 20px 0;
    font-family: FuturaStd, Futura, Avenier, "Avante Garde", "Centurary Gothic", Kabel, Arial, Helvetica, sans-serif;
}
div#footer ul {
    float: right;
    margin:39px -1px 2px 0;
}
div#footer li {
    display: block;
    float: left;
    border-right: 1px solid #8d363b;
    padding:0 8px;
}
div#footer a:hover {text-decoration:underline;}
div#footer img {display:inline;vertical-align:baseline;}

@media print {
    div#footer {
        display: none;
    }
    
}


/*!****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
    .sIFR-flash {
        visibility: visible !important;
        margin: 0;
        padding: 0;
    }
    .sIFR-replaced, .sIFR-ignore {
        visibility: visible !important;
    }
    .sIFR-alternate {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        display: block;
        overflow: hidden;
    }
    .sIFR-replaced div.sIFR-fixfocus {
        margin: 0pt;
        padding: 0pt;
        overflow: auto;
        letter-spacing: 0px;
        float: none;
    }

}

@media print {
    .sIFR-flash {
        display : none !important;
        height : 0;
        width : 0;
        position : absolute;
        overflow : hidden;
    }
    .sIFR-alternate {
        visibility : visible !important;
        display : block !important;
        position : static !important;
        left : auto !important;
        top : auto !important;
        width : auto !important;
        height : auto !important;
    }

}

.sIFR-dummy {
    width: 0px;
    height: 0px;
    margin-left: 42px !important;
    z-index: 0;
}