@charset "UTF-8";
/* CSS Document */
/* 
Imported Styles
-----------------------------------------------------------------------------*/	
@import url("cssreset.css"); /* Resets defaults to help minimize browser interpretation issues */
@import url("960.css"); /* covers container widths and floats */
/* 
Containers
-----------------------------------------------------------------------------*/	
html {font-family: Verdana, Geneva, sans-serif; font-size:12px; line-height:18px;}
body {background: url(../images/html-back.jpg);}
.container_12 {margin-bottom: 10px;}
#masthead, #promo-item, #our-story, #events, #products {margin-bottom:10px;}
#masthead {position: relative; height:131px;}
#logo {position:absolute; left:0; bottom: -25px;}
#promo-item {background-color:#766749;}
#promo-item .gutter {padding:25px 30px; color: #d8d0cd;}
#secondary-content, #our-story, #events, #products, #page-content {background: url(../images/content-box-back.png);}
.gutter {padding:14px 25px 14px 25px;}
#page-content .gutter {padding:25px;}
#search {margin-top: 16px;}
#search label {position:absolute; top: -90000px;}
#search-box, #search-submit {border:#928a7b 1px solid; font-size:10px; color: #766749;}
#search-box {width: 188px; margin-right:5px;}
#search-submit {width:48px; text-align:center; vertical-align:middle;}
#browse-by-wine, #browse-by-beer, #browse-by-liquor {margin-top: 10px;} 
#browse-by-wine {background:url(../images/browse-by-wine-back.png) no-repeat top left;}
#browse-by-beer {background:url(../images/browse-by-beer-back.png) no-repeat top left;}
#browse-by-liquor {background:url(../images/browse-by-liquor-back.png) no-repeat top left;}
#footer {text-align:center; padding:10px 0;}
/* 
Navigation Links
-----------------------------------------------------------------------------*/	
#main-navigation {position: absolute; top: 0; right: 0; background-color:#a68f63; height:30px; z-index:10;}
#nav {margin-left: 9px;}
#nav li {display: inline; color:#fff;}
#nav li a {line-height: 30px; text-decoration:none; color:#fff;}
#nav li a:hover, #nav li a:focus {text-decoration: underline;}
#nav li.active a {color: #75092d;}
#nav li.active a:hover {cursor:default; text-decoration:none;}
#drinks-magazine {position:absolute; top: 0; right: 0; z-index:20;}
#email-signup {position:absolute; bottom: 0; right: 0;}
#find-a-location {text-align:right; position:absolute; right:0; top:63px;}
#footer-nav li {display:inline;}
/* 
Typography / Hyperlinks
-----------------------------------------------------------------------------*/	
h1, h2, h3, h4, h5, h6 {background:url(../images/sidebar-header-border.png) repeat-x bottom left; padding: 0 0 10px 0; margin: 0 0 20px 0;}
p, ol, ul, dl, small, td {line-height: 18px;}
#page-content p, #page-content ol, #page-content ul,
#page-content dl, #page-content table {margin-bottom:1.5em;}
#page-content h1 {font-size:24px;}
#page-content h2 {font-size:18px;}
#page-content h3 {font-size: 16px;}
#page-content h4 {font-size:13px;}
#page-content ul {list-style:square; margin-left:1em;}
#page-content ol {list-style:decimal; margin-left: 1.5em;}
th {font-weight:bold; line-height:18px;}
#specials td, #specials th {padding:4px 0;}
#specials table {margin-bottom:7px;}
#promo-item h1 { font-size:24px;}
#promo-item p {line-height:18px;}
#our-story h3, #events h3 {font-size:18px; margin-bottom: 10px;}
#our-story p {margin-bottom:5px;}

#products h2{font-size:24px;}
#products h4 {background-image:none; font-size:14px; color: #2b2a26; margin: 0; padding:0;}
#products ul li {position:relative; width:270px; float:left; margin:0 10px 20px 0;}
#products ul li h4, #products ul li p {margin-left:150px;}
#products ul li p {font-size:11px;}
#products td {padding:1px;}

#secondary-content h3 {font-size:14px; text-indent:12px; padding:24px 0 7px 0; margin-bottom: 17px; color: #2b2a26;}
#secondary-content ul {color:#74092d; margin-left:2em; padding-bottom: 17px;}
#events ul {color:#74092d; margin-left:1em;}
#secondary-content li, #events li {line-height:1.5em; list-style:square;}

#footer h5 {background-image:none;}
a:link, a:visited {color:#74092d; text-decoration:none;}
a:hover, a:focus {text-decoration: underline;}
a:active {}
.read-more {text-align:right; margin:10px 0;}
/* 
Images
-----------------------------------------------------------------------------*/	
#promo-item img {float:left; margin:0 20px 0 0;}
#our-story img {margin-bottom: 10px;}
#products ul li img {position: absolute; top: 0; left:0;}

/* 
Curvy Corners
-----------------------------------------------------------------------------*/	
#secondary-content, #promo-item, #our-story, #events, #products,
#main-navigation, #page-content { -webkit-border-radius: 8px; -moz-border-radius:8px;}