@charset "utf-8";
@import url("custom-theme/jquery-ui-1.8.1.custom.css");
/*@font-face {
	font-family: Trajan;
	src: url('../fonts/TRAJANPRO-REGULAR.OTF');
}
@font-face {
	font-family: Trajan;
	font-weight: bold;
	src: url('../fonts/TRAJANPRO-BOLD.OTF');
}
@font-face {
	font-family: 'Trajan';
	src: url('../fonts/trajanpro-regular-webfont.eot');
	src: local('☺'), url('../fonts/trajanpro-regular-webfont.woff') format('woff'), url('../fonts/trajanpro-regular-webfont.ttf') format('truetype'), url('../fonts/trajanpro-regular-webfont.svg#webfontY37JOB3Z') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Trajan';
	src: url('../fonts/trajanpro-bold-webfont.eot');
	src: local('☺'), url('../fonts/trajanpro-bold-webfont.woff') format('woff'), url('../fonts/trajanpro-bold-webfont.ttf') format('truetype'), url('../fonts/trajanpro-bold-webfont.svg#webfont3JIvhmKD') format('svg');
	font-weight: bold;
	font-style: normal;
}*/

@font-face {
	font-family: Garamond;
	src: url('../fonts/AGARAMONDPRO-REGULAR.OTF');
}
@font-face {
	font-family: Garamond;
	font-weight: bold;
	src: url('../fonts/AGARAMONDPRO-BOLD.OTF');
}
@font-face {
	font-family: Garamond;
	font-style: italic;
	src: url('../fonts/AGARAMONDPRO-ITALIC.OTF');
}
@font-face {
	font-family: Garamond;
	font-weight: bold;
	font-style: italic;
	src: url('../fonts/AGARAMONDPRO-BOLDITALIC.OTF');
}
/*@font-face {
	font-family: 'Garamond';
	src: url('agaramondpro-regular-webfont.eot');
	src: local('☺'), url('agaramondpro-regular-webfont.woff') format('woff'), url('agaramondpro-regular-webfont.ttf') format('truetype'), url('agaramondpro-regular-webfont.svg#webfontocPb0lrl') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Garamond';
	src: url('agaramondpro-bold-webfont.eot');
	src: local('☺'), url('agaramondpro-bold-webfont.woff') format('woff'), url('agaramondpro-bold-webfont.ttf') format('truetype'), url('agaramondpro-bold-webfont.svg#webfontttqfoKC7') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Garamond';
	src: url('agaramondpro-italic-webfont.eot');
	src: local('☺'), url('agaramondpro-italic-webfont.woff') format('woff'), url('agaramondpro-italic-webfont.ttf') format('truetype'), url('agaramondpro-italic-webfont.svg#webfontNidyDy4D') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Garamond';
	src: url('agaramondpro-bolditalic-webfont.eot');
	src: local('☺'), url('agaramondpro-bolditalic-webfont.woff') format('woff'), url('agaramondpro-bolditalic-webfont.ttf') format('truetype'), url('agaramondpro-bolditalic-webfont.svg#webfontxXrk9XA2') format('svg');
	font-weight: bold;
	font-style: italic;
}*/

body {
	margin: 60px auto;
	color: #ddd;
	background-color: #000;
	font-family: Garamond;
	font-size: 11pt;
	/*word-spacing: 2px;*/
}
h1, h2, h3, h4 {
	font-weight: bold;
	color: #b3b3b3;
}
h1, h2 {
	font-family: "Times New Roman", Times, serif;
	/*font-weight: bold;*/
}
h2 {
	font-size: 16pt;
}
h4 {
	margin-top: 0;	
}
p {
}
ul {
	list-style: square;
}
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #b3b3b3;
}
a:link:hover, a:visited:hover {
	color:#FFF;	
}
a img {
	border: none;	
}
select {
	background-color:#000;
	color:#ddd;
	border: solid #FFF 1px;
	font-family: Garamond;
	font-size: 10.5pt;
}
#container {
	position: relative;
	width: 1030px;
	height: 660px;
	margin: 0 auto;
	text-align: center;
	/*border: solid #FFF 1px;*/
}
#age_gate, #age_gate select {
	font-size: 14pt;
}
#leftbar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 660px;
	/*border: solid #0f0 1px;*/
}
#mainmenu {
	/*poistion:absolute;
	bottom: 0px;
	left: 600px;
	height: 300px;*/
	margin: 0 auto;
	position:absolute;
	left:0px;
	bottom:0px;
	width: 140px;
	font-family: Garamond;
	font-size: 11pt;
	text-transform: uppercase;
	text-align: center;
	color: #b3b3b3;
}
.menubutton {
	margin: 1px;
	padding: 15px 0;
	border-bottom: solid #b3b3b3 1px;
	/*border: solid #ff0 1px;*/
}
.menubutton a {
	margin: 0px;
	padding: 15px 0;
	width: 100%;
}
.lastbutton {
	margin-bottom: 0px;
	padding-bottom: -5px;
	vertical-align: bottom;
	border: none;
}
.activepage, .activepage a {
	color: #FFF !important;	
}
.submenu {
	display: none;
}
#rightbox {
	position: absolute;
	top: 0px;
	left: 235px;
	width: 700px;
	height: 660px;/*100%;*/
	text-align: center;
	/*border: solid #00FF00 1px;*/
}
#upperbox{
	position: relative;
	margin: 0 auto;
	width: 688px;
	height:332px;
	text-align: center;
	/*border: solid #00f 1px;*/
}
#greyscale {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	visibility: hidden;
}
#slideshow img{
	position: absolute;
	top: 0;
	left: 0;
}
#bottle_overlay {
	position: absolute;
	top: 0px;
	left: 480px;
}
#timeline {
	margin: 0;
	padding: 0;
	width: 688px;
	height: 332px;
	overflow: auto;
	position: relative;
	background-color:#000;
}
.timeline-date{
	position: relative;
	display: inline-block;
	/*width: 400px;*/
	height: 315px;
	background-color:#333;
	cursor: pointer;
}
.timeline-caption {
	position:absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	/*width: 100%;398px;*/
	height: 15px;
	overflow: hidden;
	border-left: solid #fff 1px;
	text-align: left;
	/*border-right: solid #333 1px;*/
	/*background-color:#000;*/
}
.timeline-caption h3, .timeline-caption p {
	padding: 2px 5px 0;
	margin: 0;
	font-size: 13px;
	line-height: 13px;
}
.timeline-readmore {
	position: absolute;
	bottom: 0;
	right: 0;
	display: none;
	padding: 0 5px;
}
.current-date {
	border-right: solid #fff 1px;
	background-color:#444;
}
#middlebox{
	height: 60px;
	margin: 25px 0 0;
	padding: 0px;
}
#middlebox h2 {
	margin: 0;
	padding: 0px;
}
#timeline-jump {
	margin: 10px 0;
}
#timeline-jump a{
	margin: 0 6px;
}
#lowerbox {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 280px;
	margin: 40px 0 0;
	padding: 0;
}
.lowerbox_short {
	height: 220px !important;
}
#rightmenu {
	/*float:right;*/
	position: absolute;
	top: 0px;
	right: 0px;
	padding-left: 30px;
	padding-right: 15px;
	width: 100px;
	height: 100%;/*180px;*/
	border-left: solid #FFF 1px;
	text-transform: uppercase;
	text-align: left;
	color: #b3b3b3;
	font-size: 10pt;
	overflow: visible;
}
#rightmenu p, #rightmenu ul, .accordionmenu-item{
	margin-top: 0px;
	margin-bottom: 13px;	
}
#rightmenu ul {
	margin: 0;
	padding-left: 10px;
}
.accordion h3{
	/*border: solid #f00 1px;*/
}
.accordionmenu h3, .accordionmenu-item h3{
	font-weight: normal;
	font-size: 10pt;
}
.accordionmenu-item{
	/*border: solid #0ff 1px;*/
}
.active-item, .active-item a {
	color: #FFF !important;
}
.collapsedmenu {
	margin: 5px 0 0;
	padding-left: 10px;/**/
	/*border: solid #0ff 1px;*/
}
.collapsedmenu p {
	margin: 0px !important;
	padding-bottom: 5px !important;
}
.readmore {
	margin-top: 0px;
	background-color:#111;
	border: solid #333 1px;
}
.readmorelink {
}
#contentpane {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;/*180px;*/
	/*min-height: 100%;*/
	width: 600px;	
	padding-left: 50px;
	padding-right: 50px;
	text-align: left;
}
.contentpane_narrow {
	width: 440px !important;	
}
#content {
	margin: 0;
	padding: 0 2px;
	/*padding-bottom: 90%;*/
	height: 100%;
	width: 100%;
	overflow: hidden;
	text-align: left;
	background-color: #000;
	/*border: solid #f0f 1px;*/
}
#content p:first-child, #content h2:first-child{
	margin-top: 0px;	
}
#content a {
	text-decoration: underline;
}
#scrollbtns {
	/*float: right;*/
	position: absolute;
	bottom: 0px;
	right: 20px;
	width: 25px;
	height: 50px;
	/*border: solid #00FFFF 1px;*/
}
#scrollbtns img {
	padding: 5px;
}
.cellar-logos {
	width: 680px;
	text-align: center;
}
.our-cellar_logo{
	padding: 0;
	margin: 0;
}
#ERLOGO {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#footer {
	width: 1030px;
	margin: 50px auto 0;
	color: #333;
	font-size: 9pt;
	border-top: 1px solid #333;
	text-align: center;
	clear: both;
}
#footer_links a:link, #footer_links a:visited {
	margin: 0 50px;
	color: #333;
	text-transform: uppercase;
}
#footer_links a:hover, #footer_links a:active {
	color: #FFF;
}
#legalclose {
	position: fixed;
	width: 150px;
	text-transform: uppercase;
	text-align: center;
}
#legalcontent {
	width: 850px;
	float: right;
}