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

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	min-width:1240px;
	-webkit-font-smoothing: subpixel-antialiased;
}
html,  body  {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
ul,  li  {
	list-style-type: none;
}

a { outline: none;color:#fff; }
img  { outline: none;border:none; }

#header {
	position:absolute;
	width:1119px;
	padding-bottom:20px;
	text-align:left;
	opacity:0;
	display:none;
	background-image:url(../images/line.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#header img{
	float:left;	
}
ul#headerMenu {
	width: 97px; 
	height:85px;
	list-style: none;
	margin: 0 auto;
	position:absolute;
	top:8px;
	left:158px;
}
ul#headerMenu li { display: block;  }
	
ul#headerMenu li a {
	height:7px;
	display: block;
	background-image: url(../images/header_menu.png); text-indent: -9999px;
}
ul#headerMenu li div {
	height:7px;
	display: block;
	background-image: url(../images/header_menu.png); text-indent: -9999px;
}
ul#headerMenu li div.spacer {
	width: 97px; height:7px; background-position: 0 -7px;	
}
ul#headerMenu li a.story {
		width: 97px; background-position: 0 0;
}
ul#headerMenu li a.story:hover, ul#headerMenu li a.story:focus, ul#headerMenu li a.story.selected {
		background-position: -97px 0;
}
ul#headerMenu li a.team {
		width: 97px; background-position: 0 -14px;
}
ul#headerMenu li a.team:hover, ul#headerMenu li a.team:focus, ul#headerMenu li a.team.selected {
		background-position: -97px -14px;
}
ul#headerMenu li a.spirits {
		width: 97px; background-position: 0 -28px;
}
ul#headerMenu li a.spirits:hover, ul#headerMenu li a.spirits:focus, ul#headerMenu li a.spirits.selected {
		background-position: -97px -28px;
}
ul#headerMenu li a.news {
		width: 97px; background-position: 0 -42px;
}
ul#headerMenu li a.news:hover, ul#headerMenu li a.news:focus, ul#headerMenu li a.news.selected {
		background-position: -97px -42px;
}
ul#headerMenu li a.purchase {
		width: 97px; background-position: 0 -55px;
}
ul#headerMenu li a.purchase:hover, ul#headerMenu li a.purchase:focus, ul#headerMenu li a.purchase.selected {
		background-position: -97px -55px;
}
ul#headerMenu li a.contact {
		width: 97px; background-position: 0 -69px;
}
ul#headerMenu li a.contact:hover, ul#headerMenu li a.contact:focus, ul#headerMenu li a.contact.selected {
		background-position: -97px -69px;
}


ul#headerSubMenu {
	width: 115px; 
	height:85px;
	list-style: none;
	margin: 0 auto;
	position:absolute;
	top:8px;
	left:295px;
}
ul#headerSubMenu li { display: block;  }
	
ul#headerSubMenu li a {
	height:7px;
	display: block;
	text-indent: -9999px;
}

ul#headerSubMenu li div.spacer {
	width: 115px; height:7px; background-position: 0 -7px;	
}

ul#headerSubMenu li a.article1 {
		width: 115px; background-position: 0 0;
}
ul#headerSubMenu li a.article1:hover, ul#headeSubrMenu li a.article1:focus, ul#headerSubMenu li a.article1.selected {
		background-position: -115px 0px;
}
ul#headerSubMenu li a.article2 {
		width: 115px; background-position: 0 -14px;
}
ul#headerSubMenu li a.article2:hover, ul#headeSubrMenu li a.article2:focus, ul#headerSubMenu li a.article2.selected {
		background-position: -115px -14px;
}
ul#headerSubMenu li a.article3 {
		width: 115px; background-position: 0 -28px;
}
ul#headerSubMenu li a.article3:hover, ul#headeSubrMenu li a.article3:focus, ul#headerSubMenu li a.article3.selected {
		background-position: -115px -28px;
}
ul#headerSubMenu li a.article4 {
		width: 115px; background-position: 0 -42px;
}
ul#headerSubMenu li a.article4:hover, ul#headeSubrMenu li a.article4:focus, ul#headerSubMenu li a.article4.selected {
		background-position: -115px -42px;
}
ul#headerSubMenu li a.article5 {
		width: 115px; background-position: 0 -55px;
}
ul#headerSubMenu li a.article5:hover, ul#headeSubrMenu li a.article5:focus, ul#headerSubMenu li a.article5.selected {
		background-position: -115px -55px;
}
ul#headerSubMenu li a.article6 {
		width: 115px; background-position: 0 -69px;
}
ul#headerSubMenu li a.article6:hover, ul#headeSubrMenu li a.article6:focus, ul#headerSubMenu li a.article6.selected {
		background-position: -115px -69px;
}



#content  {
	text-align:  center;
	margin:  0 auto;
	height: 100%;
	position:  relative;
	z-index:  999;
	
	height: 682px;
	width: 1119px;
	position:absolute;
	left:50%;
	top:35px;
	margin: 0px 0 0 -560px;
	-webkit-transform: translate3D(0, 0, 0);
	
}
#intro  {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	letter-spacing:0.2em;
	text-transform:uppercase;
	color:#ae8218;
	z-index:  1;
	text-align: center;
	position:  absolute;
	top: 50%;
	left: 50%;
	text-decoration: none;
	height: 497px;
	width: 1040px;
	padding-top:88px;
	margin: -292px 0 0 -520px;
}
#introBack {
	text-align: center;
	height: 497px;
	width: 1040px;
	padding-top:88px;
	top:0;
	left:0;
	top: 50%;
	left: 50%;
	position:absolute;
	background:#FFF;
	margin: -292px 0 0 -520px;
	opacity:0.79;
	filter: alpha(opacity = 79);
}

#intro #agestatement {
	padding-top:46px;
}
#intro #agecheck {
	font-size:14px;
	padding-top:12px;
}
#intro #yesno {
	padding-top:26px;
}
#introAnimation {
	text-align:left;
	padding-top:190px;
	padding-left:100px;
	display:none;
	opacity:0;
}
#introAnimation #introText {
	padding-top:20px;
	padding-bottom:60px;
	padding-left:9px;
	height:235px;
}
#introAnimation #introContinue {
	padding-left:9px;
}
#introContinue img {
	padding-top:20px;
	padding-bottom:20px;	
}


#home {
	padding-top:190px;
	display:none;
	opacity:0;
}




ul#introMenu {
	width: 637px; list-style: none;
	margin: 0 auto;
	height: 15px;
	padding-top:80px;
}

ul#introMenu li { display: inline;  }
	
ul#introMenu li a {
	display: block; float: left; height: 15px;
	background-image: url(../images/intro_links.png); text-indent: -9999px;
	
	-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;-ms-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;
}
ul#introMenu li div {
	display: block; float: left; height: 15px;
	background-image: url(../images/intro_links.png); text-indent: -9999px;
}

	ul#introMenu li div.spacer {
		width: 40px; background-position: -85px 0;	
	}

	ul#introMenu li a.story {
		width: 84px; background-position: 0 0;
	}
	ul#introMenu li a.story:hover, ul#introMenu li a.story:focus, ul#introMenu li a.story .selected {
		background-position: 0 -5px;
	}
	
	ul#introMenu li a.team {
		width: 40px; background-position: -125px 0;	
	}
	ul#introMenu li a.team:hover, ul#introMenu li a.team:focus, ul#introMenu li a.team .selected {
		background-position: -125px -5px;	
	}
	
	ul#introMenu li a.spirits {
		width: 57px; background-position: -206px 0;	
	}
	ul#introMenu li a.spirits:hover, ul#introMenu li a.spirits:focus, ul#introMenu li a.spirits .selected {
		background-position: -206px -5px;	
	}
	
	ul#introMenu li a.news {
		width: 109px; background-position: -303px 0;	
	}
	ul#introMenu li a.news:hover, ul#introMenu li a.news:focus, ul#introMenu li a.news .selected {
		background-position: -303px -5px;	
	}
	
	ul#introMenu li a.purchase {
		width: 78px; background-position: -451px 0;	
	}
	ul#introMenu li a.purchase:hover, ul#introMenu li a.purchase:focus, ul#introMenu li a.purchase .selected {
		background-position: -451px -5px;	
	}
	
	ul#introMenu li a.contact {
		width: 67px; background-position: -570px 0;	
	}
	ul#introMenu li a.contact:hover, ul#introMenu li a.contact:focus, ul#introMenu li a.contact .selected {
		background-position: -570px -5px;	
	}
	
	

#contentArea{
	width:1119px;
	height:565px;
	position:absolute;
	background-image:url(../images/content_blue.png);
	background-repeat:no-repeat;
	display:none;
	opacity:0;
	top:120px;
	-webkit-transform: translate3D(0, 0, 0);
}
#svgTeam {
/*	mask: url(http://hillrockdistillery.com/_res/images/containerShape.svg#masker);
   -webkit-mask-image: url(http://hillrockdistillery.com/_res/images/containerShape2.svg);*/
}

#svgTeamStroke {
	/*width:1119px;
	height:565px;
	position:absolute;
	z-index:10;
   background-image: url(http://hillrockdistillery.com/_res/images/containerStroke.svg);
	-o-background-size: 1119px 565px;
	-webkit-background-size: 1119px 565px;*/
}

#teamButtons {
	z-index:11;
	position:absolute;
	overflow:hidden;
	top:182px;
	left:144px;
}
#teamButtons li {
	float: left;
	padding-right:38px;
}
#teamButtons li .teamOver {	
	position:absolute;
}
#teamButtons li a {
	text-decoration:none;
}
#teamButtons li a div {
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-transform:uppercase;
	text-align:left;
	padding-top:10px;
	letter-spacing:0.2em;
}

#teamButtons li a .teamOver{
	opacity:0;
	filter: alpha(opacity = 0);
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

#teamButtons li a:hover .teamOver{
	opacity:1;
	filter: alpha(opacity = 100);
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

/*  STORY */

#contentTextArea{
	overflow:hidden;
	height:380px;
	position:absolute;
	top:90px;
}
.historyCopy {
	font-family:'MilDisLig';
	font-weight:200;
	font-size:1.293em;
	line-height:1.45em;
	letter-spacing:0.1em;
	color:#FFFFFF;
	text-align:left;
	width:1039px;
	padding-left:40px;
	-webkit-transform: translate3D(0, 0, 0);
}
.historyCopy2 {
	display:none;
	font-family:'MilDisLig';
	font-weight:200;
	font-size:1.293em;
	line-height:1.45em;
	letter-spacing:0.1em;
	color:#FFFFFF;
	text-align:left;
	width:1039px;
	padding-left:40px;
	-webkit-transform: translate3D(0, 0, 0);
}
.historyLine {
	font-family:'MilDis';
	font-size:14px;
	text-transform:uppercase;
}



#historyMenu {
	width: 90px;
	margin: 0 auto;
	height: 12px;
	z-index:40;
	position:absolute;
	bottom:23px;
	right:43px;
}
#historyMenu  a {
	font-family:'MilDis';
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:9px;
	display: block;
	text-decoration:none;
	color:#c2b287;
}

#malthouseMenu {
	width: 90px;
	margin: 0 auto;
	height: 12px;
	z-index:40;
	position:absolute;
	bottom:43px;
	right:0px;
}
#malthouseMenu  a {
	font-family:'MilDis';
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:9px;
	display: block;
	text-decoration:none;
	color:#c2b287;
}
.malthouseCopy2 {
	display:none;
}

ul#arrowMenu {
	width: 90px; list-style: none;
	margin: 0 auto;
	height: 12px;
	z-index:40;
	position:absolute;
	bottom:23px;
	right:43px;
}
ul#arrowMenu li { display: inline; float:left; }

ul#arrowMenu li a {
	height:12px;
	display: block;
	background-image: url(../images/story_nav.gif); text-indent: -9999px;
}

ul#arrowMenu li a.arrowUp {
		width: 45px; background-position: 59px 0;
}
ul#arrowMenu li a.arrowDown {
		width: 45px; background-position: 0 0;
}

.storyTitle{
	position:absolute;
	top:45px;
	left:40px;
}
.storyBranding{
	position:absolute;
	bottom:23px;
	left:40px;
}





#contentAreaGallery{
	background-color:#2a3b50;
	background-image:none;
	height:544px;
}
#contentAreaGallery .title {
	position:absolute;
	top:14px;
	left:922px;
	text-align:left;
	color:#c2b287;
	font-family: 'AmExB';
	font-size:0.776em;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

#contentTextAreaStory{
	overflow:hidden;
	height:482px;
	position:absolute;
	top:36px;
	left:922px;
	text-align:left;
}
.storyCopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:1.5em;
	width:180px;
	text-align:left;
	-webkit-transform: translate3D(0, 0, 0);
}
#slidesGallery {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.slides_container {
	width:902px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container div.slide {
	width:902px;
	height:544px;
	display:block;
}


ul#arrowMenuGallery {
	width: 90px; list-style: none;
	margin: 0 auto;
	height: 12px;
	z-index:40;
	position:absolute;
	bottom:28px;
	right:108px;
}
ul#arrowMenuGallery li { display: inline; float:left; }

ul#arrowMenuGallery li a {
	height:12px;
	display: block;
	background-image: url(../images/story_nav.gif); text-indent: -9999px;
}

ul#arrowMenuGallery li a.arrowUpGallery {
		width: 45px; background-position: 59px 0;
}
ul#arrowMenuGallery li a.arrowDownGallery {
		width: 45px; background-position: 0 0;
}
#contactMap {
	width:904px;
	height:544px;
}
#map_canvas {
	width:904px;
	height:544px;
	top:0;
	left:0;
	position:relative;
}
#newsHolder {
	height:544px;
	width:1119px;
	background-image:url(../images/news_background.jpg);
	overflow:hidden;
}
#newsHolder ul{	
	margin-top:35px;
	margin-left:30px;
	height:502px;
	width:3000px;
}
#newsHolder li {
	width:199px;
	height:250px;
	background-image:url(../images/news_article_shadow.png);
	background-position:left top;
	float:left;
}
#newsHolder li img {
	padding-top:5px;
	padding-left:10px;
	width:166px;
	height:217px;
	float:left;
}

#newsOverlay {
	height:544px;
	width:1119px;
	position:absolute;
	top:0;
	left:0;
	z-index:2300;
	display:none;
}


/* PURCHASE */

#purchaseHolder {
	width:1118px;
	position:absolute;
	top:0;
	left:0;
}
#purchaseHolder .branding {
	background:url(../images/purchase.gif) top left no-repeat;
	width:1118px;
}
#purchaseHolder .hold {
	background:url(../images/content_blue_middle.gif) top left repeat-y;
	width:1118px;;
	display:block;
	color:#FFFFFF;
	padding:0;
	font-size:15px;
	text-align:left;
	line-height:1.2em;
	-webkit-transform: translate3D(0, 0, 0);
}
#purchaseHolder p {
	padding-top:0px;
	padding-bottom:15px;
	display:block;	
}
#purchaseHolder .leadin {
	font-family: 'MinReg';
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
	margin-left:400px;
	letter-spacing:.2em;
	
}
#purchaseHolder h2 {
	color:#a98a68;
	font-size:18px;
	border-bottom:solid 1px #a98a68;
	text-transform:uppercase;
	font-family: 'FGMed';
	margin-bottom:15px;
	padding-bottom:5px;
	line-height:1.3em;
}
#purchaseHolder h3 {
	color:#a98a68;
	font-size:12px;
	text-transform:uppercase;
	font-family: 'MilReg';
	line-height:1.3em;
	padding-bottom:15px;
}
#purchaseHolder .col {
	float:left;
	width:230px;
	padding-top:20px;
	font-family: 'MinReg';
}
#purchaseHolder a{
	text-decoration:none;	
}
#purchaseHolder a:hover{
	text-decoration:underline;	
}
#purchaseHolder .spacer {
	padding-right:115px;
	margin-left:400px;
}


#purchaseHolder .next, #purchaseHolder .prev {
	position:absolute;
	top:257px;
	left:1022px;
	width:26px;
	height:47px;
	display:block;
	z-index:6000;

}

#purchaseHolder .next {
	left:1060px;
}


/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 50px;
	width: 50px;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 1200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 50px;
	width: 50px;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 1200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
#setTwo {
	display:none;	
}


@font-face {
	font-family: 'AmExB';
	src: url('../fonts/AmExB.eot');
}
@font-face {
	font-family: 'AmExB';
	src: url('../fonts/AmExB.woff') format('woff'),
	url('../fonts/AmExB.svg#AmExB') format('svg');
}

@font-face {
	font-family: 'FGMed';
	src: url('../fonts/FGMed.eot');
}
@font-face {
	font-family: 'FGMed';
	src: url('../fonts/FGMed.woff') format('woff'),
	url('../fonts/FGMed.svg#FGMed') format('svg');
}
@font-face {
	font-family: 'MilReg';
	src: url('../fonts/MilReg.eot');
}
@font-face {
	font-family: 'MilReg';
	src: url('../fonts/MilReg.woff') format('woff'),
	url('../fonts/MilReg.svg#MilReg') format('svg');
}
@font-face {
	font-family: 'MilDis';
	src: url('../fonts/MilDis.eot');
}
@font-face {
	font-family: 'MilDisLig';
	src: url('../fonts/MilDisLig.woff') format('woff'),
	url('../fonts/MilDisLig.svg#MilDisLig') format('svg');
}
@font-face {
	font-family: 'MilDis';
	src: url('../fonts/MilDis.eot');
}
@font-face {
	font-family: 'MilDis';
	src: url('../fonts/MilDis.woff') format('woff'),
	url('../fonts/MilDis.svg#MilDis') format('svg');
}
@font-face {
	font-family: 'MinReg';
	src: url('../fonts/MinReg.eot');
}
@font-face {
	font-family: 'MinReg';
	src: url('../fonts/MinReg.woff') format('woff'),
	url('../fonts/MinReg.svg#MinReg') format('svg');
}