/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#fcfcfc;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3 {
	font-weight:normal;
}

/**********************************************************************
 WRAPPERS
**********************************************************************/

#wrapper {
	width:820px;
	margin:0 auto;
}
#container {
	width:820px;
	margin:0;
	padding:0;
	float:left;
}

/**********************************************************************
 HEADER
**********************************************************************/

#headerWrapper {
	width:100%;
	float:left;
	background:url(../images/header_bg.png) repeat-x #000;
}
#headerContainer {
	width:820px;
	margin:0 auto;
}
#header {
	width:820px;
	height:140px;
	float:left;
}

/**********************************************************************
 NAV
**********************************************************************/

#nav {
	width:820px;
	height:40px;
	float:left;
}
#nav ul {
	margin:0;
	padding:0;
	text-align:center;
}
#nav li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
#nav li a {
	font-size:14px;
	color:#fff;
	text-decoration:none;
	line-height:40px;
	padding:0 50px;
}
#nav li a:hover {
	color:#c6b733;
}

/*****************************
 NAV SLIDER
*****************************/

#slideBox {
	width:820px;
	height:40px;
	float:left;
	background:#280707;
}
.js #slideBox {
	display: none;
}
.slideInternal ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.slideInternal li {
	display: inline;
	font-size:12px;
	color:#930011;
	text-decoration:none;
	line-height:40px;
	padding:0 40px;
	margin:0;
	text-transform:uppercase;
}
.slideInternal li a, .slideInternal li.noLink {
	color:#979797;
	display:inline;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
}
.slideInternal li a:hover, .slideInternal li a.navActive {
	color:#c6b733;
}

/**********************************************************************
 HERO HP
**********************************************************************/

#heroWrapperHP {
	width:100%;
	height:350px;
	float:left;
	background:url(../images/bg_hp.jpg) top center repeat-x;
	border-bottom:10px solid #7c000e;
}
#heroContainer {
	width:820px;
	margin:0 auto;
}
#heroHP {
	width:820px;
	height:350px;
	float:left;
	overflow:hidden;
}
#heroHP .slideshow {
	width:820px;
	height:350px;
	overflow:hidden;
	float:left;
}

/**********************************************************************
 HERO IP
**********************************************************************/

#heroWrapperIP {
	width:100%;
	height:40px;
	float:left;
	background:url(../images/bg_ip.jpg) top center repeat-x;
	border-bottom:10px solid #7c000e;
}

#heroIP {
	width:820px;
	height:40px;
	float:left;
	overflow:hidden;
}

#heroIP .slideshow {
	width:820px;
	height:40px;
	float:left;
	overflow:hidden;
}


/**********************************************************************
 SHADOWS
**********************************************************************/

.shadowTop {
	width:820px;
	float:left;
	height:48px;
	background:url(../images/contentShadow_top.png) no-repeat;
	margin:0;
	padding:0;
}
.shadowBot {
	width:820px;
	float:left;
	height:48px;
	background:url(../images/contentShadow_bot.png) no-repeat;
	margin:0;
	padding:0;
}

/**********************************************************************
 CONTENT
**********************************************************************/

#contentWrapper {
	width:820px;
	clear:both;
	margin:0 auto;
}
#contentContainer {
	width:820px;
	float:left;
	padding:30px 0;
}

/*****************************
 CONTENT HEADER & FEATURE
*****************************/

#contentHeader {
	width:820px;
	float:left;
	margin:0;
	padding:0 0 20px 0;
	background:url(../images/contentShadow_top.png) bottom no-repeat;
}
#contentHeader h1 {
	font-size:24px;
	color:#58000a;
	margin:0;
	text-align:center;
}
.contentFeature {
	width:780px;
	margin:0 20px;
	float:left;
}
.contentFeature p {
	font-size:16px;
	line-height:28px;
	color:#333;
	text-align:center;
	margin:20px 0;
	padding:0;
}

/*****************************
 MAIN CONTENT
*****************************/

#contentCols {
	float:left;
	width:780px;
	padding:0 20px;
}
#contentCols h1 {
	font-size:20px;
	color:#58000a;
	margin:0 0 10px 0;
}
#contentCols p{
	font-size:14px;
	color:#666;
	line-height:28px;
}

#contentCols p a {
	color:#7c000e;
	text-decoration:none;
}
#contentCols p a:hover {
	text-decoration:underline;
}

#contentCols .imageRightTop {
	float:right;
	padding:0 0 20px 20px;
}
#contentCols .imageRight {
	float:right;
	padding:20px 0 20px 20px;
}
#contentCols .imageLeftTop {
	float:left;
	padding:0 20px 20px 0;
}
#contentCols .imageLeft {
	float:left;
	padding:20px 20px 20px 0;
}

.map {
	width:425px;
	float:right;
	margin:0 0 20px 20px;
}
.map a {
	color:#7c000e !important;
	font-size:12px;
	text-decoration:none;
}
/*****************************
 MENUS
*****************************/

.menuItemWrapper {
	width:758px;
	float:left;
	padding:10px;
	margin-bottom:10px;
	border:1px solid #fcfcfc;
}
.menuItemWrapper:hover {
	background:#fff;
	border:1px solid #ccc;
}
.menuItemLeft {
	width:618px;
	float:left;
	margin-right:80px;
	overflow:hidden;
}
.menuItemLeft h2 {
	font-weight:bold;
	color:#7c000e;
	margin:0;
	padding:0;
	line-height:28px;
	font-size:14px;
}
.menuItemLeft h2 .note {
	font-style:italic;
	font-weight:normal;
	color:#666;
}
.menuItemLeft p {
	margin:0;
}
.menuItemRight {
	width:60px;
	float:left;
	overflow:hidden;

}
.menuItemRight p {
	color:#58000a !important;
	margin:0;
}
.menuItemWineYear, .menuItemWineTitle, .menuItemWineRegion, .menuItemWineGlass, .menuItemWineBottle {
	line-height:16px;
}
.menuItemWineYear {
	width:40px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	font-size:12px;
	color:#666;
}
.menuItemWineTitle {
	width:274px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	font-size:13px;
	color:#333;

}
.menuItemWineRegion {
	width:274px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	font-size:13px;
	color:#666;
}
.menuItemWineGlass {
	width:50px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	font-size:12px;
	color:#999;
}
.menuItemWineBottle {
	width:50px;
	float:left;
	overflow:hidden;
	font-size:12px;
	color:#333;
}

/*****************************
 CONTENT LEFT
*****************************/

#contentLeft {
	width:460px;
	float:left;
	margin:0;
}
.latestNewsItem {
	width:460px;
	float:left;
	padding:0 0 50px 0;
}
.latestNewsItem h2 {
	font-size:16px;
	color:#000;
	line-height:28px;
	margin:0;
}
.latestNewsItem p {
	margin:5px 0;
}
.latestNewsItem p.date {
	color:#333;
	margin:0;
	font-style:italic;
}

/*****************************
 CONTENT RIGHT
*****************************/

#contentRight {
	width:240px;
	float:left;
	margin:0 0 0 80px;
}

/**********************************************************************
 FOOTER
**********************************************************************/

#footer {
	width:820px;
	float:left;
}
#footerNav {
	height:40px;
	float:left;
	width:820px;
}
#footerNav ul {
	margin:0;
	padding:10px 0;
	width:820px;
	text-align:center;
}
#footerNav li {
	list-style:none;
	display:inline;
}
#footerNav li a {
	list-style:none;
	display:inline;
	font-size:11px;
	color:#58000a;
	line-height:16px;
	padding:0 15px;
	border-right:1px solid #58000a;
	text-decoration:none;
}
#footerNav li a:hover {
	text-decoration:underline;
}
#footerNav li.last a {
	border-right:none;
}
#creditsWrapper {
	width:660px;
	margin:0 auto;
	font-size:11px;
	color:#666;
	line-height:28px;
}
#creditsWrapper a {
	color:#666;
	text-decoration:none;
}
#creditsWrapper a:hover {
	color:#58000a;
}
.creditsLeft {
	width:330px;
	float:left;
	text-align:left;
}
.creditsRight {
	width:330px;
	float:left;
	text-align:right;
}