/* ---------------------------------------------------------------------
@author: Cowie and Fox
@website: http://www.cowieandfox.com
------------------------------------------------------------------------
RESET (remove default formatting from elements)
------------------------------------------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td, img, object { margin:0; padding:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img,abbr { border:0; }
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; }
li { list-style:none; }
object { display:block; padding: 0; }

.brownBox { height:1%; }
            .brownBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
            html > body .brownBox { min-height:1px; height:auto; }
    

/* ---------------------------------------------------------------------
LAYOUT (overall structure)
------------------------------------------------------------------------ */

html { height:100%; overflow-y: scroll; }
body { font-size: 62.5%; background: url('/2008/images/html/body-bg.jpg') top left repeat #000000 fixed; height:100%; font-family: Verdana, Arial, Helvetica, sans-serif; }


#left { background: #fff; height: 100%; position: fixed; top: 0; left: 0; }
    #left #leftContainer { float: left; width: 290px; }
    #left #subNavContainer { float: left; background: #BBE3E3; height: 100%; width: 150px; padding-top: 179px; }

#right { margin-left: 310px; width: 450px; padding-top: 110px; }
    #right .flash_content {}

/* ---------------------------------------------------------------------
LAYOUT (styles)
------------------------------------------------------------------------ */

#left {}
    #left .logo { padding: 76px 20px 10px 20px; text-align: center;}
    #left .call_box { margin: 10px 40px; padding-bottom: 15px; border-top: #b9e3e2 solid 1px; border-bottom: #b9e3e2 solid 1px; }
    #left .no_border { border: none; }
    #left .call_box p { font-size: 7.5pt; line-height: 14px; }
    #left .call_box a { font-size: 7.5pt; }
    #left .call_box a:hover { color: #937962; }
    
    #right {padding-bottom: 50px;}
    #right_index { margin-left: 290px; }
        #right_index .brownBox { margin-left: 20px; }
    .brownBox {
        background: #392929;
        width: 400px;
        margin-bottom: 4px;
        padding: 20px 30px 20px 30px;
    }
    #small_banner, .small_banner { border: solid #BBE3E4 4px; margin: 4px 0 4px 0; width: 452px; height: 252px; }
        .small_banner { width: 452px; }
    
    
    
    /*typography styles*/
        
    h1, h2, h3, h4, h5, h6, p, pre,blockquote, address { margin: 0 0; padding: 0; font-smooth: always; }
    
    h1 { font-size: 2.2em; color: #fff; padding: 5px 0 0 0; font-weight: normal; }
    h2 { font-size: 1.6em; padding: 8px 0; color: #fff; }
    h3 { margin: 0 0 4px 0; color: #937962; font-size: 1.4em;}
    blockquote { font-size: 18px; color: #BBE3E4;}

	strong { color: #917a68; } 
    
    p { font-size: 12px; line-height: 1.7em; color: #52B9BA; margin-bottom: 8px; }
    #left p { line-height: 1.6em; }
    
    ul.normal_list { font-size: 1.2em; line-height: 1.8em; list-style:disc; margin-left: 15px; }
    ul.normal_list li { color: #947a63; list-style:disc; }
    ul.normal_list li ul { margin-left: 40px;}
    ul.normal_list li ul li{ color:#B9E3E2; }
    
    
    a span { position: absolute; left: -5000px; }
    
    #right a { color: #B9E3E2; }
    #left a { color: #52B9BA; font-size: 11px;}
    #left a:hover {}
    #right a:hover { text-decoration: underline; }
    
    .copy { font-size: 7.5pt; color: #bbe3e3 }
    .copy, #left a.copy { font-size: 7.5pt; color: #bbe3e3 }
    #left a.copy:hover { color: #52B9BA; }
    
    /*custom buttons */
    a.reservation {
        background: url('/2008/images/html/make-a-reservation.gif');
        background-position:0% -72px;
        display: block;
        height: 36px;
        width: 210px;
    }
    
    a.reservation:hover {
        background: url('/2008/images/html/make-a-reservation.gif');
        background-position:0% -36px;
    }
    
    a.pdfIcon {
        background: url(/2008/images/html/acrobat-ico.png) 0 0 no-repeat;
        padding-left: 20px;
        font-size: 1.1em;
    }
    
    div#inputSkin {
        background: url('/2008/images/html/input-skin.jpg');
        height: 27px;
    }
    
    div#inputSkin input.text { background: none;
    padding: 4px;
    border: 0;
    height: 14px;
    margin: 2px 0 0 0;
    color: #937962;
    width: 132px; }
    
    input.submitButton {
    background: url('/2008/images/html/submit1.jpg');
    width: 70px;
    height: 26px;
    border: none;
    }

    input.submitButton:hover {
        background: url('/2008/images/html/submit2.jpg');
    }
    
    h3.productName, h3.price {display: block; float: left; margin-bottom: 10px; margin-top: 10px; font-size: 1.3em; }
    
    h3.productName { width: 310px; margin-bottom: 10px; }
    
    h3.price { width: 80px; text-align: right; }
    
/*------------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------------*/

#navMenuContainer ul li { position: relative; text-align: right; }
#navMenuContainer li a { display: block; color: #382827; }
#navMenuContainer li a:hover{ color: #937962; }

#navMenuContainer ul.link li { padding-right: 37px; padding-bottom: 20px; }
#navMenuContainer ul.link li a { font-size: 1.1em; }
#navMenuContainer ul.link li.selMenu { background: url(/2008/images/html/link-hover2.jpg) 143px 0 no-repeat; }
#navMenuContainer ul.link li.selMenu a { color: #937962; }


#navContainer ul li { position: relative; text-align: right; }
#navContainer li a { display: block; color: #382827; }
#navContainer li a:hover{ color: #937962; }

#navContainer { margin-top: 32px; margin-bottom: 23px; text-align: right; }
#navContainer ul.link li { padding-right: 37px; padding-bottom: 10px; height: 19px; }
#navContainer ul.link li a { font-size: 1.3em; }
#navContainer ul.link li.sel { background: url(/2008/images/html/link-hover.jpg) 282px 2px no-repeat; height: 19px; }
#navContainer ul.link li.sel a { color: #937962; }

/*------------------------------------------------------------------------------
Form
------------------------------------------------------------------------------*/
#contact_form { margin: 10px 0; }
#contact_form label { float: left; width: 100px; font-size: 12px; color: #52B9BA;}
#contact_form input, #contact_form textarea { float: left; margin-bottom: 10px; width: 200px; background: #bbe3e3; border-top: solid #000 1px; border-right: solid #000     1px; border-left: solid #927861 1px; border-bottom: solid #927861 1px; font-size: 12px; margin-right: 3px; }
#contact_form input { padding: 2px 0; }
#contact_form br { clear: both; }
#contact_form .msg { color:#927861; }
#contact_form .submit { background: #927861; color: #fff; border: none; width: 75px; }


img.article_img { float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 20px;}
p.title { color:  #fff; margin: 0; padding-top: 10px; border-top: solid #BBE3E4 1px; }
p.author { font-style: italic; color: #fff; margin: 0; }
p.article_info { margin: 0; padding-bottom: 10px; color: #937962; }
hr { border: none; background: #BBE3E4 ; height: 1px; margin: 15px 0 0 0;}


/*------------------------------------------------------------------------------
Form
------------------------------------------------------------------------------*/

table.menu {margin-top: 10px;}
table.menu tr td {font-size: 12px; line-height: 1.8em; color: #52B9BA; padding-bottom: 20px;}
table.menu tr td:first-child {width: 325px; padding-right: 50px;}



/* ---------------------------------------------------------------------
Sifr
------------------------------------------------------------------------ */    

/*****************************************************************************
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;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

.sIFR-active body h1 { visibility: hidden; font-family: Helvetica, Arial, sans-serif; }
.sIFR-active body h2 { visibility: hidden; font-family: Helvetica, Arial, sans-serif; }
.sIFR-active body #navContainer .link li { visibility: hidden; font-family: Helvetica, Arial, sans-serif; }