body
{
    background-color: Black;
    font-family: Arial, Verdana, Sans-Serif;
    color: #3D0603;
}

/*****************************/
/*  Common Elements         */
/*****************************/

img
{
    border: none;
}

h1
{
    color: #003333;
    font-weight: normal;
    font-size: 1.5em;
    margin: 0;
    padding: 20px 0;
}

h2
{
    color: #003333;
    font-weight: normal;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    font-style: italic;
}

h3
{
    font-weight: normal;
    font-size: 1em;
    text-decoration: underline;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/********* Header Items **********/
#Wrapper
{
    width: 1100px;
    position: relative;
    margin: auto;
}

#Header #topBar
{
    height: 123px;
    width: 990px;   
}

#HeaderBG 
{
    position: absolute;
    top: 0px;
    z-index: 70;
    background-repeat: no-repeat;
}

#BGMiddle
{
 /*   background-image: url(/images/webskin_original_bg_sliced.png);*/
    background-image: url(/images/psliver5.png);
    background-repeat: repeat-y;                                                                    
    height: 300px;
    width: 1200px;
    position: relative;
    z-index: 85;
    top: 77px;
}

#FHBLogo
{
    position: absolute;
    left: 420px;
    top: 30px;
    z-index: 100;
    background-repeat: no-repeat;
    
}

#Scroll
{
    position: absolute;
    left: 272px;
    top: 35px;
    z-index: 80;
    background-repeat: no-repeat;
}

#HeaderPhotos
{
    width: 1110px;
    top: 75px;
    position: relative;
    z-index: 75;
}

#HeaderPic1
{
    position: relative;
    float: left;
    top: 100px;
    left: -34px;
    padding: 0px;
    margin: 0px;
}

#HeaderPic2
{
    position: relative;
    float: left;
    top: 100px;
    padding: 0px;
    margin: 0px;
    height: 226px;   /*orig 306H x 500w; h/w ratio = .556 */ 
    width: 406px;
    left: -34px;
}

#HeaderPic3
{
    position: relative;
    float: right;
    right: 80px;
    top: 100px;
    padding: 0px;
    margin: 0px;
    
}


.GoldMenuBar
{
    /*background-image: url(/images/Menu_Bar_Gold.png);
    background-repeat: no-repeat;*/
    position: relative;
    top: 159px;
    z-index: 89;
    left: 70px;
}


#Header #headerBar
{
    height: 289px;
    width: 990px;
    position: relative;
    top: 600px;  /*bb*/
    z-index: 75;
}

#Header #headerBar img
{
    float: right;
    margin: 10px 10px 0 0;
    z-index: 75;
}

#Header #topBar img
{
    float: left;
    padding: 20px;
    position: relative;
    z-index: 75;
}

#Header h1
{
    font-variant: small-caps;
    font-family: Times New Roman;
    font-size: 2em;
    color: White;
    float: right;
    margin: 25px;
    z-index: 75;
}

#Header
{
    height: 433px;
    z-index: 75;
}

/************ Header Menus ***************/
/* #menuHolder
{
    border-top: 1px solid #ededed;
    margin-top: 1px;
    z-index: 95;
    position: relative;
    left: 80px;
    top: 410px;
}*/

ul#mainMenu, ul#FooterMenu
{
    list-style: none;
    float: left;
    height: 15px;
    margin: 10px 0 0;
    padding: 0;
    z-index: 75;
}

ul#FooterMenu
{
    margin:15px;
}

ul#mainMenu li, ul#FooterMenu li
{
    float: left;
    margin: 0 0 0 0px;
    padding: 0 0 5px 30px;
    font-size: .85em;
    z-index: 75;
}

ul#mainMenu a, ul#topMenu a, ul#FooterMenu a
{
    color:Black;    
    padding: 0 17px;
    z-index: 75;
}

ul#mainMenu li.selected
{
    background-image: url(/images/Firehouse_Menu_Tab_Sliver.png);
    background-repeat: repeat-x;
    z-index: 75;
}

ul#mainMenu li.selected a
{
    color: White;
    padding: 0 10px;
    z-index: 75;
}

ul#mainMenu li.selected span.left
{
    width: 4px;
    height: 31px;
    background-image: url(/images/Firehouse_Menu_Tab_Left.png);
    background-repeat: no-repeat;
    z-index: 75;
}

ul#mainMenu li.selected span.right
{
    width: 4px;
    height: 31px;
    background-image: url(/images/Firehouse_Menu_Tab_Right.png);
    background-repeat: no-repeat;
    z-index: 75;
}

ul#topMenu
{
    list-style: none;
    height: 30px;
    margin: 0;
    padding: 0;
    z-index: 75;
    position: relative;
    top: 10px;
    left: 350px;
    color: #FFFFFF;
}

ul#topMenu li
{
    float: right;
    padding: 5px 10px;
    font-variant: small-caps;
    z-index: 75;
}

#Facebook
{
    top: 66px;
    left: 880px;
    float: left;
    z-index: 100;
    position: relative;
}

#cartArea
{
    top: 70px;
    float: left;
    left: 895px;
    z-index: 100;
    position: relative;
}

#cartArea img
{
    float: right !important;
    z-index: 100;
}

#cartArea span
{
    float: right;
    padding-top: 17px;
}

/************** Content Area *****************/
#contentContainer
{
    width: 990px;
    /*clear: left;*/
    margin-top: 78px;
    overflow: auto;
    padding: 45px 71px 35px;
    z-index: 75;
    background-image: url(/images/psliver4.png);
    background-repeat: repeat-y;  
    color: #5d1903;                                                                  
    /*height: 300px;*/
    /*width: 1200px;*/
    /*position: relative;*/
    /*z-index: 85;*/
    /*top: 77px;*/
}

#Content
{
    padding: 0px 30px 0px 30px;
    z-index: 75;
}

/************** Footer Area *****************/
#Footer
{
    background-image: url(/Images/Firehouse_Master_bg_bottom_test.jpg);
    background-repeat: no-repeat;
    position: relative;
    width: 1100px;
    height: 356px;
    z-index: 96;
}

#Footer .Bar
{
    /*background: none repeat scroll 0 0 #F8B748;*/
    height: 10px;
    margin-left: 70px;
   /* width: 959px;*/
}

#Footer .Contact
{
    margin: 20px auto;
    width: 326px;
}

#footerImage 
{
    position: relative;   
    top: 38px;
}

#mainMenuHolder, #FooterMenuHolder
{
    position: relative;
    height: 45px;
    list-style: none;
    top: 116px;
    left: 70px;
    width: 990px;
    z-index: 90;
    font-family: Copperplate Gothic Bold, Arial, Helvetica;
}

#FooterMenuHolder
{
    top:0;
    margin: 0 auto;
    width: 840px;
}

#mainMenu
{
    position: relative;
    height: 40px;
    list-style: none;
    z-index: 97;
    
}

#footerMenu li
{
    float: left;
    padding: 0 23px 0 23px;
    margin-top: 13px;
    border-right: 1px solid #e7e7e6;
    color: Black;
    font-variant: small-caps;
    font-size: .85em;
    z-index: 75;
}

#footerMenu li.last
{
    border-right: none;
    z-index: 75;
}

#footerMenu li a
{
    text-decoration: none;
    color: Black;
    z-index: 75;
}

#mainMenu li a:hover
{
    text-decoration: underline;
    z-index: 75;
}

#Footer #Copyright
{
    color: White;
    font-size: .7em;    
    float: right;
    margin: 159px 80px;
    z-index: 96;
}

#Footer #PoweredBy
{
    color: White;
    font-size: .7em;    
    float: left;
    margin: 159px 86px;
    z-index: 96;
}

#Footer #PoweredBy a
{
    text-decoration: none;
    color: White;
    font-weight: bold;
    z-index: 96;
}

#Footer #PoweredBy a:hover
{
    text-decoration: underline;
    z-index: 96;
}

#menuCategories
{
    float: left;
    z-index: 75;
}

#menuCategories ul
{
    list-style: none;
    z-index: 75;
}

#menuCategories ul li
{
    padding: 10px;
    z-index: 75;
}

#menuItems
{
    float:left;
    padding: 10px 50px 50px;
    width: 550px;
    z-index: 75;
}

/********* Dinner menu items **********/
#selections
{
    float: left;
}

#selections ul
{
    list-style: none;
}

ul#dinnerList
{
    list-style: none;
    float: right;
    width: 600px;
}

/**********************************/
/*  Contact / all forms  */
/**********************************/
ol.form-block
{
    list-style: none;
}

ol.form-block li
{
    padding: 3px 0 3px 0;
    font: bold 12px Arial, Tahoma, sans-serif;
    color: #33393c;
}

ol.form-block li label
{
    font: bold 12px Arial, Tahoma, sans-serif;
    color: #33393c;
    margin: 5px 0px 5px 0px;
    display: block;
}

ol.form-block li.noBlock label
{
    display: inline !important;
}

ol.form-block li input.text
{
    color: #003333;
    padding: 3px; /*display: block;*/
    border: 1px solid #cccccc;
}

ol.form-block li select.text
{
    color: #edf0f0;
    padding: 2px; /*display: block;*/
    border: 1px solid #cccccc;
}

ol.form-block li em
{
    color: #5c6163;
    display: block;
    margin: -12px 0px 12px 0px;
}

ol.form-block li .submit
{
    background-color: #003333;
    display: block;
    margin: 0px 10px 20px 0px;
    padding: 6px 8px;
    font-family: bold normal Arial, Tahoma, sans-serif;
    color: #fff;
    border: 1px solid #333333;
}

/******** Login ***********/
.signUp
{
    float: left;
    padding: 28px 104px;
}

.login
{
    margin: 0 auto;
    width: 320px;
    border: none;
}

.loginHeader
{
    text-align: left;
    padding: 25px 0;
}

.loginRemember
{
    padding: 25px 0;
}

.loginForgotLink
{
    margin: 0 0 0 165px;
}

.standardForm
{
    margin: 5px 30px;
}

#createUser
{
    width: 460px;
    margin: 0 auto;
}