@charset "utf-8";
/* CSS Document */

html, body {
 	margin: 0;
}
 
/* Set medium text size smaller */
body {
	font-size: 75%;
	background: url(../images/bg.jpg) repeat;
}

/* outer page wrapper */
#outer-w {
	width: 910px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

/* header area */
#header {
	width: 100%;
	height: 110px;
	position: relative;
	margin: 0;
	z-index: 100;
}

#logo {
	width: 184px;
	height: 98px;
	position: relative;
	margin: 20px 10px;
	z-index: 45;
	background: url(../images/logo.jpg) no-repeat;
}


#headsep1 {
	height: 1px;
	width: 100%;
	background: url(../images/headsep.jpg) repeat-x;
	position: absolute;
	top: 50px;
	z-index: 0;
}

#headsep2 {
	height: 1px;
	width: 100%;
	background: url(../images/headsep.jpg) repeat-x;
	position: absolute;
	top: 75px;
	z-index: 0;
}

#tagline {
	width: 184px;
	height: 20px;
	position: absolute;
	text-align: center;
	left: 10px;
	top: 105px;
	+top: 125px; /*IE Fix*/
	z-index: 150;
}

#tagline h3 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;	
	font-style: normal;
	color: #533930;
	text-transform: uppercase;
}

/* navigation area */
#nav {
	width: 600px;
	height: 20px;
	position: absolute;
	top: 35px;
	+top: 55px; /*IE Fix*/
	right: 0;
	z-index: 20;
	text-align: right;
}

#nav ul {
	margin: 0;
	padding: 0;
	z-index: 21
}

#nav ul li {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 5px;
	list-style: none;
	font-size: 13px;
	font-weight: bold;	
	color: #533930;
	display: inline;
	text-transform: uppercase;
	z-index: 22
}

#nav ul li a {
	color: #533930;
	text-decoration: none;
	z-index: 23
}

#nav a:hover, #nav li.active a {
	color: #7e8733;
	text-decoration: none;
}


/* content area */
#inner-w {
	width: 100%;
	height: auto;
	position: relative;
	margin: 10px 0;
	z-index: 10;
}

#content {
	width: 510px;
	height: auto;
	min-height: 300px;
	margin: 10px 10px 10px 340px;
}

#pscontent {
	width: 610px;
	height: auto;
	min-height: 300px;
	margin: 20px 10px 10px 240px;
}

#pscontent h2 {
	color: rgb(83,57,48);
	font-size: 12px;
	margin-top: 30px;
}

.notes {
	font-size: 11px;
	text-align: right;
}

.nobtm {
	margin-bottom: 0;
	padding-bottom: 0;
}

#winelist ul {
	list-style: none;
	margin-top: 0;
	padding-top: 8px;
	padding-left: 10px;
}

#winelist ul li ul {
	padding-left: 25px;
	list-style: disc;
}

#winelist p {
	margin-bottom: 0;
}

#winelist h5 {
	margin-top: 0;
	margin-bottom: 0;
}

/* winevine */
#vine-w {
	width: 100%;
	position: relative;
}

#vine-sort {
	width: 650px;
	margin: 0 auto;
	text-align: right;
}

#vine-sort span {
	font-weight: bold;
	text-transform: uppercase;
}

.variety {
	display: none;
}

.lbll {
	float: left;
}

#vine-sort h4, #vine-sort h5 {
	padding: 0;
	margin: 0 0 4px 0;
}

#vine-sort h5 span {
	font-weight: normal;
	text-transform: none;
}

#vine {
	width: 650px;
	height: 450px;
	position: relative;
	margin: 0 auto;
	background: url(../images/vinebg.jpg) no-repeat;
	z-index: 20;
}

.grape, .grape2 {
	width: 59px;
	height: 58px;
	background: url(../images/grapes.png) no-repeat;
	z-index: 25;
	position: absolute;
}

.grape2 {
	display: none;
}

.vinedetail {
	width: 243px;
	height: 163px;
	background: url(../images/detailbg.png) no-repeat;
	z-index: 30;
	position: absolute;
	display: none;
	margin: 10px;
}

.vinedetail-i {
	width: 235px;
	height: 155px;
	margin: 5px 0 0 5px;
}

.vdl {
	float: left;
	width: 70px;
}

.vdr {
	width: 160px;
	margin: 0 0 0 75px;
}

.vinedetail-i p {
	font-size: .9em;
	margin-bottom: 0;
	padding-bottom: 0;
}

#smallsilhouette {
	width: 150px;
	height: 287px;
	position: absolute;
	left: 170px;
	top: 0;	
}

#psmallsilhouette {
	width: 150px;
	height: 287px;
	position: absolute;
	left: 70px;
	top: 10px;	
	+top: 30px; /*IE Fix*/
}

/* homepage */
#homeflash {
	height: 450px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	display: inline;
	background: url(../images/bg.jpg) repeat;
}

#homenoflash {
	height: 450px;
	width: 100%;
	z-index: 10;
	position: relative;
}

.bigsilhouette {
	width: 225px;
	height: 451px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.link1, .link2 {
	height: 50px;
	width: 400px;
	position: absolute;
	z-index: 20;
	text-align: center;
	text-decoration: none;
}

.link1 a, .link2 a {
	height: 50px;
	width: 400px;
	text-align: center;
	text-decoration: none;
}

.link1 {
	top: 180px;
	left: 30px;
}

.link2 {
	top: 180px;
	left: 480px;
}

/* Our Wines Tooltips */
/* trigger button */ 
#download_now { 
    background:transparent url(/img/home/download.png) no-repeat scroll 0 0; 
    display:block; 
    height:44px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:159px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
.partner:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
.partner:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(../images/tooltip.png); 
    height:208px; 
    padding:25px 25px 10px 25px; 
    width:320px; 
    font-size:11px; 
    color:#fff; 
    z-index: 9000;
}

.tooltip h2, .tooltip h2 a {
	color: rgb(51,30,25);
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}

.tooltip h3, .tooltip h3 a {
	padding-top: 3px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: rgb(126,135,51);
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
} 

.tooltip li, .tooltip li a {
	margin-top: 0;
	padding-top: 0;
	font-size: 11px;
	color: rgb(51,30,25);
}

.tooltip ul {
	margin-top: 0;
	margin-bottom: 0;
}

/* footer area */
#footer {
	width: 100%;
	height: auto;
	position: relative;
	bottom: 0;
	left: 0;
	text-align: center;
}

#footer p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 8px;
	color: #533930;
}

#footer a, #footer a:visited {
	text-decoration: none;
	color: #533930;
}

#footer a:hover {
	text-decoration: underline;
	color: #533930;
}

/* hidden areas */
#logo h1, #nav h3 {
	display: none;
}

/*gets rid of dotted line outline on links in firefox*/
a:focus { -moz-outline-style: none; }

/*gets rid of blue line around images*/
img { border-style: none;}

/* Text Style */
h1,h2,h3,h4,h5,h6, p, table, li {
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

h1 {
	font-size: 1.6em;
	color: #533930;
	margin-bottom: 5px;
}

h2 {
	font-size: 1.2em;
	color: #7e8733;
	margin-top: 0;
}	

h3 {
	font-size: 1.1em;
	color: #7e8733;
	font-weight: normal;
	font-style: italic;
	margin-top: 0;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #533930;
}

h5 {
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
	color: #7e8733;
}

h6 {
	font-size: 1em;
}

p, table, li {
	font-size: 1em;
	color: #4e3227;
}

.parent a {
	text-decoration: underline;
	color: #533930;
}

.parent a:hover {
	color: #7e8733;
}