/*
Theme Name: World Wines
Theme URI: http://www.orcharddesigns.com
Description:
Author: OrchardDesigns.com
Version: v1.0
License:
License URI:
Tags:
*/

@charset "utf-8";
/*--------------------------------------------------- reset.css ---------------------------------------------------*/
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, 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, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 						{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 		{display: block;}
body 											{line-height: 1;}
ol, ul 											{list-style: none;}
blockquote, q 									{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after 								{content: ''; content: none;}
table											{border-collapse: collapse; border-spacing: 0;}

@font-face 										{
													font-family: 'HelveticaNeue';
													src: url('fonts/helveticaneue-boldcond-webfont-webfont.eot');
													src: url('fonts/helveticaneue-boldcond-webfont-webfont.eot?#iefix') format('embedded-opentype'),
														 url('fonts/helveticaneue-boldcond-webfont-webfont.woff') format('woff'),
														 url('fonts/helveticaneue-boldcond-webfont-webfont.ttf') format('truetype'),
														 url('fonts/helveticaneue-boldcond-webfont-webfont.svg#HelveticaNeue77BoldCondensed') format('svg');
													font-weight: normal;
													font-style: normal;
												
												}

/*--------------------------------------------------- style.css ---------------------------------------------------*/
a												{text-decoration: none; outline: 0 none;}
img												{vertical-align: text-top;}
a img											{border: 0 none;}
input											{outline: 0 none;}
body
{-webkit-text-size-adjust:none;color: #372430; font: 12px Arial, Helvetica, sans-serif; background: #efecdd url(images/default-background.jpg) repeat-x center top;}
#container										{background: url(images/header-bg.png) repeat-x left top; min-height: 143px;}
.container										{width: 1000px; margin: 0 auto;}
.clear											{clear: both; height: 0; width: 0;}

#header											{height: 135px; overflow: visible !important; position: relative; z-index: 10;}
#logo											{background:url(images/logo-bg.jpg) no-repeat; float: left; width: 202px; height: 135px}
#logo h1										{padding: 10px 0 0 9px;}
.social-media									{height: 62px; width: 798px; float: right; overflow: hidden;}
.social-links									{float: left; padding: 28px 0 0 40px; width: 200px; overflow: hidden;}
.social-media ul li								{width: 90px; float: left; margin: 0 10px 0 0;}
.social-media ul li a							{display: block; color: #fff; font: 11px Arial, Helvetica, sans-serif; text-align: center; line-height: 16px;}
.social-media ul li.fb a						{background: url(images/fb.png) no-repeat left top;}
.social-media ul li.twit a						{background: url(images/twitter.png) no-repeat left top;}
.social-media ul li a:hover						{background-position: left bottom; color: #fbf7c9;}
.contact										{float: left; padding: 28px 0 0; width: 100px;}
.contact a										{display: block; color: #fff; font: 11px Arial, Helvetica, sans-serif; line-height: 16px; background: url(images/contact.png) no-repeat; padding: 0 0 0 23px;}
.contact a:hover								{background-position: left bottom; color: #fbf7c9;}

.newsletter										{width: 380px; float: right; padding: 24px 0 0; overflow:hidden;}
.newsletter label								{color: #fff; font: 11px Arial, Helvetica, sans-serif; line-height: 21px; padding: 0 5px 0 0; background: url(images/arrow.png) no-repeat left center; text-align: right; float: left; display: block; width: 145px; text-align: right;}
.newsletter input.txt-field						{color: #e3e1cf; font: 11px Arial, Helvetica, sans-serif; height: 14px; width: 165px; border: 1px solid #555; background: #1f0815; padding: 3px 10px; float: left; display: block;}
.newsletter input.submit						{border: 0 none; width: 38px; height: 21px; color: #fff; font: 11px Arial, Helvetica, sans-serif; cursor: pointer; background:url(images/go.jpg) repeat-x; float: right; display: block;}

#nav-menu										{padding: 25px 0 10px; width: 795px; float: right;}
#nav-menu > ul > li								{float: left; margin: 0 10px;}
#nav-menu > ul > li > a							{display: block; padding: 0 5px; font: bold 18px "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; color: #5b4754; line-height: 38px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius: 5px; text-transform: uppercase;}
#nav-menu > ul > li > a:hover,
#nav-menu > ul > li.current-menu-item > a,
#nav-menu > ul > li.current-page-parent > a		{background: #35192b; color: #f7f4c8;}
#nav-menu > ul > li > ul						{position: absolute; display: none; background: #e7e4d4; padding: 10px; z-index: 9999;}
#nav-menu > ul > li:hover > ul					{display: block;}
#nav-menu > ul > li > ul > li > a				{display: block; padding: 5px 15px; font: 18px "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; color: #5b4754; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius: 5px;}
#nav-menu > ul > li > ul > li > a:hover			{background: #35192b; color: #f7f4c8;}
#content-wrapper								{background: url(images/content-wrapper-bg.png) repeat-y center top; position: relative; z-index: 1; clear: both;}
#content-wrapper div.container					{overflow: hidden;}

#sidebar										{float: left; width: 160px; padding: 100px 21px 0;}
.address										{margin: 0 0 50px;}
.address p										{font: 14px Arial, Helvetica, sans-serif; color: #efeddd; text-align: center; line-height: 24px;}
.address a										{display: block; font: 11px "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; color: #f3c332; line-height: 16px; background: url(images/direction.jpg) no-repeat; margin: 12px auto 0; width: 80px; padding: 0 0 0 20px;}
.address a:hover								{text-decoration: underline;}

.tasting-date, .tap								{}
.tasting-date a, .tap a							{display: block; padding: 20px 12px 10px; width: 100%; overflow: hidden; margin: 0 0 25px -12px;}
.tasting-date span.head, .tap span.head			{display: block; font: bold 11px Arial, Helvetica, sans-serif; color: #e4e1d0; text-align: center; padding: 0 0 10px;}
.tasting-date span.date							{display: block; background:url(images/date-bg.png) no-repeat; width: 55px; height: 41px; float: left; margin: 0 0 0 45px; font: bold 30px Arial, Helvetica, sans-serif; color: #e2dfce; text-align: center; padding: 19px 0 0;}
.tasting-date span.arrow, .tap span.arrow		{display: block; background:url(images/link-arrow.png) no-repeat; height: 21px; width: 21px; float: right; margin: 21px 21px 0 0;}
.tap span.glass									{display: block; background:url(images/tap.png) no-repeat; width: 64px; height: 63px; float: left; margin: 0 0 0 40px;}
.design-by										{margin: 140px 0 0;}
.design-by p									{font: 12px 'Optima', 'Trebuchet MS', Helvetica, sans-serif; color: #efeddd; text-align: center;}
.design-by p b, .design-by p strong				{font-weight: bold;}

.tasting-date a:hover, .tap a:hover				{background:url(images/hover.jpg) repeat-y;}

#content										{width: 795px; float: right;}
.slideshow										{background:url(images/banner-slideshow.png) no-repeat; height: 224px; width: 749px; padding: 10px; margin: 10px 0 0 28px; overflow: hidden;}
.slideshow ul,
.slideshow ul li								{height: 224px; width: 749px; overflow: hidden;}
.slideshow ul li img							{height: 224px; width: 749px;}
.time											{margin: 10px 0 0 33px; padding: 20px 30px; background:url(images/content-bg.png);}
.time p											{float: left; display: block; width: 100%; color: #435349; font: bold 18px Arial, Helvetica, sans-serif;}
.time span										{float: right; color: #8e105f; font: bold italic 18px Arial, Helvetica, sans-serif; text-shadow: 1px 1px #fff; display: block; width: 300px; text-align: right;}
.purp {color: #8e105f !important;}
.main-content									{margin: 5px 0 0 33px; padding: 30px 15px 15px 30px; background:url(images/content-bg.png);}
.main-content h2								{color: #372430; font: bold 24px Arial, Helvetica, sans-serif; padding: 0 0 15px;}
.main-content p									{color: #372430; font: 16px Arial, Helvetica, sans-serif; padding: 0 0 15px;}
.main-content a									{color: #740f50; font: 16px Arial, Helvetica, sans-serif; text-decoration: underline;}
.main-content a:hover							{text-decoration: none;}
.main-content ul								{padding: 0 0 15px 10px; list-style-type: disc; list-style-position: inside;}
.main-content ul li								{color: #372430; font: 16px Arial, Helvetica, sans-serif;}
.main-content strong, .main-content b			{font-weight: bold;}
.footer p										{font: 12px Arial, Helvetica, sans-serif; color: #311527; text-align: center; padding: 35px 0 20px;}

.main-content h2 a								{display: inline-block; margin: 20px 0 0; font-weight: bold;}
.newsletter p									{color: #f00; margin: -15px 0 0;}
.newsletter p span								{color: #efeddd;}


.slidingDiv{height:auto;background-color:#e5e2d2;padding:20px;margin-top:10px;border-bottom:5px solid #cdcbbe;}
.show_hide{display:none;}