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



body {
	padding: 0;
	margin: 0;
	background-color: #e7e7e7;
	font-family: "Arial", "Helvetica", "Sans-serif";
	font-size: 12px;
}

body .secondary {
	text-align: center;
}

a {
	color: #660000;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}
	


/* Primary Super-Container */
#ssupercontainer {
	position: relative;
	left: 50%;
	margin-left: -395px;
	width: 800px;
	top: 0px;
	background-color:#FFFFFF;
	border: solid 1px #000000;
}

#sheader {
	margin-top: 10px;
	margin-left: 20px;
}

#sheaderkicker {
	width: 300px;
	float: right;
	font-size: 16px;
	color: #000000;
}
#hmcontainer {
background-color: #FFFFFF;
height: 550px;}

#animation {
	width: 800px;
	height: 358px;
	border-bottom: 2px solid #000000;
}
#cardalt {
	position: absolute;
	z-index: 9;
	top: 114px;
	border-bottom: 2px solid #000000;
	height: 358px;
}
#stopspacer {
	position: relative;
	height: 200px;
}
#featurecontainer {
	clear: both;
	position: relative;
	height: 200px;
	border-bottom: 1px solid #000000;

}

#featurecontainer h1 {
	font-family: "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:16px;
	padding-top: 10px;
	
}
#featurecontainer p {
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	color:#000000;
	}
#featurecontainer p a {
	text-decoration: underline;
	color:#660000;	}	
	
#featurecontainer2 {
	clear: both;
	position: absolute;
	height: 200px;
	border-top: 2px solid #000000;
	margin-top: 360px;

}

#featurecontainer2 h1 {
	font-family: "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:16px;
	padding-top: 10px;
	
}
#featurecontainer2 p {
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	color:#000000;
	}
#featurecontainer2 p a {
	text-decoration: underline;
	color:#660000;	}	
	
#feature1 {
	position: absolute;
	z-index: 10;
	width: 230px;
	left: 20px;
	padding: 0px 10px 10px 0px;
	border-right: 1px solid #cccccc;
	
}
#feature2 {
	position: absolute;
	z-index: 10;
	width: 230px;
	left: 285px;
	padding: 0px 10px 10px 0px;
	border-right: 1px solid #cccccc;

	
}
#feature3 {
	position: absolute;
	z-index: 10;
	width: 240px;
	left: 545px;
	padding: 0px 10px 10px 0px;
	
}


/*Secondary Template*/

#scontentcontainer {
width: 800px;
vertical-align:top;


}
#topimage {
width: 800px;
height: 89px;
margin: 0;
}

#pgtitle {
width: 785px;
height: 30px;
font-family:"Times New Roman", Times, serif;
color:#FFFFFF;
font-size:18px;
text-transform:uppercase;
vertical-align: middle;
padding: 10px 0px 0px 15px;
}

.cab { background-color: #580607;}
.merlot { background-color: #4a1f52;}
.ries { background-color: #6a752f;}
.sirah { background-color: #5a052e;}
.brown {background-color: #2f1305;}

#scontent {
	width: 800px;
}
#scontent p {
	margin-left: 20px;
	margin-right: 20px;
}
#scontent h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #000000;
		margin-left: 20px;

}
#scontent h2 {
	font-size: 16px;
	font-family:"Times New Roman", Times, serif;
	margin-left: 20px;
	margin-bottom: -15px;

}

#scopy {
	position: absolute;
	width: 320px;
	z-index: 10;
}

#scopy h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #000000;
}

#scopy h2 {
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 16px;
	padding-top: 15px;
	font-family:"Times New Roman", Times, serif;
}

#scopy p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
		line-height: 16px;
}
#srightimage {
	position: relative;
	float: right;
	z-index: 9;
}


/*Wines Nav */

#ssidenav {
	position: relative;
	float: left;
	z-index: 13;
	width: 130px;
	padding: 20px 0px 0px 0px;
	z-index: 12;
	height: 365px;
	border-right: 1px solid #cccccc;

}


#ssidenav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ssidenav li {
	padding: 0;
	margin: 0;
	margin-top: 5px;
}

#ssidenav li:hover {
	background-color: #2f1305;
	color:#FFFFFF;
}

#ssidenav li .cab { background-color: #580607; color:#FFFFFF;}
#ssidenav li .merlot { background-color: #4a1f52; color:#FFFFFF;}
#ssidenav li .ries { background-color: #6a752f; color:#FFFFFF;}
#ssidenav li .sirah { background-color: #5a052e; color:#FFFFFF;}
#ssidenav li .brown {background-color: #2f1305; color:#FFFFFF;}



#ssidenav a {
	padding: 5px;
	padding-left: 10px;
	display: block;
	text-decoration:none;
	color: #2f1305;
}

#ssidenav a:hover {
	text-decoration: none;
	background-color: #2f1305;
	color:#FFFFFF;
}

#tenvspace {
	height: 10px;
}

#wineimage {
	position: relative;
	float: right;
	z-index: 11;
}

/*Wines Template */

#winecopy {
	position: absolute;
	width: 370px;
	padding: 20px 0px 0px 10px;
	z-index: 12;
	margin-left: 145px;
	height: 100%;
}

#winecopy h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #000000;
}

#winecopy h2 {
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	font-size: 12px;
}

#winecopy p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
		line-height: 16px;
}

/* Top-Nav  */
#topnav {
	color: #000000;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 2px #000000;
	font-family: "Times New Roman", Times, serif;
	z-index: 500;
}

#topnav .divider {
	padding: 0;
}

#topnav ul li a {
	text-decoration: none;
	color: #000000;
	padding-left: 20px;
	padding-right: 20px;
}

#topnav ul li a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #660000;
	padding-top: 5px;
	padding-bottom: 5px;
}

#topnav ul, #topnav li {
	list-style: none;
	display: inline;
	padding: 0;
	vertical-align: middle;
	z-index: 500;
}

#topnav li {
	position: relative;
	z-index: 500;
}

#topnav ul li li a:hover {
	background-color: #ccc;
	color: #660000;
	text-decoration:underline;
}
#topnav ul ul {
	left: 0;
	position: absolute;
	z-index: 500;
	background-color: #660000;
	width: 160px;
	padding: 0;
	margin-top: 2px;
}

#topnav ul ul li {
	display: list-item;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 500;
	border-bottom: 1px solid #ffffff;
}

#topnav ul ul a {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color:#FFFFFF;
}

#topnav ul ul li:hover {
background-color: #cccccc;
color: #660000;
}
div#topnav ul ul,
div#topnav ul li:hover ul ul {
	display: none;

}
div#topnav ul li:hover ul,
div#topnav ul ul li:hover ul{
	display: block;
}




/* Home Footer */
#footer_home {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 10;
}

#footer {
	z-index: 10;
}


#footer {
	color: #000000;
	font-family: "Arial", "Helvetica", "Sans-serif";
	font-size: 10px;
	text-align: center;
	z-index: 5;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer a {
	text-decoration: none;
	color: #000000;
}

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

#footer ul, #footer li {
	list-style: none;
	display: inline;
	padding: 0;
	padding-left: 3px;
	padding-right: 3px;
}


/* Secondary Footer */

#sfooter {
	font-family: "Arial", "Helvetica", "Sans-serif";
	font-size: 10px;
	text-align: center;
	z-index: 5;
	padding-top: 15px;
	padding-bottom: 5px;
	height: 60px;
	vertical-align:bottom;
	color:#FFFFFF;

}

#sfooter a {
	text-decoration: none;
	color: #ffffff;
}

#sfooter a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#sfooter ul, #sfooter li {
	list-style: none;
	display: inline;
	padding: 0;
	padding-left: 3px;
	padding-right: 3px;
}


/* Secondary Super-Container */



#clearfloat {
	clear: both;
}