/*
========================================================================
Title:    Client Name Stylesheet (Screen)
Author:   matt.lansom@orcawebsites.com
========================================================================
*/

* {
    margin: 0;
    padding: 0;
    line-height: 100%;
    list-style-type: none;
    }

body {
    background: #D0D0D0 url(/images/bg.png) repeat-x;
    text-align: center;
    }

/*
========================================================================
Common Styles
========================================================================
*/

div, p, span, li, dd, dt, th, legend, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #2F3947;
    }

div, p, span, li, dd, dt, th, td {
    font-weight: normal;
    font-size: 12px;
    }

div, p, span, dd, dt, th, td, label {
    line-height: 120%;
    }

p, ul, ol, table {
    }

h1, h3, h4, h5, h6, legend {
    line-height: 120%;
    font-weight: normal;
    }

h2, legend {
    font-size: 18px;
    margin: 20px 0 0px 17px;
    float: left;
    }

h3 {
    font-size: 18px;
    }

.smalltext,
.mediumtext,
.largetext,
.password {
    border: 1px solid #999999;
    background: #fff;
    color: #000;
    font-size: 11px;
    padding: 0px;
    font-family: arial;
    font-weight: normal;
    }

select.dropdown {
    background: #000;
    border: 1px solid #FFF;
    color: #FFF;
    }

a {
    color: #FFF;
    outline: none;
    }

a:hover {
    font-weight: bold;
    color: #fff;
    }

:focus {
    -moz-outline-style: none;
    }

pre {
    text-align: left;
    color: #FFF;
    }

label {
    font-size: 12px;
    }

fieldset {
    border: none;
    }


/*
========================================================================
Basic Layout
========================================================================
*/

#container {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    }


    /* === Header === */

    #header {
        width: 100%;
        float: left;
        margin: 20px 0 0 0;
        }

        #logo {
            width: 364px;
            height: 74px;
            float: left;
            overflow: hidden;
            }
        #newsletter_signup {
            float: right;
            width: 190px; 
            margin: 0 0 4px 0;
            }
            #newsletter_signup form {
                 }
                 #newsletter_signup legend img {
                     margin: 0 0 6px 25px;
                     }
                 #newsletter_signup li {
                     float: right;
                     padding: 0 0 0 0;
                     margin: 0 0 0 0; 
                     } 
                     #newsletter_signup label {
                         color: #3E5372;
                         margin: 0 4px 0 0;
                         }             
                 #newsletter_signup li input.text {
                     width: 119px;
                     height: 18px;
                     border: solid 1px #999999;
                     margin: 1px 0 0 0;
                     }
                 #newsletter_signup li.list {
                     display: none;
                     }
                 #newsletter_signup li.submit {
                     text-align: right;
                     width: 58px;
                     padding: 2px 0 0 0;
                     }
        #newsletter {
            float: right;
            width: 387px;
            padding: 0 17px 0 17px;
            margin: 0 0 0 0;
            *padding: 0 0 0 0;
            *margin: 0 17px 0 17px;
            }
            #newsletter h2 {
                float: left;
                width: 421px;
                *width: 353px;
                margin: 17px 0 0 0;
                }
            #newsletter .summary {
                float: left;
                margin: 10px 0 0 0;
                }
                #newsletter .summary p {
                    font-size: 11px;
                    }
            #newsletter hr {
                width: 387px;
                margin: 0 0 5px 0;
                *margin: 0 0 0px 0;
                }
            #newsletter form {
                float: left;
                width: 421px;
                *width: 353px;
                margin: 15px 0 0 0;
                }
                #newsletter form p {
                    margin: 0 0 5px 0;
                    *margin: 0 0 0px 0;
                    font-size: 11px;
                    width: 387px;
                    *width: 353px;
                    }
                #newsletter label {
                    font-size: 11px;
                    }
                #newsletter form p.email,
                #newsletter form p.fullname {
                    width: 260px;
                    text-align: right;
                    margin: 0 0 5px 0;
                    *margin: 0 0 0px 0;
                    }
                #newsletter form input.image {
                    float: right;
                    margin: 0 0 5px 0;
                    *margin: 0 0 0px 0;
                    }

            
    #nav_bar, #footer {
        float: left;
        width: 100%;
        height: 31px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: url(/images/nav_bg.png) repeat-x ;
        }
        #pri_nav {
            float: left;
            width: 600px;
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
               #pri_nav li {
                    float: left;
                    margin: 10px 7px 0 10px;
                    }
                     #pri_nav a {
                        font-size: 12px;
                        text-decoration: none;
                        }
                    #pri_nav a:hover {
                        font-weight: bold;
                        }
                    

    #search {
        float: right;
        width: 200px;
        margin: 6px 0 0 0;
        }
        #search legend {
            display: none;
            }
        #search #input_search {
           width: 109px;
           height: 17px; 
           border: 1px solid #999999;
           }
        #search form {
            float: right;
            width: 135px;
            margin: 1px 10px 0 0;
            }
        #search #input_search_submit {
            padding: 0 0 0 0;
            }


    /* === Body === */

    #body {
        width: 100%;
        float: left;
        }            
        #content {
            width: 800px;
            float: left;
            background: #E8E8E8;
            }
            #messages {
                background: #333333;
                border: 1px solid #333333;
                padding: 0px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 6px 10px;
                    padding: 3px 0 0 23px;
                    color: #fff;
                    background-repeat: no-repeat;
                    }
                    #messages p.ok,
                    #messages p.info,
                    #messages p.error {
                        height: 20px;
                        }
                    #messages p.ok {
                        background-image: url(/images/icn_tick.png);
                        }
                    #messages p.error {
                        background-image: url(/images/icn_error.png);
                        }
                    #messages p.info {
                        background-image: url(/images/icn_info.png);
                        }
        #flash_panel {
            float: left;
            width: 426px;
            }
        #page_img {
            float: left;
            width: 379px;
            *height: 300px;
            *margin: 0 0 -3px 0;
            }
        #page_home #page_img {
            *height: 339px;
            width: 426px;
            }

        #sub_menu {
            float: left;
            width: 399px;
            text-align : left; 
            margin : 10px 0 10px 17px;
            }
            #sub_menu strong {
                margin: 0 7px 0 0;
                }
            #sub_menu ul li {
                float: left;
                width: 110px;  
                display: inline;
                margin: 0 10px 10px 0;
                }
                #sub_menu a {
                    text-decoration: none;
                    color: #3E5372;
                    font-weight: normal;
                    }
                #sub_menu a:hover {
                    text-decoration: underline;
                    }
        #additional {
            float: left;
            width: 381px;
            *width: 370px;
            }             
            #additional {
                padding: 0px 17px 0 17px;
                *margin: 0px 0px 0 5px;
                .margin: 0 10px 0 0;
                }
                #additional h2 {
                    font-size: 18px;
                    font-weight: normal;
                    width: 300px;
                    padding: 0 0 0 0;
                    margin: 20px 0 10px 0;
                    }
                #additional p {
                    float: left;
                    width: 370px;
                    margin: 0 0 0 0;
                    }
            #footer {
                width: 100%;
                float: left;
                }
                #footer ul {
                    list-style: none;
                    float: left;
                    padding: 0;
                    margin: 9px 0 0 5px;
                    }
                    #footer li {
                        display: inline;
                        margin: 0 0 0 0;
                        color: #fff;
                        }
                        #footer li a {
                            text-transform: lowercase;
                            }
                    
                #footer a{
                    font-size: 10px;
                    text-decoration: none;
                    }
                #footer a:hover {
                    font-weight: normal;
                    }
                #footer p {
                    float: right;
                    padding: 5px 0 0 0;
                    font-size: 10px;
                    color: #fff;
                    margin: 5px 5px 0 0;
                    }


    #menu_content table{
        color : #FFF;
        width : 370px;
        float : left;
        margin : 10px 0 0 20px;
        }
        #menu_content table tr{
            background: url(/images/dish_arrow.png?64) no-repeat;
            padding-left : 10px;
            }
        #menu_content table td {
            background: transparent;
            }
        #menu_content table td{
            padding : 0 0 5px 15px;            
            }



/*
========================================================================
Home
========================================================================
*/

#composite {
    float: left;
    *width: 374px;
    }

#page_home #additional {
    width: 334px;
    margin: 20px 0 0 0;
    }
    #page_home #additional p {
        width: 330px;
        }
        #page_home #additional p img {
            margin: 20px 0 20px 0;
            }

/*
========================================================================
Search Results
========================================================================
*/

#search_results {
    float: right;
    width: 350px;
    _overflow: hidden;
        }
    
    #search_results #summary {
        float: left;
        width: 421px;
        *width: 404px;
        margin: 10px 0 0 17px;
        }
#results {
    float: right;
    width: 404px;
    margin: 10px 0 0 17px;
    }
    #results dl {
        margin: 0 0 5px 0;
        }
        #results dt {
            
            }
            #results dt a {
                text-decoration: none;
                color: #2f9374;
                }



/*
========================================================================
Page Titles
========================================================================
*/
#page_restaurant h2 {
    display: block;
    height: 22px;
    width: 130px;
    text-indent: -9999px;
    background: url(/images/restaurant.png) no-repeat;
    }
#page_bar h2 {
    display: block;
    height: 22px;
    width: 41px;
    margin: 20px 0 0px 17px;
    _margin: 20px 0 0px 10px;
    text-indent: -9999px;
    background: url(/images/bar.png) no-repeat;
    }
#page_bookings #copy h2 {
    display: block;
    height: 30px;
    width: 120px;
    text-indent: -9999px;
    margin: 20px 0 0px 20px;
    .margin: 20px 0 10px 10px;
    background: url(/images/bookings.png) no-repeat;
    }
#page_featured_artists h2 {
    display: block;
    height: 23px;
    width: 150px;
    text-indent: -9999px;
    margin: 20px 0 10px 17px !important;
    .margin: 20px 0 10px 10px;
    background: url(/images/featured_artists.png) no-repeat;
    }
#page_about_us h2 {
    display: block;
    height: 22px;
    text-indent: -9999px;
    background: url(/images/about_us.png) no-repeat;
    }
#page_contact h2 {
    display: block;
    height: 23px;
    text-indent: -9999px;
    background: url(/images/contact_us.png) no-repeat;
    }


/*
========================================================================
Restaurant
========================================================================
*/

#intro {
    float: right;
    width: 421px;
    _overflow: hidden;
    _width: 420px;
    }
#dish_wrapper {
    float: left;
    width: 800px;
    background: #333333 bottom url(/images/dish_bg.png) no-repeat;
    }
    #dish_wrapper h3 {
        float : left;
        clear : left;
        width : 600px;
        color: #fff;
        margin: 23px 0 0 20px;
        font-family: ;
        }
    #dish_wrapper .col1,
    #dish_wrapper .col2 {
        float: left;
        width: 390px;
        padding: 10px 0 0 10px;
        }
    #dish_wrapper dl { 
        float: left;
        margin: 10px 0 0 0;
        }
    #dish_wrapper dt,
    #dish_wrapper dd {
        color: #fff;
        font-size: 11px;
        }
    #dish_wrapper dt {
        font-family: geneva,tahoma,verdana;
        }
    #dish_wrapper dd {
        font-family: century gothic,;
        }
    #dish_wrapper dt {
        width: 315px;
        float: left;
        padding: 0 0 0 14px;
        background: url(/images/dish_arrow.png?64) no-repeat;
        }
    #dish_wrapper dd {
        width: 50px;
        float: left;
        margin: 0 0 0 10px;
        }
 
/*
========================================================================
Drinks Page
========================================================================
*/

#intro {
    float: right;
    
    }
#drinks_wrapper {
    float: left;
    width: 800px;
    background: #333333 bottom url(/images/dish_bg.png) no-repeat;
    }
    #drinks_wrapper h3 {
        width : 600px;
        float : left;
        clear : left;
        color: #fff;
        margin: 23px 0 0 20px;
        font-family: ;
        }
    #drinks_wrapper .col1,
    #drinks_wrapper .col2 {
        float: left;
        width: 390px;
        padding: 10px 0 0 10px;
        }
    #drinks_wrapper dl { 
        float: left;
        margin: 10px 0 0 0;
        }
    #drinks_wrapper dt,
    #drinks_wrapper dd {
        color: #fff;
        }
    #drinks_wrapper #group {
        font-family: geneva,tahoma,verdana;
        font-size: 13px;
        width: 345px;
        float: left;
        } 
    #drinks_wrapper #d_details {
        width: 380px;
        }       
        #drinks_wrapper #d_title {
            font-size: 11px !important;
            width: 300px;
            float: left;
            padding: 0 0 0 14px;
            background: url(/images/dish_arrow.png?64) no-repeat;
            }
        #drinks_wrapper #d_price {
            float: left;
            width: 50px
            }
    #drinks_wrapper dd {
        font-family: century gothic;
        }

/*
========================================================================
Featured Artists
========================================================================
*/

#page_featured_artists #page {
    width: 421px;
    }

/*
========================================================================
About Us
========================================================================
*/

#page {
    float: right;
    width: 421px;
    *width: 387px;
    _overflow: hidden;
    _width: 420px;
    }
    #page h2 {
        float: left;
        width: 300px;
        margin: 17px 0 10px 17px;
        .margin: 20px 0 20px 0;
        }


/*
========================================================================
Contact Page
========================================================================
*/

#form {
    float: right;
    width: 421px;
    }
    #page_contact #form h2 {
        width: 300px;
        .margin: 20px 0 10px 10px;
        }
    #form #additional,
    #form #fields {
        margin: 20px 0 0 0;
        }
    #form #additional {
        float: left;
        width: 185px;
        padding: 0 0 0 17px;
        }
        #form #additional p {
            font-size: 13px;
            font-family: century gothic;
            margin: 0 0 0 0;
            *width: 185px;
            }
        #form #additional #contact_email {
            font-size: 12px;
            margin: 5px 0 0 0;
            }
            #form #additional p a {
                color: #2F3947;
                }
    #form #fields {
        float: right;
        width: 200px; 
        } 
        #form ul li {
            float: left;
            }
            #form ul li label {
                font-size: 11px;
                font-family: century gothic;
                }
            #form ul li input {
                border: none;
                background: #2f3947;
                }
                #form ul li #input_full_name {
                    width: 156px;
                    height: 16px;
                    }
                #form ul li input.text,
                #form ul li input.email,
                #form ul li input.date,
                #form ul li input.numeric 
                    {
                    color: #000;
                    font-size: 11px;
                    padding: 2px 0 0 2px;
                    background: #ccc;
                    border: 1px solid #000;
                    }
                    #form ul li span {
                        color: red;
                        }
                #form ul li #input_email {
                    width: 168px;
                    height: 16px;
                    }
                #form ul li #input_comments {
                    width: 179px;
                    height: 89px;
                    border: 1px solid #000;
                    background: #ccc;
                    }
                #form ul li #input_submit {
                    float: right;
                    margin: 3px 21px 0 0;
                    }
/*
========================================================================
Bookings Page
========================================================================
*/

#page_bookings #form {
    float: left;
    width: 421px;
    }
    #page_bookings #form #additional {
        float: left;
        width: 386px;
        margin: 0 0 0 0;
        *margin: 0px 0 0 10px;
        *padding: 0 0 0 0;
        }
        #page_bookings #form #additional p {
            width: 370px;
            }
    #page_bookings #form #fields {
        float: left;
        width: 386px;
        margin: 5px 0 0 17px;
        }
        #page_bookings #form ul li {
            width: 171px;
            }
            #page_bookings #form ul li input.text {
                height: 16px;
                }
        #page_bookings #form li.input_full_name,
        #page_bookings #form li.input_email,
        #page_bookings #form #telephone {
            width: 156px;
            margin: 0 20px 0 0;
            *margin: 0 10px 0 0;
            }
        #page_bookings #form li.input_telephone {
            margin: 8px 100px 0 0;
            }
        #page_bookings #form li.input_party_size {
            width: 360px;            
            margin: 8px 0 0 0;
            }
            #page_bookings #form ul.radio_buttons li {
                float: left;
                width: 30px;
                }
            #page_bookings #form ul.radio_buttons input {
                background: #E8E8E8;
                }
        #page_bookings #form li.input_date {
            margin: 8px 0 0 0;
            }
        #page_bookings #form li.input_date label {
            margin: 0 80px 0 0;
            }
        #page_bookings #form li input.date,
        #page_bookings #form li.input_time input {
            width: 82px;
            float: left;
            margin: 0 5px 0 0;
            }
        #page_bookings #form li p {
            float: left;
            font-size: 11px;
            font-family: geneva, tahoma;
            }
        #page_bookings p.input_party_size {
            width: 360px; 
            }
        #page_bookings #form li a {
            display: none;
            }
        #page_bookings #form li.input_time {
            margin: 8px 0 0 10px;
            }
         #page_bookings #form li.input_time label {
            margin: 0 100px 0 0;
            }
         #page_bookings #form li.input_time input {
            width: 82px;
            }
        #page_bookings #form li.input_submit {
            margin: 0 0 0 0;
            width: 100%;
            }
            #page_bookings #form #input_submit {
                margin: 8px 0 0 0;
                float: left;
                }
                

/*
========================================================================
Site Map
========================================================================
*/

#sitemap {
    overflow: hidden;
    width: 405px;
    float: right;
    }
    
    #sitemap h2{
    float: left;
    width: 405px;
    }
    
     #sitemap a{
   color: black;
    }
    
    #sitemap p{
    float: left;
    margin-top: 10px;
    width: 405px;
    }
    
    #sitemap ul{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 405px;
    }

 #sitemap ul li{
    width: 405px;
    float: left;
    }
    
     #sitemap ul li ul{
         text-indent: 20px;
    }
    
    #sitemap li.navigation {
         display: none;
         }
         
/*
========================================================================
Site Map
========================================================================
*/

#page_links #additional a {
    color: #98a4b6;
    }