@media screen, tv { 

body,html,ul,ol,li,h1,h2,h3,form{margin:0;padding:0;}img{border:0;}

/*------------------------------------------------------------------*/
/* Default Styles													*/
/*------------------------------------------------------------------*/

body {font-family: Arial, Verdana, sans serif;font-size: 12px;color: #000;margin: 0px;padding: 0px;background:  url(../assets/bg.png) repeat-x #dae1e1;}
.inv {display: none;}
.clr {clear: both;}
strong {color:#000;}
/*------------------------------------------------------------------*/
/* Layout Styles													*/
/*------------------------------------------------------------------*/

#wrapper {width: 970px;margin: auto;background: url(../assets/content.png) repeat-y #fdfdfd;}

#header {height:387px;width:100%;position:relative;background-color: #0b1926;}
.home #header {background-image: url(../assets/home.jpg);}
.thechef #header {background-image: url(../assets/thechef.jpg);}
.coldappetizers #header {background-image: url(../assets/coldappetizers.jpg);}
.hotappetizers #header {background-image: url(../assets/hotappetizers.jpg);}
.soupssalads #header {background-image: url(../assets/soups.jpg);}
.fishes #header {background-image: url(../assets/fishes.jpg);}
.more #header {background-image: url(../assets/more.jpg);}
.pastas #header {background-image: url(../assets/pasta.jpg);}
.kidsmenu #header {background-image: url(../assets/kidsmenu.jpg);}
.dessert #header {background-image: url(../assets/desserts.jpg);}
.ourdrinks #header {background-image: url(../assets/drinks.jpg);}
.guestbook #header {background-image: url(../assets/guestbook.jpg);}
.photos #header {background-image: url(../assets/photos.jpg);}
.news #header {background-image: url(../assets/news.jpg);}
.location #header {background-image: url(../assets/location.jpg);}
.reservations #header {background-image: url(../assets/reservations.jpg);}

#header h1 {width: 227px;height: 78px;position:absolute;top: 50px;left:48px;}
#header h1 a {background: url(../assets/logo_fm.png) no-repeat;text-indent: -1000em;display: block;width: 100%;height: 100%;}

#menu {height: 41px;width:100%;background: url(../assets/menu.png) #f8b240;text-align:center;}
#menu ul {list-style-image: url(../assets/dash.png);list-style-type:square;padding: 12px 0 0 0;margin: 0 0 0 20px;}
#menu ul li {float:left;margin: 0 0 0 34px;}
#menu ul li.first {list-style-image: none;list-style-type:none;}
#menu ul li a {color: #3B2314;text-decoration:none;height: 17px;text-indent: -2000em;display:block;}

#menu ul li a#fishesmore {background: url(../assets/btn/fishesmore_off.png) no-repeat;width:108px;}
#menu ul li a:hover#fishesmore, .home #menu ul li a#fishesmore {background: url(../assets/btn/fishesmore_on.png) no-repeat;width:108px;}
#menu ul li a#thechef {background: url(../assets/btn/thechef_off.png) no-repeat;width:58px;}
#menu ul li a:hover#thechef, .thechef #menu ul li a#thechef {background: url(../assets/btn/thechef_on.png) no-repeat;width:58px;}
#menu ul li a#ourmenu {background: url(../assets/btn/ourmenu_off.png) no-repeat;width:61px;}
#menu ul li a:hover#ourmenu, .ourmenu #menu ul li a#ourmenu {background: url(../assets/btn/ourmenu_on.png) no-repeat;width:61px;}
#menu ul li a#ourdrinks {background: url(../assets/btn/ourdrinks_off.png) no-repeat;width:70px;}
#menu ul li a:hover#ourdrinks, .ourdrinks #menu ul li a#ourdrinks {background: url(../assets/btn/ourdrinks_on.png) no-repeat;width:70px;}
#menu ul li a#guestbook {background: url(../assets/btn/guestbook_off.png) no-repeat;width:69px;}
#menu ul li a:hover#guestbook, .guestbook #menu ul li a#guestbook {background: url(../assets/btn/guestbook_on.png) no-repeat;width:69px;}
#menu ul li a#photos{background: url(../assets/btn/photos_off.png) no-repeat;width:45px;}
#menu ul li a:hover#photos, .photos #menu ul li a#photos{background: url(../assets/btn/photos_on.png) no-repeat;width:45px;}
#menu ul li a#news {background: url(../assets/btn/news_off.png) no-repeat;width:33px;}
#menu ul li a:hover#news, .news #menu ul li a#news {background: url(../assets/btn/news_on.png) no-repeat;width:33px;}
#menu ul li a#location {background: url(../assets/btn/location_off.png) no-repeat;width:57px;}
#menu ul li a:hover#location, .location #menu ul li a#location {background: url(../assets/btn/location_on.png) no-repeat;width:57px;}
#menu ul li a#reservations {background: url(../assets/btn/reservations_off.png) no-repeat;width:78px;}
#menu ul li a:hover#reservations, .reservations #menu ul li a#reservations {background: url(../assets/btn/reservations_on.png) no-repeat;width:78px;}

#content {padding: 0 0 80px 0;}
#content a {color: #005d8e}
#content a:visited {color: #005d8e}
#content a:hover {color: #005d8e}
#content h2{color: #005d8e;margin: 20px 0 0 57px;}
#content .heading1 {color: #1088C6;}
#content blockquote {font-style:italic;font-size: 16px;line-height: 28px;margin: 0;padding:0;}

#col1, #col2, #col3  {width: 28%;float:left;text-align:justify;margin: 0 0 0 20px;}
#col1 {margin-left:58px;}

.ourmenu #col1 {text-align: left;} 
.ourmenu #submenu {background: url(../assets/submenu_bg.png) no-repeat #e8eceb; width: 147px;height:434px;float:left;margin: 10px 50px 0 10px;}
.ourmenu #submenu ul{list-style-type:none;margin: 14px 0 0 0;}
.ourmenu #submenu ul li{float:left;width:147px;height:31px;}
.ourmenu #submenu ul li a{display:block;width:100%;height:100%;text-indent: -2000em;}
.ourmenu #submenu ul li a#coldappetizers {background: url(../assets/submenu.png) no-repeat 0 0;}
.ourmenu #submenu ul li a:hover#coldappetizers, .coldappetizers #submenu ul li a#coldappetizers {background: url(../assets/submenu.png) no-repeat -147px 0;}
.ourmenu #submenu ul li a#hotappetizers {background: url(../assets/submenu.png) no-repeat 0 -31px;}
.ourmenu #submenu ul li a:hover#hotappetizers, .hotappetizers #submenu ul li a#hotappetizers {background: url(../assets/submenu.png) no-repeat -147px -31px;}
.ourmenu #submenu ul li a#soupssalads {background: url(../assets/submenu.png) no-repeat 0 -62px;}
.ourmenu #submenu ul li a:hover#soupssalads, .soupssalads #submenu ul li a#soupssalads {background: url(../assets/submenu.png) no-repeat -147px -62px;}
.ourmenu #submenu ul li a#fishes {background: url(../assets/submenu.png) no-repeat 0 -93px;}
.ourmenu #submenu ul li a:hover#fishes, .fishes #submenu ul li a#fishes {background: url(../assets/submenu.png) no-repeat -147px -93px;}
.ourmenu #submenu ul li a#more {background: url(../assets/submenu.png) no-repeat 0 -124px;}
.ourmenu #submenu ul li a:hover#more, .more #submenu ul li a#more {background: url(../assets/submenu.png) no-repeat -147px -124px;}
.ourmenu #submenu ul li a#pastas {background: url(../assets/submenu.png) no-repeat 0 -155px;}
.ourmenu #submenu ul li a:hover#pastas, .pastas #submenu ul li a#pastas {background: url(../assets/submenu.png) no-repeat -147px -155px;}
.ourmenu #submenu ul li a#kidsmenu {background: url(../assets/submenu.png) no-repeat 0 -186px;}
.ourmenu #submenu ul li a:hover#kidsmenu, .kidsmenu #submenu ul li a#kidsmenu {background: url(../assets/submenu.png) no-repeat -147px -186px;}
.ourmenu #submenu ul li a#dessert {background: url(../assets/submenu.png) no-repeat 0 -217px;}
.ourmenu #submenu ul li a:hover#dessert, .dessert #submenu ul li a#dessert {background: url(../assets/submenu.png) no-repeat -147px -217px;}

.ourmenu #col1 {width: 400px;float:left;}
.ourmenu #content h2{color: #005d8e;margin: 50px 0 0 0;}
.ourmenu #content h3 {margin: 20px 0 0 0;}
.ourmenu .note1 {font-size: 10px;color:#666;}

.ourdrinks #col1, .photos #col1 {width: 100%;float: none;}
.ourdrinks #content h2 {color: #005d8e;margin: 30px 0 0 0;}

.location #col1 {width: 150px;;float:left;text-align: left;}
.location #col2 {width: 680px;;float:left;padding: 43px 0 0 0;}
.location #content h2 {color: #005d8e;margin: 30px 0 0 0;}

.news #content {background: url(../assets/news_bg.gif) no-repeat #000;text-align:center;padding: 80px 0 80px 0;}

.reservations #content {padding: 20px 0;}
.reservations #col1, .reservations #col2 {width: 35%;}
.reservations ul {list-style-type:none;}
.reservations ul li{}
.reservations label {display:block;width: 55px;}
.reservations input, .reservations textarea {border: 1px solid #8C8C8C;width: 280px;font-size:14px;}
.reservations #col1 {margin: 0 0 0 120px;}
.reservations #col2 {border-left: 1px dashed #8C8C8C;padding: 0 0 0 40px;}
.reservations .lb_radio {display:inline;}
.reservations .radio {border: none;width: 14px;}
.reservations p {padding: 0 0 40px 60px;text-align:left;}

.form_error {background-image: none !important;width: 200px;font-size: 10px;background-color: #ffcb3f;}
.form_error_text {color: #fbb241;}

#captcha {padding: 0 0 0 0;margin: 0 0 0 0;border: 1px solid #8C8C8C;position:absolute;}
#number {width: 120px !important;margin: 0 0 12px 0;}

#footer {height: 91px;width:100%;background: url(../assets/footer.gif) #f8b240;;text-align:center;position:relative;}
#footer #fish {background: url(../assets/swordfish.png);width: 294px;height: 226px;position:absolute;top: -60px;left: -148px;}
#footer #notice {background: url(../assets/earlybird.png);width: 190px;height: 46px;position:absolute;top: 32px;right: 328px;}
#footer #directions {padding: 4px 0 0 84px;}

/*------------------------------------------------------------------*/
/* Guestbook Styles													*/
/*------------------------------------------------------------------*/
table.entries td {padding: 10px;text-align: left;}
tr.theader {background: url(../assets/stripes.png) #e0e6e6;}
td.upper {color : #444;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;}
.smaller {font-size: 10px;}
a.smaller {font-size: 10px;color : #0084BE;text-decoration : underline;}
a.smaller:hover {font-size: 10px;color : Red;text-decoration : none;}
div.centered {text-align: center;}
table.gbookMenu {border-top: #AFC3C2 1px solid;}
table.gbookMenu td{padding:8px 0 0 0;}
.entries {background: #f6f7f7;margin:auto;}

.guestbook #content {color: #4D4D4F;}
.guestbook #content h3 {margin: 0 0 0 10px;margin:  0 0 0 400px;}
.guestbook .entries input, .guestbook .entries textarea {border: 1px solid #AFC3C2;}

/*------------------------------------------------------------------*/
/* Datepicker														*/
/*------------------------------------------------------------------*/

/* The wrapper div */
div.datePicker
        {
        position:absolute;
        min-width:24em;
        width:24em;
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/0.8em Verdana, Sans-Serif;
        
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana; */

        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
        -moz-user-select:none;
        -khtml-user-select:none;
        }
/* Styles for the static datePickers */
div.staticDP
        {
        position:relative;
        top:5px;
        left:0;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
        {
        /* position:relative; */
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(../assets/datepicker/cal.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:middle;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
a.date-picker-control
        {
        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* The next & previous buttons */
div.datePicker th span
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        text-align:center;
        line-height:1em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;
        }
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-size:1.8em;
        cursor:pointer !important;
        }

div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        line-height:1.6em;
        text-transform:uppercase;
        cursor:pointer !important
        }
div.datePicker thead th span.fd-disabled
        {
        color:#aaa;
        cursor:default !important;
        }
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:1.4em;
        width:2em;
        text-decoration:none;
        text-transform:lowercase;
        line-height:1.4em;
        }
/* The table */
div.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(../assets/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        width:100%;
        border-spacing:2px;
        table-layout:fixed;
        border-collapse:separate;
        }
/* Common TD & TH styling */
div.datePicker table td
        {
        border:1px solid #ccc;
        padding:0;
        text-align:center;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:pointer;
        background:#fff url(../assets/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em !important;
        height:2.8em;
        outline:none;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
        }
div.datePicker table td.date-picker-unused
        {
        background:#fff url(../assets/datepicker/backstripes.gif);
        border-color:#dcdcdc;
        padding:0;
        cursor:default !important;
        }
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        width:3em;
        }
div.datePicker table th.date-picker-day-header span
        {
        display:block;
        }
/* The "todays date" style */
div.datePicker table td.date-picker-today
        {
        background:#fff url(../assets/datepicker/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#2c45a1;
        }
/* The date "out of range" style */
div.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;
        }
/* The "disabled days" style */
div.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(../assets/datepicker/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }


/*------------------------------------------------------------------*/
/* sIFR																*/
/*------------------------------------------------------------------*/

.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;}

}

/*------------------------------------------------------------------*/
/* other media														*/
/*------------------------------------------------------------------*/

@media print {

body {margin: 1cm 1cm 0.5cm 1cm;padding: 0px}
body, td, a {font-family: Arial, Verdana, sans serif;font-size: 11pt;color: #000000;background-color: #ffffff;}
object {display: none;}
.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;}


}

@media handheld {

object {display: none;}

}