/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
img { display:block; }
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* END RESET */

body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	text-align:center;
}
#splash {
	background:#000;
}
#splash #content {
	width:985px;
	margin:0 auto;
}
#wrapper {
	width:812px;
	text-align:left;
	margin:0 auto;
}
#header {
	width:812px;
	height:130px;
	position:relative;
	z-index:100;
}
#header h1 a {
	display:block;
	width:361px;
	height:115px;
	background:url(../images/home-logo.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:75px;
	left:0;
}
#header ul {
	position:absolute;
	top:80px;
	right:0;
}
#header ul li {
	float:left;
	display:inline;
	margin:0 0 0 35px;
}
#header ul li a {
	font-family: Gotham, Arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#580f8b;
	padding:0 0 6px;
}
#header ul li a.active, #header ul li a:hover {
	background:url(../images/home-a-bg.gif) left bottom repeat-x;
}


/* HOME */
#home {
	background:url(../images/home-bg.gif) center top no-repeat #fbec6b;
}
#home #main {
	width:590px;
	height:515px;
	background:url(../images/home-main.jpg) center 60px no-repeat;
	margin:0 0 0 0;
	position:relative;
	float:left;
}
#home #main p {
	font-size:11px;
	color:#580f8b;
	padding:0 50px;
	position:absolute;
	bottom:0;
	left:0;
}
#home #sidebar {
	width:220px;
	float:right;
	background:url(../images/home-sidebar.gif) 0 30px no-repeat;
	padding:375px 0 0;
	margin:15px 0 50px;
	position:relative;
}
#home #sidebar h1, #home #sidebar h2, #home #sidebar p {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
#home #sidebar p#signup {
	font-size:10px;
	color:#580F8B;
	padding:0 0 0 8px;
	top:320px;
	left:0;
	cursor:pointer;
}
#home #sidebar p#signup a {
	display:block;
	width:280px;
	height:31px;
	background:url(../images/home-signup.gif) no-repeat;
	text-indent:-9999px;
}
#home #sidebar form {
	visibility:hidden;
	width:220px;
	height:30px;
	margin:0 0 13px;
	overflow:hidden;
}
#home #sidebar form.show {
	visibility:visible;
}
#home #sidebar input {
	display:block;
	float:left;
	width:165px;
	font-size:12px;
	color:#6f2d91;
	padding:5px 5px 6px;
	border:2px solid #6f2d91;
	background:#fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#home #sidebar input {
	padding:6px 6px 7px;
}
}
#home #sidebar input#searchqueryzip {
	width:auto;
	padding:0;
	border:none;
}
#home #sidebar p.icons {
	position:static;
	margin:0 0 0 15px;
}
#home #sidebar ul {
	margin:0 0 0;
}
#home #sidebar ul li {
	margin:0 0 5px 10px;
}
#home #sidebar ul a {
	display:block;
	width:125px;
	height:22px;
	background:url(../images/home-subnav.gif) no-repeat;
	text-indent:-9999px;
}
#home #sidebar ul li#nav-directions a {
	background-position:0 0;
}
#home #sidebar ul li#nav-myspace a {
	background-position:0 -46px;
}
#home #sidebar ul li#nav-ecards a {
	background-position:0 -68px;
}
#home #sidebar a img {
	float:left;
	margin:0 0 0 7px;
}
#home #sidebar a.facebook, #home #sidebar a.twitter, #home #sidebar a.blogger {
	position:absolute;
	top:0;
	right:0;
}
#home #sidebar a.twitter {
	right: 25px;
}
#home #sidebar a.facebook {
	right:50px;
}
#signup-form {
	display:none;
}
/* END HOME */


/* INTERIOR CONTENT */
.interior #content {
	padding:100px 0 0;
	margin:0 15px 50px 30px;
}
.interior #content h1 {
	font-size:18px;
	text-transform:uppercase;
	color:#ed1c24;
	margin:0 0 30px;
}
.interior #content h2, .interior #content h3, .interior #content h4, .interior #content h5, .interior #content h6 {
	font-size:12px;
	color:#ed1c24;
}
.interior #content p, .interior #content ul, .interior #content ol {
	font-size:12px;
	line-height: 18px;
	color:#580f8b;
	margin:0 0 15px;
}
.interior #content ul, .interior #content ol {
	list-style-type:disc;
	padding:0 0 0 25px;
}
.interior #content ol {
	list-style-type:decimal;
}
.interior #content cite strong {
	font-style:normal;
}
.interior #pagination p {
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.interior #pagination p a {
	text-decoration:none;
	color:#580f8b;
}
.interior #pagination p a:hover {
	text-decoration:underline;
}
/* END INTERIOR CONTENT */


/* INFO */
#info {
	background:url(../images/history-bg.gif) center top no-repeat #a5dfce;
}
#info #header h1 a {
	background:url(../images/history-logo.gif) no-repeat;
}
#info #header ul li a.active, #info #header ul li a:hover {
	background:url(../images/history-a-bg.gif) left bottom repeat-x;
}
/* END INFO */


/* FAQ */
#faq {
	background:url(../images/history-bg.gif) center top no-repeat #a5dfce;
}
#faq #header h1 a {
	background:url(../images/history-logo.gif) no-repeat;
}
#faq #header ul li a.active, #faq #header ul li a:hover {
	background:url(../images/history-a-bg.gif) left bottom repeat-x;
}
#faq #content h1 {
	background: transparent url(../images/faq-heading.gif) 0 0 no-repeat;
	width: 383px;
	height: 83px;
	text-indent: -9999px;
	display: block;
	margin: 0 0 10px 0;
}
#faq.interior #content h2{
	font-size: 16px;
}
#faq.interior #content p.recipie, #faq.interior #content p.center{
	padding: 15px 190px 0 190px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
#faq.interior #content p.center {
	padding: 0 100px 0;
}
#faq .tasting-panel {
	float: right;
	position: relative;
	margin: -70px 0 0 20px;
	display: block;
}
/* END FAQ */


/* HISTORY */
#history {
	background:url(../images/history-bg.gif) center top no-repeat #a5dfce;
}
#history #header h1 a {
	background:url(../images/history-logo.gif) no-repeat;
}
#history #header ul li a.active, #history #header ul li a:hover {
	background:url(../images/history-a-bg.gif) left bottom repeat-x;
}
#history #content h1 {
	width:190px;
	height:75px;
	background:url(../images/h1-history.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 20px;
}
#history #content img {
	float:right;
	margin:-190px 0 30px 30px;
}
#history .read-faqs {
	display: block;
	width: 165px;
	height: 47px;
	background: url(../images/read-faqs.gif) 0 0 no-repeat;
	cursor: pointer;
	text-indent: -9999px;
}
/* END HISTORY */


/* PHOTOS */
#photos {
	background:url(../images/photos-bg.gif) center top no-repeat #fefbed;
}
#photos #header h1 a {
	background:url(../images/photos-logo.gif) no-repeat;
}
#photos #header ul li a.active, #photos #header ul li a:hover {
	background:url(../images/photos-a-bg.gif) left bottom repeat-x;
}
#photos #content {
	margin:0 0 50px;
}
#photos #main  {
	width:300px;
	float:left;
	padding:100px 0 0;
	margin:0 0 50px;
}
#photos #main h1 {
	width:190px;
	height:70px;
	background:url(../images/h1-photos.gif) right top no-repeat;
	text-indent:-9999px;
	margin:0 15px 20px;
}
#photos #main p {
	font-size:12px;
	color:#ed1c24;
	margin:0 30px;
}
#photos #main p a {
	text-transform:uppercase;
	text-decoration:none;
	color:#ed1c24;
}
#photos #main p a:hover {
	text-decoration:underline;
}
#photos #main .contact {
	text-transform: uppercase;
	color: #580f8b;
	margin: 0 0 0 30px;
	padding: 45px 0 0 0;
	font-family: "Gotham Book", Gotham, Arial;
	font-size: 11px;
}
#photos #main .contact p {
	color: #580f8b;
	margin: 0 0 15px 0;
	font-size: 11px;
	font-family: "Gotham Book", Gotham, Arial;
}
#photos #main .contact p.credit {
	margin-top: 45px;
}
#photos #main .contact p.credit span {
	color:#ED1C24;
}
#photos #main .contact a {
	color: #580f8b
}
#photos #sidebar {
	width:418px;
	float:right;
	background:url(../images/photos-sidebar.gif) no-repeat;
	padding:0 0 0 12px;
	margin:0 0 50px;
}
/* END PHOTOS */


/* CONTACT */
#home .contact #main {
	background:url(../images/contact-main.jpg) center 60px no-repeat;
}
#home .contact #sidebar {
	background:none;
	padding:20px 0 0;
	margin:0 0 30px;
}
#home .contact #sidebar h1, #home .contact #sidebar h2, #home .contact #sidebar p {
	font-family: "Gotham Book", Gotham, Arial;
	position:static;
	text-align:right;
	font-size:11px;
	text-transform:uppercase;
	color:#580f8b;
}
#home .contact #sidebar h1 {
	width:220px;
	height:80px;
	background:url(../images/h1-contact.gif) right top no-repeat;
	text-align:left;
	text-indent:-9999px;
	margin:0 0 20px;
}
#home .contact #sidebar p {
	margin:0 0 20px;
}
#home .contact #sidebar a {
	text-decoration:none;
	color:#580f8b;
}
#home .contact #sidebar a:hover {
	text-decoration:underline;
}
/* END CONTACT */

/* FOOTER */
#footer {
	clear: both;
	font-size: 10px;
	color: #580f8b;
	padding: 0 0 15px 0;
}

#footer p {
	text-align: center;
}

#footer p a {
	color: #ED1C24;
	text-decoration: none;
}
#footer p a:hover {
	text-decoration: underline;
}
/* END FOOTER */