/**********************************************\
	Eric Meyer's Global 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**********************************************\
	CLEAR FIX COURTESY OF: http://www.positioniseverything.net/easyclearing.html
\**********************************************/

/* // clearing floats without adding symantec mark up to your source   
CLEAR FIX COURTESY OF: http://www.positioniseverything.net/easyclearing.html
Please refer to the tutorial it will save you many hours of painful testing 
and float related issues. -------------------               */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**********************************************\
	BASE STYLES: Layout
\**********************************************/

body {
	background:transparent url('../images/bg_body.gif') left top repeat;
 	font-family:Lucida Sans,arial,sans-serif;
	font-size:12px;
	color:#282828;
	text-align:center;
	}

#wrapper {
	text-align:left;
	width:990px;
	margin:0 auto;
	}
	
/**********************************************\
	BASE STYLES: Typography
\**********************************************/

a, a:link {
	color:#c9a320;
	text-decoration:none;
	}
	
a:hover {
	color:#c9a320;
	text-decoration:underline;
	}
	
h1 {
	font-size:3em;
	}
	
h2 {
	font-size:24px;

	}
	
h3 {
	font-size:14px;
	}
	
h4 {
	color:#c9a320;
	font-weight:bold;
	font-size:14px !important;
	padding:10px 0;
	}
	
h5 {
	font-size:2.2em;
	}

h6 {
	font-size:.5em;
	}
	
p {
	line-height:16px;
	margin:10px 10px 20px 10px;
	}
	
	
/**********************************************\
	BASE STYLES: Lists
\**********************************************/

ul {
	margin:10px 0;
	}
	
ul li {
	margin:5px 0;
	line-height:15px;
	}
	
ul.list_press li {
	padding:10px 0;
	line-height:16px;

	}

ul.list_releases {
	padding:20px;
	font-size:11px;
	}
	
ul.list_releases li {
	padding:10px 0;
	margin:0;
	border-bottom:1px solid #BEB9BC;
	border-top:1px solid #ffffff;
	}

ul.list_releases li ul {
	padding-left:10px;
	}
	
ul.list_releases li ul li {
	padding:10px 0;
	margin:0;
	border-bottom:1px solid #BEB9BC;
	border-top:1px solid #ffffff;
	}

/**********************************************\
	BASE STYLES: Classes
\**********************************************/

.first {
	border-top:0 !important;
	}
	
.last {
	border-bottom:0 !important;
	border-right:0 !important;
	}
	
.italic {
	font-style:italic;
	}

.bold {
	font-weight:bold;
	}
	
.grey {
	color:#aaa;
	}

.accordion_toggle {
	cursor:pointer;
	}
	
.blog_date {
	float:right;
	margin:-40px 0 0 0;
	font-size:10px;
	color:#989898;
	}


/**********************************************\
	BASE STYLES: Images
\**********************************************/
	
.img_lightbox {
	float:left;
	margin:0 20px 0 0;
	width:280px;
	}
	
.img_lightbox:hover {
	text-decoration:none;
	}

/**********************************************\
	BASE STYLES: Buttons
\**********************************************/

.btn_learnmore {
	display:block;
	background:transparent url('../images/btn_learnmore.gif') left top no-repeat;
	text-indent:-99999px;
	height:26px;
	width:100px;
	}
	
.btn_gonow {
	display:block;
	background:transparent url('../images/btn_gonow.gif') left top no-repeat;
	text-indent:-99999px;
	height:26px;
	width:100px;
	margin-top: 58px;/*-45*/
	}
	
/**********************************************\
	BASE STYLES: Titles
\**********************************************/
	
.title_dansjourney {
	display:block;
	background:transparent url('../images/title_dansjourney.gif') left top no-repeat;
	text-indent:-99999px;
	margin:5px 0 20px 10px;
	border-bottom:1px solid #db8f40;
	}
	
.title_dansblog {
	display:block;
	background:transparent url('../images/title_dansblog.gif') left top no-repeat;
	text-indent:-99999px;
	margin:5px 0 20px 10px;
	border-bottom:1px solid #db8f40;
	}
	
.title_crystalheadvodka {
	display: block;
	background:transparent url('../images/title_crystalhead.gif') left top no-repeat;
	text-indent:-99999px;
	width: 392px;
	height: 30px;
	margin: 5px 0px 20px 9px;
	}

#crystalheadToutImage {
	background: url('../images/crystal_head_tout.png') left top no-repeat;
	width: 244px;
	height: 149px;
	left: 162px;
	top:0px;
	position: absolute;
}

#crystalheadToutImage a {
	height: 149px;
	width: 244px;
	display: block;
}
	
/**********************************************\
	HEADER STYLES: Layout
\**********************************************/

#header {
	margin:0px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	width:986px;
	height:121px;
	background:transparent url('../images/bg_header.png') left top no-repeat;
	position: relative;
	#position: static;
	z-index: 100;
	}
#navigation{
	z-index: 90;
	position: relative;
	
}
/**********************************************\
	CONTENT STYLES: Age Gate
\**********************************************/

#age_gate {
	background:transparent url('../images/bg_agegate.jpg') left top no-repeat;
	height:247px;
	width:558px;
	margin:100px auto 0 auto;
	padding:120px 40px 0 100px;
	color:#dcdcdc;
	}
	
.btn_nogo {
	float:left;
	display:block;
	background:transparent url('../images/btn_nogo.jpg') left top no-repeat;
	height:39px;
	width:209px;
	text-indent:-99999px;
	}
	
.btn_letsgo {
	display:block;
	background:transparent url('../images/btn_letsgo.jpg') left top no-repeat;
	height:39px;
	width:209px;
	margin-left:220px;
	text-indent:-99999px;
	}
	
#age_gate .line {
	height:1px;
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #4f4f4f;
	margin-top:30px;
	line-height:1px;
	}
	
#age_gate p.legal {
	font-size:10px;
	color:#7e7e7e;
	margin-left:0;
	}
	
/**********************************************\
	CONTENT STYLES: Layout
\**********************************************/


			
#content_top {
	width:990px;
	height:31px;
	margin-left:-40px;
	background:transparent url('../images/bg_content_top.png') left top no-repeat;
	}
	
#content {
	background:transparent url('../images/bg_content.png') left top repeat-y;
	padding:0 40px;
	}
	
#content_blog {
	background:transparent url('../images/bg_content.png') left top repeat-y;
	padding:0 10px;
	}

#content h3 {
	background:transparent url('../images/bg_h3.jpg') left top repeat-x;
	margin-left:-35px;
	margin-bottom:20px;
	padding:12px 0 10px 35px;
	color:#fff;
	font-size:14px;
	height:17px;
	width:945px;
	}
	
#content p {
	margin-left:0;
	}
	
.contact_chunk {
	width:300px;
	float:left;
	padding-bottom:20px;
	}
	
#content_btm {
	width:990px;
	height:28px; 
	margin-left:-40px;
	background:transparent url('../images/bg_content_btm.png') left top no-repeat;
	}			
/**********************************************\
	LEFT CONTENT STYLES: Layout
\**********************************************/	

#content_left_home {
	position:relative;
	float:left;
	width:727px;
	margin:4px 0 0 4px;
	padding-left:4px;
	padding-top:4px;
	height:439px;
	background:transparent url('../images/bg_video.png') left top no-repeat;
	z-index: 90;
	}
	
#content_left {
	position:relative;
	float:left;
	width:261px;
	background:transparent url('../images/bg_left_col.png') left top repeat-y;
	}
	
#content_left_short {
	position:relative;
	float:left;
	width:261px;
	background:transparent url('../images/bg_left_col_top_short.png') left top no-repeat;
	}

#left_top {
	position:absolute;
	background:transparent url('../images/bg_left_col_top.png') left top no-repeat;
	width:261px;
	height:20px;
	}
	
#left_top_journey {
	position:absolute;
	background:transparent url('../images/bg_left_col_top_short.png') left top no-repeat;
	width:258px;
	height:20px;
	}
	
#left_btm {
	position:absolute;
	background:transparent url('../images/bg_left_col_btm.png') left top no-repeat;
	width:261px;
	height:20px;
	z-index:45;
	bottom:0;
	}
	
	
	
/**********************************************\
	LEFT CONTENT STYLES: Tabs
\**********************************************/	
	
.tab_wine_series {
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #b5aeb2;
	width:225px;
	height:111px;
	margin-left:6px;
	padding:15px;
	background:#D9D9D9;
	}

.tab_wine_series h3 {
	font-size:13px;
	font-weight:bold;
	padding:10px 0 5px 0;
	}

.tab_wine_series p {
	font-size:11px;
	line-height:13px;
	padding:0;
	margin:0 0 5px 0;
	}

.tab_wine_series a {
	color:#000;
	}
	
.tab_wine_series a:hover {
	text-decoration:none;
	}

.tab_wine_series img {
	float:left;
	}
	

.active_tab {
	background:transparent url('../images/bg_active_tab.jpg') left top repeat-x;
	border-bottom:1px solid #6c0046;
	}
	
.active_tab p {
	color:#fff;
	}
	
 /* Firefox */
 @-moz-document url-prefix()
{
	.arrow_tab {
	position:absolute;
	left:253px;
	margin-top:40px;
	background:transparent url('../images/arrow_tab.gif') left top no-repeat;
	height:35px;
	width:20px;
	z-index:99999;
	}
}

	
*:first-child+html .arrow_tab {
	margin-top:40px;
	background:transparent url('../images/arrow_tab.gif') left top no-repeat;
	height:35px;
	width:20px;
	z-index:99999;
	}
	
.learn_more {
	display:inline;
	width:auto;
	color:#8B005B;
	background:transparent url('../images/arrow_purple.gif') right center no-repeat;
	padding-right:10px !important;
	}
	
.active_tab .learn_more {
	display:none;
	}
	

#content_left .list_releases {
	padding-top:0;
	padding-bottom:0;
	}
	
.list_releases .accordion_toggle {
	font-size:12px;
	font-weight:bold;
	}
	
/**********************************************\
	RIGHT CONTENT STYLES: Layout
\**********************************************/

#content_right_home {
	margin:0 0 0 737px;
	position:relative;
	z-index:10;
	}
	
/*
#content_right_journey {
	background:transparent url('../images/bg_right_col_full.png') left top repeat-y;
	width:980px;
	margin:0 0 0 0;
	position:relative;
	z-index:10;
	}
*/	
#content_right {
	background:transparent url('../images/bg_right_col.png') left top repeat-y;
	width:735px;
	margin:0 0 0 255px;
	position:relative;
	z-index:10;
	}
	
#content_right #content {
	background:none;
	padding:0 30px;
	}
	
#content_right #content h3 {
	background:transparent url('../images/bg_h3.jpg') left top repeat-x;
	margin-left:-25px;
	margin-bottom:20px;
	padding:12px 0 10px 35px;
	color:#fff;
	font-size:14px;
	height:17px;
	width:690px;
	}
	
#flash_ourwines {
	background:transparent url('../images/bg_ourwines.jpg') 0px 24px no-repeat; 
	height:435px; 
	width:724px;
	
}
	
#flash_wisdom {
	position:absolute;
	margin-left:-250px;
	}
	
#right_top {
	background:transparent url('../images/bg_right_col_top.png') left top no-repeat;
	height:28px;
	width:735px;
	}
	
#right_btm {
	background:transparent url('../images/bg_right_col_btm.png') left top no-repeat;
	height:26px;
	width:735px;
	}
/*	
#right_btm_wisdom {
	background:transparent url('../images/bg_right_col_btm.png') left top no-repeat;
	height:26px;
	width:735px;
	}
*/

/**********************************************\
	RIGHT CONTENT STYLES: Content Series Styles
\**********************************************/

#content_series {
	background:#fff url('../images/bg_content_series.jpg') left top repeat-x;
	padding:40px 20px 0 30px;
	margin-left:6px;
	width:674px;
	}

#content_series p {
	margin-left:0;
	}
	
/**********************************************\
	RIGHT CONTENT STYLES: Form Styles
\**********************************************/

.form_newsletter {
	font-size:11px;
	}

.form_newsletter label {
	font-weight:bold;
	}

.form_newsletter .newsletter_chunk {
	display:block;
	float:left;
	width:auto;
	height:auto;
	padding:0 20px 20px 0;
	}

.form_newsletter .newsletter_chunk label {
	width:auto;
	display:block;
	}
	
#firstName, #lastName, #password, #passwordConfirm, .form_newsletter #email {
	background:transparent url('../images/bg_textinput.gif') left top no-repeat;
	width:210px;
	height:15px;
	padding:5px;
	border:0;
	}
	
.form_newsletter p {
	padding:0;
	margin:20px 0;
	}
	
.form_newsletter ul {
	padding:0 0 20px 20px;
	margin:0;
	}
	
.form_newsletter ul li {
	padding:0;
	margin:0;
	line-height:auto;
	}
	
.form_newsletter input.save {
	background:transparent url('../images/btn_submit.gif') left top no-repeat;
	cursor:pointer;
	width:69px;
	height:28px;
	border:none;
	display:block;
	margin:20px 0 0 0;
	text-indent:-99999px;
	}
	
.form_newsletter input {
	border:0 !important;
	}

/**********************************************\
	BOTTOM CONTENT STYLES
\**********************************************/

#content_home_bottom {
	background:transparent url('../images/bg_callout.jpg') left top repeat-y;
	padding:0 20px;
	margin-top:10px;
	position: relative;
	}
	
#bottom_left_home {
	float:left;
	width:540px;
	}
	
#bottom_right_home {
	margin-left:550px;
	position: relative;
	}
	
#bottom_right_home .btn_learnmore {
	margin-left:160px;
	}
	
#bottom_right_home .btn_gonow {
	margin-left:160px;
	}
	
#bottom_right_home img {
	float:left;
	}
	
#content_bottom_top {
	background:transparent url('../images/bg_callout_top.gif') left top no-repeat;
	height:24px;
	width:987px;
	margin:0 0 0 -17px;
	}
	
#content_bottom_btm {
	background:transparent url('../images/bg_callout_btm.gif') left top no-repeat;
	height:24px;
	width:987px;
	margin:0 0 0 -15px;
	}
	
#blogTout {
	position: relative;
	height: 260px;
}

#crystalheadTout {
	position: relative;
	height: 145px;
}
	

/**********************************************\
	FOOTER STYLES: Layout
\**********************************************/

#footer {
	/*background:transparent url('../images/logo_footer.gif') right bottom no-repeat;*/
	color:#8c8c8c;
	font-size:11px;
	padding-top:40px;
	margin-bottom:40px;
	}
	
#footer ul {
	border-bottom:1px solid #e6912c;
	padding-bottom:20px;
	margin-bottom:20px;
	}

#footer ul li {
	display:inline;
	padding:0 10px;
	border-right:1px solid #8c8c8c;
	height:10px;
	}
	
#footer a {
	color:#8c8c8c;
	}
	

hr {
  border: 0;
  /*width: 80%;*/
  color: #e6e6e6;
  background-color: #e6e6e6;
  height: 1px;
}

/**********************************************\
	LEFT CONTENT STYLES: NewsLetter
\**********************************************/
#popupWrapper{
	width: 980px;
	height: 0px;
	position: relative;
	left: 2px;
	z-index: 1100;
	
}

#popupWrapper2{
	width: 980px;
	height: 0px;
	position: relative;
	left: 2px;
	z-index: 1100;
	
}

#popupWrapper p, #popupWrapper2 p {
	margin:0;
	padding: 15px 0px;
}
.newsletter_popup {
	background: transparent url('../images/bg_popup.gif') top center no-repeat;
	width: 300px;
	height: 140px;
	padding: 20px 20px 10px 20px;
	position: absolute;
	left: 200px;
	margin: 0 auto;
	z-index: 1100;
}	
.popup_x{
	float: right;
	position: relative;
	bottom: 40px;
	left: 20px;
	cursor: pointer;
}

.popup_close {
	float: left;
	cursor: pointer;
	position: relative;
	top: 30px;
}