/* css reset courtesy of eric meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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: "" "";
}

/* end css reset */

/* lightbox css */
#lightbox{
    display:none;
    position: absolute;
    top:50%;
    left:50%;
    z-index:9999;
    width:640px;
    height:500px;
    margin:-250px 0 0 -320px;
    }
#lightbox[id]{ /* IE6 and below Can't See This */
    position:fixed;
    }

#overlay{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5000;   
    background-color:#000;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    }
#overlay[id]{ /* IE6 and below Can't See This */
    position:fixed;
    }
/* end lightbox css */

p, h3, li { font-family: helvetica, arial, sans-serif; font-style: bold; color: #fff; font-size: 13px; line-height: 1.5em;}

.clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; }

#top_nav { z-index: 2; position: relative; padding: 45px 45px 30px 45px; background-repeat: no-repeat; height: 12px; }
#top_nav li { position: absolute; background-repeat: no-repeat; }
#top_nav li a { position: relative; display: block; height: 12px; text-indent: -4000px; line-height: 0; }
#tn_home { left: 45px; width: 33px; background: url(images/nav_home.png); }
#tn_intro { left: 100px; width: 68px; background: url(images/nav_intro.png); }
#tn_wines { left: 201px; width: 57px; background: url(images/nav_wines.png); }
#tn_merchandise { left: 283px;  width: 74px; background: url(images/nav_merchandise.png); }
#tn_press { left: 382px; /* 283 */ width: 117px; background: url(images/nav_press.png); }
#home #top_nav #tn_home { background-image: url(images/nav_home_hover.png); width: 75px; }
#introduction #top_nav #tn_intro { background-image: url(images/nav_intro_hover.png); width: 75px; }
#wines #top_nav #tn_wines { background-image: url(images/nav_wines_hover.png); width: 61px; }
#merchandise #top_nav #tn_merchandise { background-image: url(images/nav_merchandise_hover.png); width: 79px; }
#press #top_nav #tn_press { background-image: url(images/nav_press_hover.png); width: 122px; }
#introduction #top_nav { background: url(images/star_intro.png) no-repeat 81px 0px; }
/*#introduction #top_nav { background: url(images/branch.png) no-repeat 58px 9px; }*/
#wines #top_nav { background: url(images/star_wines.png) no-repeat 173px 0px; }
#merchandise #top_nav { background: url(images/star_press.png) no-repeat 264px 0px; }
#press #top_nav { background: url(images/star_press.png) no-repeat 388px 0px; /* 364 */}

/* social media links */
#top_nav .social_media { position:relative; float:right; line-height:1; margin-left:15px; }
/*#top_nav div li { position:relative; float:left; line-height:1; margin-left:15px; }*/
#top_nav li.social_media a { text-indent:0; display:inline; text-decoration:none; color:#000; font-size:12px; }
#top_nav li.social_media a:hover { color:#444; }

#top_nav_ghost {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 87px;
	overflow: hidden;
}

/* flash positioning */
#top_nav_ghost div { display: none; width: 800px; height: 87px; }
#top_nav_ghost.tn_press #star_press_container { position: absolute; top: 0px; left: 384px; /* 262 */ display: block; }
#top_nav_ghost.tn_merchandise #star_merchandise_container { position: absolute; top: 0px; left: 262px; display: block; }
#top_nav_ghost.tn_wines #star_wines_container { position: absolute; top: 0px; left: 170px; display: block; }
#top_nav_ghost.tn_intro #star_intro_container { position: absolute; top: 0px; left: 75px; display: block; }
/*#top_nav_ghost.tn_intro #branch_container { position: absolute; top: 9px; left: 58px; display: block; }*/

#layout { background: url(images/csw_title.png) no-repeat #000 45px 0; padding: 0 0 0 45px; min-height: 595px;}
#home #layout { height: 595px; background: #000 url(images/charles.jpg); overflow: hidden; background-repeat: no-repeat;}

#layout h1 {
	width: 44px;
	text-indent: -4000px;
	float: left;
	padding-right: 70px;
}
#home #layout h1 { height: 595px; background: url(images/csw_title.png) no-repeat; }

#content { z-index: 2; float: left; padding: 45px 0; }
#content h2 { text-indent: -4000px; }
#content p { color: #fff; }

#layout h1#new_site {
	font-family: arial, sans-serif;
	font-weight: bold;
	width: 440px;
	background: none;
	position: absolute;
	top: 87px;
	right: 0;
	font-size: 40px;
	color: #f00;
	text-indent: 0;
}
#introduction #content h2 { width: 375px; height: 57px; background: url(images/intro_title.png); }
#press #content h2 { width: 380px; height: 24px; background: url(images/press_title.png); }
#wines #content h2 { width: 283px; height: 24px; background: url(images/wines_title.png); }

#introduction #content p { padding-top: 25px; width: 750px; }
#introduction #four_stars { height: 80px; width: 525px; margin-left: 225px; background: url(images/fourstars.gif) no-repeat; }
#wine_shop { margin-top: 25px; }
#press .column { float: left; width: 365px; padding: 0 0 0 25px; }
#press .column h3 { text-transform: uppercase; font-weight: bold; font-size: 14px; padding-top: 25px; color: #8a8a8a; }
#press .column li { padding-left: 25px; font-size: 12px; }
#press .column li.media { padding: 0 0 25px 25px; float: left; width: 150px; }
#press .column li.media a { text-decoration:none; }
#press .column li.audio { padding-bottom: 40px; }
#press .column li a, #press .column li a:link,
#press .column li a:visited, #press .column li a:hover { color: #fff; }
#press .events li { padding-left: 0; padding-top: 15px; }

#footer {
	clear: both;
	position: relative;
	margin: 30px 0 0 45px;
	padding-bottom: 100px;
	height: 29px;
	width: 890px;
	background: url(images/footer.gif) no-repeat;
	text-indent: -4000px;
}

#visitkvintners {
	display: block;
	position: absolute;
	right: 0;
	top: -8px;
	width: 175px;
	height: 27px;
	background: url(images/visit_kvintners.png);
}

#footer .mailing_list { position: absolute; display: block; width: 150px; top: 15px; height: 15px; left: 240px; }