@charset "utf-8";
/* CSS Document */

.clear {
	clear:both;
}

/* get rid of focus border */
*:focus { 
	outline: none; 
}
*::-moz-focus-inner { 
	border: none; 
}

img {
	border:0;
}

#rollovers {
	position: absolute;
	left:-1000px;
}

/********* CENTERING */
html, body {
	margin: 0;
	padding: 0;
}
body {
	background:url(../../images/bg_body.jpg) repeat-x top center #f8f3ea;
	text-align:center;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;	/* 1em ~= 10px */
	color:#000;
}


#wrapper {
	margin:0px auto;
	padding:0;
}
#header {
	display:block;
	width:100%;
	min-width: 894px;
	padding-top:7px;
}
#main_wrapper {
	position:relative;
	margin:0 auto;
	display:block;
	width:840px; /*894px;*/
	height:470px; /*540px;*/
	background:url(../../images/bg_content.png) no-repeat;	
	padding:43px 27px 27px 27px;
	text-align:left;
}
/********* END CENTERING */


/********* General */

#join_btn {
	position:absolute;
	display:block;
	top:7px;
	left:45px;
}
#join_btn a {
	display:block;
	height:31px;
	width:151px;
	top:7px;
	left:45px;
	text-indent:-9999px;
}

#menu {
	display:block;
	margin-bottom:18px;
}	

ul#main_nav {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

ul#main_nav li {
	display:block;
	margin:0;
	padding:0;
	float:left;
	font-size: 24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#838383;
}

ul#main_nav li a {
	display:block;
	color:#838383;
	margin-right:21px;
	text-decoration:none;
}
ul#main_nav li a.active,
ul#main_nav li a:hover {
	color:#000;
}
ul#main_nav li a.alt.active.active,
ul#main_nav li a.alt:hover {
	color:#fff;
}

#page_header {
	display:block;
	margin:0;
	padding:0;
	height:20px;
}

h2 {
	display:block;
	width:120px;
	margin:0;
	padding:0;
	float:left;
	
	font-size:18px;
	font-weight:normal;
	height:21px;
	overflow:hidden;
}

h3 {
	margin:0;
	padding:0;
	
	font-size:14px;
	font-weight:normal;
	font-style:italic;
}

#sub_menu {
	display:block;
	float:left;
	width:336px;
	text-align:right;
	font-size:13px;
	color:#838383;
	height:20px;
	overflow:hidden;
}

#sub_menu a {
	color:#838383;
	margin-left:20px;
	text-decoration:none;
}

#sub_menu a.first {
	margin:0;
}

#sub_menu a.active,
#sub_menu a:hover {
	color:#000;
}


.col_left {
	display:block;
	float:left;
	padding:17px 0 0 20px;
	position:relative;
	width:456px;
}
.col_right {
	display:block;
	float:left;
	position:relative;
	width:332px;
	margin-left:25px;
	margin-top:12px;
}

.dots {
	display:block;
	clear:both;
	height:1px;
	padding:11px 0;
	background:url(../../images/dotted_line.gif)  0px 11px repeat-x;
}

#main {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#000;
	position:relative;
	displau:block;
}

#main p {
	margin:0;
	padding:0;
	margin-top:6px;
	margin-bottom:12px;
}

#main a {
	color:#838383;
	text-decoration:none;
}
#main a:hover {
	color:#000;
}

#main p.quote_author {
	text-align:right;
	padding-right:20px;
	margin:0;
	margin-bottom:10px;
}


/********* END - General */



/********* STORY SPLASH */
#main.story {
	background:url(../../images/bg_storysplash.jpg) no-repeat;	
	width:840px; /*894px;*/
	height:470px; /*540px;*/
}

#main.story .col_left {
	width:396px;
}

#story_videoMap {
	cursor:pointer;
}

#main.story #video_btn {
	display:block;
	position:absolute;
	top:65px;
	left:440px;
}

#main.story  #caption {
	display:block;
	position:absolute;
	top:285px;
	left:460px;
	width:332px;

	text-align:center;
	font-style:italic;
	color:#336699;
	font-size:12px;
	line-height:18px;
}

#story_video_player_wrapper {
	display:none;
	position:absolute;
	top:85px;
	left:460px;

}
/********* END - STORY SPLASH */



/********* Wine */
.wine #text_content {
	display:block;
	height:310px;
	overflow:hidden;
}

.wine #text_content {
	line-height:20px;
}
.wine #text_content.less-line-height {
	line-height:19px;
}

.wine #text_content p.rating_title {
	font-size:14px;
	margin-bottom:6px;
}

.wine #text_content .rating_score {
	font-size:18px;
	font-weight:bold;
}

.wine #text_content p.art_details {
	font-size:12px;
	margin-top:0;	
}



#vintage_menu {
	display:block;
}
#vintage_menu ul {
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}
#vintage_menu li {
	float:left;
	margin-right:5px;
}
#vintage_menu li a {
	display:block;
	width:50px;
	height:35px;
	text-indent:-9999px;
}

#vintage_menu li.v2008 a { background:url(../../images/vintage_2008.gif) no-repeat; }
#vintage_menu li.v2007 a { background:url(../../images/vintage_2007.gif) no-repeat; }
#vintage_menu li.v2006 a { background:url(../../images/vintage_2006.gif) no-repeat; }
#vintage_menu li.v2005 a { background:url(../../images/vintage_2005.gif) no-repeat; }

#vintage_menu li.v2008 a.active, #vintage_menu li.v2008 a:hover { background:url(../../images/vintage_2008_over.gif) no-repeat; }
#vintage_menu li.v2007 a.active, #vintage_menu li.v2007 a:hover { background:url(../../images/vintage_2007_over.gif) no-repeat; }
#vintage_menu li.v2006 a.active, #vintage_menu li.v2006 a:hover { background:url(../../images/vintage_2006_over.gif) no-repeat; }
#vintage_menu li.v2005 a.active, #vintage_menu li.v2005 a:hover { background:url(../../images/vintage_2005_over.gif) no-repeat; }
/********* END - Wine */




/********* Artists */
#main.artists {
	background:url(../../images/bg_artistsplash.jpg) no-repeat;	
	width:840px; /*894px;*/
	height:470px; /*540px;*/
}

#main.artists p {
	color:#fff;
}

#main.artists.splash .col_left {
	width:420px;
	font-size:15px;
	line-height:27px;
	float:none;
}

#main.artists.splash #artist_nav {
	position:absolute;
	display:block;
	top:236px;
	left:42px;
}

#main.artists.splash #artist_nav .artist_nav_item {
	display:block;
	float:left;
	margin-right:8px;
}

/********* END - Artists */


/********* Artist */
.artist #text_content {
	display:block;
	height:370px;
	overflow:hidden;
}

.artist #text_content {
	line-height:20px;
}

.artist #text_content p.rating_title {
	font-size:14px;
	margin-bottom:6px;
}

.artist #text_content .rating_score {
	font-size:18px;
	font-weight:bold;
}

.artist #text_content p.art_details {
	font-size:12px;
	margin-top:0;	
}



.artist .col_right {
	display:block;
	float:left;
	position:relative;
	width:332px;
	margin:0;
	margin-left:24px;
}


.artist h2 {
	display:block;
	width:260px;
	margin:0;
	padding:0;
	float:left;
	
	font-size:18px;
	font-weight:normal;
}

.artist #sub_menu {
	display:block;
	float:left;
	width:196px;
	text-align:right;
	font-size:13px;
	color:#838383;
}
.artist #sub_menu a {
	margin:0;
}

/********* END - Artist */


/********* Join Form */
#main_wrapper.join_form {
	background:url(../../images/bg_join.png) no-repeat;	
}

.join .col_left {
	display:block;
	float:left;
	position:relative;
	width:700px;
	margin:0;
	margin-left:20px;
}

.join input[type=text] {
	width:228px;
	font-size:12px;
}
.join input.state[type=text] {
	width:75px;
}
.join input.zip[type=text] {
	width:135px;
}
.join textarea {
	width:150px;
	height:55px;
	width:470px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.thank_you {
	display:block;
	margin-top:106px;
	margin-left:36px;
	width:380px;
	font-size:18px;
	line-height:24px;
}

.join input.alert[type=text] {
	background:#FFFFCC;
}
.join textarea.alert {
	background:#FFFFCC;
}

.join #error_msg {
	color:#990000;
	font-weight:normal;
	font-style:italic;
}


/********* END - Join Form */

