/*** GENERAL STYLES ***/

body {background: #697475 url(../images/bkg.gif) left top repeat-x fixed; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: georgia, serif; font-size: 14px; color: #363636;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 17px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #c41231; text-decoration: none;}
a:hover {text-decoration: underline;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 12px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 20px 0;}
.imgright {float: right; margin: 0 0 20px 30px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 47%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 960px; margin: 0 auto; text-align: left;}
#main {background: #fff url(../images/main.gif) right top repeat-y;}
#content {float: left; width: 570px; padding: 30px 0 30px 30px;}
#sidebar {float: right; width: 330px;}


/*** TOP AND NAV STYLES ***/

#top {height: 94px; text-transform: uppercase; background: #c3cecf;}
#printlogo {display: none;}
#logo {position: absolute; left: 0; top: 0; width: 200px; height: 94px; text-align: center; font-size: 20px; text-decoration: none; line-height: 20px; color: #000;}
#logo strong {display: block; padding: 30px 0 5px; font-size: 40px;}
#logo .ir {background: url(../images/logo.gif) no-repeat;}
#top h2 {position: absolute; right: 20px; top: 42px; padding-left: 30px; font-size: 30px; color: #889090; line-height: 35px; font-weight: normal;}
#top h2 strong {position: absolute; left: 0; top: 0; font-size: 13px; font-weight: normal;}

#eyebrow {position: absolute; right: 20px; top: 27px; font-size: 13px; overflow: hidden;}
#eyebrow li {float: left; position: relative; left: 15px; padding: 0 15px 0 11px; background: url(../images/eyebrow.gif) right center no-repeat;}
#eyebrow a {text-decoration: none; color: #889090;}
#eyebrow a:hover, #eyebrow li.on a {color: #000;}

#nav {height: 41px; line-height: 41px; background: url(../images/nav.gif);}
#nav li {float: left; text-transform: uppercase;}
#nav a {display: block; width: 10px; height: 41px; white-space: nowrap; padding: 0 16px; text-decoration: none; color: #fff; font-size: 15px;}
	html>body #nav a {width: auto;}
#nav a:hover, #nav li.on a {background: url(../images/nav.gif) 0 -41px;}


/*** CONTENT STYLES ***/

#content {font-style: italic;}
#content h1 {font-size: 22px; line-height: 25px; font-weight: normal; font-style: normal; text-transform: uppercase; margin-bottom: 30px;}
#content h2 {font-size: 19px; line-height: 25px; font-weight: normal; color: #8e999a; margin-bottom: 15px;}
#content h3 {font-size: 17px; line-height: 22px; font-weight: normal; font-style: normal; text-transform: uppercase; margin-bottom: 10px;}
#content h4 {font-size: 12px; font-style: normal; text-transform: uppercase; margin-bottom: 10px;}
#content blockquote {margin: 3em 0; text-align: center; font-size: 17px; line-height: 22px; color: #8e999a; border: solid #ccc; border-width: 1px 0; padding: 10px 0;}
#content ul {margin: 1.5em 0;}
#content ul li {padding-left: 30px; background: url(../images/bullet.gif) 15px .5em no-repeat;}

#anguslogo {position: relative; right: 15px; top: 5px; margin-left: 40px;}

/*** Promotion/Happy Hour Styles ***/
.myH1 {font-size: 22px; font-style: normal; }
.myH2 {font-size: 19px; font-weight: normal; color: #8e999a; }
.myH3 {font-size: 17px; font-weight: normal; font-style: normal; }
.myH4 {font-size: 12px; font-style: normal; text-transform: uppercase; }
.myLi {padding-left: 30px; background: url(../images/bullet.gif) 15px .5em no-repeat;}



/*** TABLE STYLES ***/

td {padding: 3px 10px 3px 0;}
td.textright {padding: 3px 0 3px 5px;}
.winetable {width: 100%;}
.winetable td {border-top: 1px solid #ccc; font-size: 12px;}
#content .winetable h4 {padding-top: 10px; margin: 0;}


/*** MENU SUBNAV STYLES ***/

#subnav {position: relative; top: -7px; line-height: 22px; font-size: 14px; color: #4c4c4c; text-align: center;}
#content #subnav li {display: inline; padding: 0; background: none;}
#content #subnav li.on a {font-weight: bold; color: #363636;}


/*** FORM STYLES ***/

/*#contactform div {clear: both; padding-top: 3px;}
#contactform label {float: left; width: 110px; font-weight: bold;}
#contactform input, #contactform textarea {width: 330px;}
#contactform textarea {height: 100px;}
#contactform #city {width: 180px;}
#contactform #state {width: 40px;}
#contactform #zip {width: 80px;}
#contactform #newsletter, #contactform #contactsubmit {width: auto;}
#contactsubmit {background: #c3cecf; text-transform: uppercase; color: #687475; border: 0; font-size: 17px;}
#contactsubmit:hover {background: #c41231; color: #fff; cursor: pointer;}*/


/*** SIDEBAR STYLES ***/

#sidebarphoto {display: block; width: 330px; height: 220px;}

#sidebarmiddle {background: #4c4c4c; padding: 40px 20px; text-align: center; color: #fff; font-size: 12px;}
#sidebarmiddle * {color: #fff;}
#sidebarmiddle h3 {text-transform: uppercase;}
#sidebarmiddle p {margin: 1.5em 0 0 0;}

#features {background: #f2fdfe url(../images/features.gif) left top repeat-x; padding: 15px 0 14px 15px; height: 10px;}
	html>body #features {height: auto;}
.feature {float: left; width: 300px; padding: 0 15px 0 0;}
.feature img {float: left; margin-right: 10px;}
.feature h3 {font-weight: normal; text-transform: uppercase; padding: 8px 0 8px; font-size: 17px; line-height: 18px;}
.feature p {margin: 0; font-size: 12px; line-height: 15px;}


/*** HOME STYLES ***/

#homeflash {margin-bottom: 15px;}


/*** FOOTER STYLES ***/

#footer {padding: 10px 10px; font-size: 11px; color: #ccc; line-height: 1.2em;}
#footer ul {float: right; position: relative; left: 10px; overflow: hidden;}
#footer li {float: left; position: relative; left: 1px; border-right: 1px solid #949fa0; padding: 0 10px;}
#footer a {color: #ccc;}