html, body, div, ul, *
{
    padding:    0px;
    margin:     0px;
}

body
{
    padding:            5px 25px 0px 25px;
    background-color:   #ebebeb;
}

#wrapper
{
  width:        924px;
  margin:       25px auto 15px auto;
  padding-left: 10px;
}

#main
{
    /* so that absolutely positioned children will be placed relative to this */
    position:   relative;
}

#masthead
{
  background:   url(../images/logo.jpg) 3px 3px no-repeat;
  height:       175px;
  position:     relative;
}

#background
{
    /*
    border:     5px solid white;
    */
    height:     400px;
    width:      700px;
    position:   absolute;
    
    /* IE needs 15px, but others don't - see below */
    right:      15px;
    top:        0px;
    
    background: transparent url(../images/background-1.jpg) right top no-repeat;
}

/* rule for non IE browsers */
#main>#background
{
    right:      00px;
}

#sidebar
{
    position:       absolute;
    top:            190px;
    left:           10px;
    width:          140px;
    height:         200px;
    font-family:    sans-serif;
    letter-spacing: -1px;
    font-size:      18px;
}

#sidebar ul
{
    list-style:     none;
}

#sidebar ul li
{
    clear:          both;
}

#sidebar ul a
{
    color:              #999;
    text-decoration:    none;
    display:            block;
    float:              right;
    white-space:        nowrap;
    margin-bottom:      8px;
}

#sidebar ul a:hover, #sidebar ul li.selected a
{
    color:              #fff;
}
#main
{
    background-color:   #085508;
    padding-bottom:     20px;
}

#tabbar li
{
    position:       relative;
    list-style:     none;
    float:          left;
}

#tabbar a
{
    text-decoration:    none;
    display:            block;
    float:              left;
    padding-right:      8px;
}

#tabbar a
{
    background:     transparent url(../images/link/trans/sandwich.jpg) left top no-repeat;
    width:          152px;
    height:         101px;
    text-align:     center;
    color:          #888;
    font-weight:    bold;
    font-size:      24px;
    letter-spacing: -1px;
    font-family:    "Arial", "Verdana", "Tahoma", sans-serif;
    padding-top:    0.5em;
}


#tabbar a:hover, #tabbar li.selected a
{
    background: transparent url(../images/link/menu1.jpg) left top no-repeat;
    color:      #fff;
}

#tabbar a
{
    position:   relative;
}

#tabbar a.menu1
{
    background: transparent url(../images/link/trans/menu1.jpg) left top no-repeat;
}


#tabbar a:hover.menu1, #tabbar li.selected a.menu1
{
    background: transparent url(../images/link/menu1.jpg) left top no-repeat;
}


#tabbar a.menu2
{
    background: transparent url(../images/link/trans/menu2.jpg) left top no-repeat;
}


#tabbar a:hover.menu2, #tabbar li.selected a.menu2
{
    background: transparent url(../images/link/menu2.jpg) left top no-repeat;
}

#tabbar a.menu3
{
    background: transparent url(../images/link/trans/menu3.jpg) left top no-repeat;
}


#tabbar a:hover.menu3, #tabbar li.selected a.menu3
{
    background: transparent url(../images/link/menu3.jpg) left top no-repeat;
}

#tabbar a.soup
{
    background: transparent url(../images/link/trans/soup.jpg) left top no-repeat;
}


#tabbar a:hover.soup, #tabbar li.selected a.soup
{
    background: transparent url(../images/link/soup.jpg) left top no-repeat;
}

#tabbar a.sandwich
{
    background: transparent url(../images/link/trans/sandwich.jpg) left top no-repeat;
}


#tabbar a:hover.sandwich, #tabbar li.selected a.sandwich
{
    background: transparent url(../images/link/sandwich.jpg) left top no-repeat;
}

#tabbar a.salad
{
    background: transparent url(../images/link/trans/salad.jpg) left top no-repeat;
}


#tabbar a:hover.salad, #tabbar li.selected a.salad
{
    background: transparent url(../images/link/salad.jpg) left top no-repeat;
}

#content
{
    background-color:   white;
    margin:             0px 194px 0px 155px;
    position:           relative;
    top:                -18px;
    background:         #fff url(../images/tl.jpg) left top no-repeat;
    padding:            20px;
    font-family:        sans-serif;
    /*
    letter-spacing:     -1px;
    */
    font-size:          16px;
    color:              #777;
    color:              #555;
}

#content img
{
    border: 5px solid #fff;
}



#content h1
{
    color:          #462369;
    font-size:      20px;
    /*
    font-variant:   small-caps;
    */
    letter-spacing: -1px;
    clear:          both;
    padding-top:    5px;
}

#content h2
{
    color:          #5A4C69;
    font-size:      18px;
    padding:        5px 0px;
    clear:          both;
}


#content p
{
    clear:          both;
    padding-bottom: 12px;
}

#content p.strong
{
    text-align:     center;
    font-weight:    bold;
}

#content ul
{
    margin-left:    1em;
}

#content p a
{
    color:              #555;
}


#content p a:hover
{
    color:              #000;
}


table.menuItem th.price
{
    text-align: right;
}

th
{
    font-variant:   small-caps;
    text-align:     left;
}

tr
{
    font-size:      16px;
}

tr.odd td
{
    background-color:   #e0e0ff;
}

td, th
{
    padding:            0px 10px;
}

td.price, th.price
{
    text-align:         right;
}

tr td.new, tr td.new
{
    background-color:   #fff;
    color:              #faa;
}

#footer
{
    color:          #666;
    text-align:     center;
    font-family:    sans-serif;
    font-size:      12px;
}

.wrap0, .wrap1, .wrap2, .wrap3, .wrap4
{
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap0 
{
  background:url(../images/shadows/ebb551/right.jpg) right top repeat-y;
}
.wrap1 
{
  background:url(../images/shadows/ebb551/bottom.jpg) left bottom repeat-x;
}
.wrap2 
{
  background:url(../images/shadows/ebb551/br.jpg) right bottom no-repeat;
}
.wrap3 
{
  background:url(../images/shadows/ebb551/bl.jpg) left bottom no-repeat;
}

.wrap4 
{
  /* change right and bottom padding to vary shadow */
  padding:0 15px 15px 0;
  background:url(../images/shadows/ebb551/tr.jpg) right top no-repeat;
}

.wrap4 img 
{
  display:block;
}

.spacer
{
    height: 75px;
}

.small.spacer
{
    height: 40px;
}