/* LAYOUT --------------------- */
body{padding:0; margin:0; background-image:url(/imgs/bg.jpg); background-repeat:repeat}

#wrapper{margin:0 auto; width:810px; height:1%;  position:relative}

#container{width:810px; float:left; margin:25px auto 10px; height:auto; background-image:url(/imgs/canvas.jpg); background-repeat:repeat}

#primary{width:602px; padding:22px 32px 35px 174px; float:left}
* html #primary{padding-top:17px}
*:first-child+html #primary{padding-top:17px}

#main{width:370px; float:left}

#main2{width:500px; float:left}
#main-wide{width:600px; float:left}

#secondary{float:right; width:190px}

#btm{margin-top:15px}

p.genre{font-size:11px; text-transform:uppercase; color:#929292; padding:5px 0 0 32px; float:left}

p.contactinfo{font-size:11px; line-height:16px; text-transform:uppercase; float:right; text-align:right; color:#929292; padding:5px 32px 0 0}

span.phone{color:#666}

/* LOGO --------------------- */
#logo{background:url(/imgs/logo.gif) top left no-repeat; position:absolute; top:110px; left:30px; z-index:9000; display:block}

#logo a{display:block; text-decoration:none}

/* TYPOGRAPHY --------------------- */
h1{font:bold 11px/20px helvetica,arial,sans-serif; text-transform:uppercase; color:#d29c57; padding:5px 0 14px; margin:0}

* html h1{padding-bottom:19px}
*:first-child+html h1{padding-bottom:19px}

h2{font:bold 12px/18px helvetica,arial,sans-serif; color:#444; margin:1em 0 0}

h2.narrow{width:80px; padding-bottom:10px}
h2.sake{width:120px; margin:0; clear:both; float:left}

h3{font:bold 12px/16px helvetica,arial,sans-serif; color:#666; margin:0 0 2px; padding-top:0px}
h4{font:normal 12px/18px helvetica,arial,sans-serif; margin:.5em 0 0; color:#333}
h5{font:bold 11px/20px helvetica,arial,sans-serif; text-transform:uppercase; color:#adadad; padding:.5em 0 .5em; border-bottom:1px solid #d6d6d6; margin:0}

p{font:normal 12px/18px helvetica,arial,sans-serif; color:#222; margin:0 0 1em}

#main2 p{color:#8a8a8a}
 
h2.title{font-weight:normal; font-size:14px; line-height:20px; margin:0 0 .6em; color:#707070}

p.subheader{font-size:14px; line-height:20px; margin:0 0 .6em}

a{color:#666}

table th{font:normal 11px/18px helvetica,arial,sans-serif; text-transform:uppercase; color:#999}
td{font:normal 12px/16px helvetica,arial,sans-serif; color:#222}
table{margin:0 0 30px 15px; float:left; display:inline}

table.hours{margin:0 0 30px 0; float:none}
table.wine{margin:0 0 30px 0}

img.floatr{float:right; padding:6px 0 20px 25px}
img.floatl{float:left; padding:6px 25px 20px 0}
img.large{padding-top:4px; padding-bottom:20px}

/* MAIN NAV+MENU NAV --------------------- */
#nav{position:absolute; top:154px; left:32px; z-index:9000}

#nav ul{list-style:none; padding:0; margin:0; font:normal 12px/20px helvetica,arial,sans-serif}

#nav a{text-decoration:none; color:#666}
#nav a.selected{color:#888}

p#menunav{margin:3px 0 25px; padding:4px 0 2px; width:100%; font:normal 12px/18px helvetica,arial,sans-serif; float:left; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; color:#999}

* html p#menunav{margin-top:0; padding:4px 0}
*:first-child+html p#menunav{padding:3px 0}
p#menunav a{color:#999; text-decoration:none}
p#menunav a.active{color:#d29c57}

#map{font:normal 12px/15px helvetica,arial,sans-serif; padding:0px 0 10px 16px; margin-top:45px}

#footer{display:none}

/* MISC --------------------- */
.cleaner{clear:both; height:1px; line-height:0; font-size:0}
.float-l{float:left}
.float-r{float:right}
.flush-r{float:right; text-align:right}
.vertspace{padding-top:10px}
