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

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

#main
{
    height:       100%;
    margin:       0px;
    padding:      0px;
    background:   #7A3323 url('../images/gradient.jpg') repeat-x;
}

#masthead
{
    height:     185px;
    text-align: center;
    background: transparent url(../images/logo.jpg) center top no-repeat;
    position:   relative;
}

#nav
{
  display:          none;
}

#content
{
    padding:    10px 15px 10px 200px;
    background: transparent url('../images/sepia-wine.jpg') 180px top no-repeat;
    color:      #ccc;
}

#content.food
{
    background: transparent url('../images/backgrounds/food.jpg') 180px top no-repeat;
}

#content .image img
{
    margin:    0px auto;
    border:   1px solid #444;
}

#content p
{
    background:     transparent url('../images/line.jpg') top center no-repeat;
    margin-bottom:  8px;
    font-size:      18px;
    clear:          both;
    padding:        10px 0px;
    position:       relative;
}

#content p.first
{
    /* use dummy image to fool IE */
    background-image:   url('nothing.jpg');
}

#content p .cap
{
    font-size:      1.25em;
    padding-right:  1px;
    font-weight:    bold;
}

#content a
{
    color:      #ccc;
}

#content a:hover
{
    color:      #fff;
}

#menu
{
  position:         absolute;
  top:              190px;
  left:             70px;
  width:            160px;
  float:            left;
  height:           100%;
  background:       transparent url('../images/line-vertical.jpg') top right no-repeat;
  padding-bottom:   100px;
}

#menu img
{
  margin:   5px 0px 25px 0px;
  border:   1px solid #444;
  float:    left;
}

#menu ul
{
  padding:    0px;
  margin:     0px;
  list-style: none;
}

#menu ul li
{
  clear:  both;
  height: 24px;
}

#menu ul a
{
  float:            left;
  text-decoration:  none;
  color:            #8d98a1;
  display:          block;
  font-size:        14px;
  font-weight:      bold;
}

#menu ul a:hover, #menu ul a.selected
{
    color:      #ccc;
    font-size:  20px;
}

#menu ul ul
{
  margin:       0px 0px 5px 20px;
  font-size:    95%;
}

#menu li li
{
    padding-right:  15px;
    font-size:      14px;
}

#menu li li a.selected, #menu li li a:hover
{
    font-size:      14px;
}

#menu .ad
{
    clear:      both;
    font-size:  12px;
    color:      #ccc;
}

#menu .ad p
{
    text-align: center;
}

#menu .decoration img
{
    padding-top:    50px;
    border:         none;
}

ol.wine
{
  list-style:  none;
  position:       relative;
}

ol.wine li, ol.wine h1
{
  clear:    both;
}

ol.wine h1, ol.wine h2
{
  letter-spacing: -1px;
  font-variant: small-caps;
}

ol.wine h1
{
  background:     transparent url('../images/line.jpg') center 0px no-repeat;
  margin-top:     10px;
  padding-top:    10px;
}

ol.wine h2
{
  margin:         5px 0px 0px 0px;;
  padding-bottom: 0px;
}

ol.wine li.even h2
{
  color:    #662200;
  color:    #2e0203;
}

ol.wine li.odd h2
{
  color:    #fefedf;
}

#content ol.wine li p
{
  /* use dummy image to fool IE */
  background-image:   url('nothing.jpg');
  margin:           0px;
  padding-top:      2px;
  padding-bottom:   2px;
}

.price
{
  height:         1.5em;
}
.price .bottle
{
  float:  left;
}

.price .glass
{
  float:          right;
}

#foodmenu
{
    text-align:     center;
    font-family:    serif;
}

#foodmenu h1
{
    font-weight:        normal;
    font-size:          24px;
    padding-bottom:     10px;
    margin-bottom:      15px;
    background:         transparent url('../images/line.jpg') bottom center no-repeat;
    font-variant:       small-caps;
}

#foodmenu h2
{
    font-size:          20px;
    padding:            0px;
    margin:             12px 0px 0px 0px;
}

#foodmenu h3
{
    font-weight:        normal;
    font-size:          18px;
    padding:            0px;
    margin:             16px 0px 0px 0px;
}

#foodmenu p
{
    /* use dummy image to fool IE */
    background-image:   url('nothing.jpg');
    padding:            0px;
    margin:             0px 0px 4px 0px;
}

#foodmenu p em
{
}

#foodmenu table
{
    width:      100%;
}

#foodmenu table td
{
    text-align: left;
    font-size:  18px;
}

#foodmenu table td.price
{
    text-align:     right;
    font-style:     italic;
}

#subscribe th
{
    padding-right:  5px;
}

#subscribe tr td, #subscribe tr th
{
    padding-bottom: 5px;
}

.wrap0, .wrap1, .wrap2, .wrap3, .wrap4
{
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap0 
{
  float:left;
  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;
}