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


/**************************************
font-family: 'medula_one', serif;
font-family: 'yanone_kaffeesatz', sans-serif;
font-family: 'arvo_webfont', serif;
****************************************/

a{
	color:#ce5028;
	text-decoration:underline;
	transition:color 0.1s, background-color 0.1s;
	-moz-transition:color 0.1s, background-color 0.1s;
	-webkit-transition:color 0.1s, background-color 0.12s;
	-o-transition:color 0.1s, background-color 0.1s;
}
a *{
	transition:color 0.1s, background-color 0.1s;
	-moz-transition:color 0.1s, background-color 0.1s;
	-webkit-transition:color 0.1s, background-color 0.12s;
	-o-transition:color 0.1s, background-color 0.1s;
}

a:hover{text-decoration:none;}

.clearfix{display:block; clear:both;}

hr{display:block; clear:both; height:0; border:0; margin:0 0 20px 0;}

.hidden{display:none;}

.divider{
	display:block;
	width:100%;
	height:1px;
	padding:0;
	margin:10px 0 35px 0;
	background:#000;
	clear:both;
}
strong{font-weight:600;}

/*********************************/

body{
	background:url(../images/bg.jpg) center top;
	font-family: 'yanone_kaffeesatz', sans-serif;
	font-weight:400;
	color:#000;
	min-width:1200px;
	letter-spacing:0.03em;
}
.wrapper{
	width:1140px;
	margin:0 auto;
	position:relative;
}

/* header **********************************/

#page-header{
	height:301px;
	background:url(../images/header-bg.jpg) center center no-repeat;
	font-family: 'arvo_webfont', sans-serif;
}
#page-header .wrapper{height:301px;}

	#top-info{
		height:59px;
		background:url(../images/top-info-bg.png);
		position:absolute;
		top:0;
		left:0;
		right:0;
		z-index:200;
		
	}
		#top-info ul{
			float:right;
		}
			#top-info ul li{
				float:left;
				margin:0 40px 0 0;
				position:relative;
		
				text-shadow:1px 2px 0 #231f20;
				font-size:1.125em;
				line-height:59px;
				color:#fefefe;
				font-weight:700;
			}
				#top-info ul li a{color:#fefefe; text-decoration:none;}

				#top-info ul li ul{
					opacity:0;
					height:0;
					padding:0;
					overflow:hidden;
					position:absolute;
					right:0;
					top:100%;
					z-index:-1;
					background:#a4c5ca;
					float:none;
					white-space:nowrap;
					box-shadow:0 1px 8px rgba(0,0,0,0.25);
					-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.25);
					
					transition:opacity 0.2s;
					-moz-transition:opacity 0.2s;
					-webkit-transition:opacity 0.2s;
					-o-transition:opacity 0.2s;
				}
				#top-info ul li:hover ul{
					opacity:1;
					height:auto;
					padding:10px 25px 15px 25px;
					overflow:visible;
					border-top:4px solid #6b8e93;
				}
				
				#top-info ul li ul:before{
					content:"";
					display:block;
					width:25px;
					height:17px;
					position:absolute;
					top:-17px;
					right:15px;
					background:url(../images/top-dropdown-arrow.png) no-repeat 0 0;
				}
					#top-info ul li ul li{
						margin:15px 0 20px 0;
						font-size:0.88em;
						line-height:1.5em;
						color:#231f20;
						font-weight:normal;
						text-shadow:none;
					}
						#top-info ul li ul li strong{
							font-size:1.125em;
							font-weight:700;
						}
	#logo{
		display:block;
		position:absolute;
		bottom:-67px;
		left:-20px;
		z-index:150;
	}
		#logo img{display:block;}
		
	#main-nav{
		width:1200px;
		height:100px;
		background:url(../images/menu-bg.png) no-repeat 0 0;
		position:absolute;
		bottom:10px;
		left:-34px;
		right:-26px;
		z-index:100;
	}
		#main-nav ul{padding:22px 0 0 0;}
			#main-nav ul li{
				height:50px;
				float:left;
			}
			#main-nav ul li#home{margin-left:300px;} 
			
				#main-nav ul li a{
					display:block;
					height:50px;
					padding:0 9px;
					
					font-size:1.25em;
					line-height:50px;
					color:#000;
					text-decoration:none;
					letter-spacing:0.01em;
				}
				#main-nav ul li:hover{text-decoration:underline; background:url(../images/nav-selected.png);}
				#main-nav ul li.selected{background:url(../images/nav-selected.png);}
				
				#main-nav ul li#home a{
					width:50px;
					padding:0;
					background:url(../images/nav-home.png) no-repeat center center;
					overflow:hidden;
					text-indent:999em;
				} 

	#banner{
		width:1140px;
		height:301px;
		position:absolute;
		top:0; 
		left:0;
		z-index:0;
	}

/* body  **********************************/

#page-body{background:url(../images/paper-bg-repeat.jpg) center top repeat-y;}
#page-body .wrapper{width:1190px; background:url(../images/paper-bg-top.jpg) no-repeat center top;}
	#page-body .wrapper:after{
		content:"";
		display:block;
		width:100%;
		height:20px;
		position:absolute;
		bottom:-20px;
		left:0;
		right:0;
		background:url(../images/paper-bg-bottom.jpg) no-repeat 0 0;
	}

	.content{
		width:950px;
		padding:55px 0 30px 100px;
		margin:0;
		position:relative;
	}
	
		.content h1{
			padding:0;
			margin:0 0 30px -50px;
			font-size:5.625em;
			line-height:1em;
			font-family: 'medula_one', serif;
			font-weight:normal;
		}
			.content h1 a{color:#000; text-decoration:none;}
			.content h1 a:hover{color:#000; text-decoration:underline;}

		.content h2{
			padding:0 0 20px 0;
			font-size:3.125em;
			line-height:1em;
			font-weight:400;
			font-family: 'medula_one', serif;
		}
	
		.content h3{
			padding:5px 0 0 0;
			font-size:1.7em;
			line-height:1.1em;
			font-weight:700;
		}
		.content h4{
			padding:0 0 3px 0;
			font-size:1.6em;
			line-height:1em;
			font-weight:700;
		}
		.content p{
			font-size:1.5em;
			line-height:1.3em;
			font-weight:400;
			padding:0 0 25px 0;
		}
		
		
		.content a{text-decoration:underline;}
		.content a:hover{text-decoration:none;}
	
		.content ul,
		.content ol{
			margin:0 0 25px 0;
			padding:0 0 0 0;
			font-size:1.5em;
			line-height:1.1em;
			list-style:none;
			font-weight:400;
		}
			.content ul > li,
			.content ol > li{
				padding:0 0 0 10px;
				margin:0 0 10px 10px;
				list-style:none;
				background:url(../images/bulletpoint.png) no-repeat left center;
			}
				.content ul li ul,
				.content ul li ol,
				.content ol li ul,
				.content ol li ol{padding-top:10px; margin-bottom:10px; font-size:1em;}	
			.content ol{list-style:decimal; margin-left:10px; padding-left:15px;}
			.content ol > li{list-style:decimal; background:none; padding-left:0;}
			
		.content blockquote{
			margin:0 0 20px 0;
			font-size:1em;
			color:#614730;
			line-height:1.6em;
			font-weight:600;
		}

/* footer  **********************************/

#page-footer{padding:20px 0 40px 0;}
#page-footer .wrapper{height:165px;}

	#siteinfo{
		float:left;
		padding-left:15px;
		color:#ce5028;
		font-family: 'medula_one', serif;
		font-size:1.3em;
	}
		#siteinfo .copyright{
			float:left;
			padding:0 8px 35px 0;
		}
			#siteinfo .copyright .big{font-size:1.5em;}
			#siteinfo .copyright .bigger{font-size:1.7em;}

		#siteinfo .links{
			float:left;
			padding:40px 0 0 0;
		}
	
	
	ul#social{
		float:right;
		padding-right:0;
	}
		ul#social li{
			float:left;
			margin:0 0 0 20px;
		}
			ul#social li a{
				display:block;
				width:80px;
				height:85px;
				background:no-repeat 0 0;
				text-indent:-9999px;
				overflow:hidden;
			}
			ul#social li#fb a{background-image:url(../images/social-fb.png);}
			ul#social li#tw a{background-image:url(../images/social-tw.png);}
			ul#social li#yt a{background-image:url(../images/social-yt.png);}
			ul#social li#ye a{background-image:url(../images/social-ye.png);}
			ul#social li#ig a{background-image:url(../images/social-ig.png);}
			ul#social li#ut a{background-image:url(../images/social-ut.png);}

	#branding{
		display:block;
		width:26px;
		height:24px;
		float:none;
		clear:both;
		position:relative;
		background:url(../images/ooh.png);
		text-indent:-9999px;
		overflow:hidden;
	}
	
	#newsletter{
		width:50%;
		position:absolute;
		top:120px;
		right:0;
	}
		#newsletterForm{
			width:100%;
			float:right;
		}
			#newsletterForm input[type="email"]{
				display:block;
				width:355px;
				height:45px;
				padding:0;
				margin:0 12px 0 0;
				float:left;
				background:#fcfbdf;
				border:0 none;
				-webkit-appearance:none;
				box-shadow:inset 0 1px 2px rgba(0,0,0,0.55);
				-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.55);
				
				font-family: 'yanone_kaffeesatz', sans-serif;
				color:#3d3d3d;
				font-size:1.6em;
				line-height:45px;
				text-indent:10px;
			}
			#newsletterForm input[type="submit"]{
				display:block;
				height:45px;
				margin:0;
				padding:0;
				background:none;
				border:0 none;
				float:left;
				-webkit-appearance:none;
				
				font-family: 'yanone_kaffeesatz', sans-serif;
				font-size:2em;
				line-height:45px;
				font-weight:700;
				text-transform:uppercase;
				color:#ce5028;
				cursor:pointer;
				text-decoration:underline;
			}
			#newsletterForm input[type="submit"]:hover{text-decoration:none;}
			
			
			
/**********************************************************************************************************************************************/
/* PAGES ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/**********************************************************************************************************************************************/

.overlap{display:none;}

/* News and Article pages ***************************************************************************************/
#news_page #page-body{background:none;}
#news_page #page-body .wrapper{background:url(../images/grain-blue.png); width:1140px;}
#news_page #page-body .wrapper:after{display:none;}

#news_page #page-body .content{
	width:800px;
	padding-left:50px;
	float:left;
	background:url(../images/logo-watermark-new-logo.png) no-repeat left top;
}
#news_page h1{ margin-left:0;}

#news_page h1 .subheading{
	font-size:0.55em;
	line-height:1em;
	color:#456d74;
}

ul.top_news{
	width:640px;
	padding:0 100px 0 0;
	margin:0;
	float:left;
	list-style:none;

	font-size:1.5em;
	line-height:1.2em;
	font-weight:400;
}
	ul.top_news li{
		padding:0;
		margin:0 0 0 0;
		list-style:none;
		background:0;
	}
		ul.top_news li a{
			text-decoration:none;
			display:block;
		}
			ul.top_news li a .date{
				display:block;
				color:#000;
			}
			ul.top_news li a .excerpt{text-decoration:underline;}
			ul.top_news li a:hover .excerpt{text-decoration:none;}

ul.news_list{
	width:320px;
	padding:0 100px 0 45px;
	margin:0;
	float:left;
	list-style:none;

	font-size:1.5em;
	line-height:1.2em;
	font-weight:400;
}
ul.news_list + ul.news_list{padding:0; margin-top: 0;}

	ul.news_list li{
		padding:0;
		margin:0 0 30px 0;
		list-style:none;
		background:0;
	}
		ul.news_list li a{
			text-decoration:none;
			display:block;
		}
			ul.news_list li a .date{
				display:block;
				color:#000;
			}
			ul.news_list li a .excerpt{text-decoration:underline;}
			ul.news_list li a:hover .excerpt{text-decoration:none;}

#archive{
	width:230px;
	float:right;
	padding:80px 0 20px 0;
}
	#archive h2{
		padding:0;
		margin:3px 0 18px 0;
		border-bottom:1px solid #000;
		float:left;
		clear:both;
		font-size:3.125em;
		line-height:0.8em;
		text-transform:uppercase;
		font-family: 'medula_one', serif;
		font-weight:400;
	}
	#archive ul{
		clear:both;
		padding:0;
		margin:0;
		font-size:1.6em;
		font-weight:700;
		text-transform:uppercase;
	}
		#archive ul li{margin:0 0 10px 0;}
		/*#archive > ul > li > a{color:#000; text-decoration:none;}*/
		#archive > ul > li > a.smaller{font-size:0.9em;}
			#archive ul li ul{
				margin:5px 0 0 0;
				font-size:0.8em;
				font-weight:400;
				text-transform:none;
			}
				#archive ul li ul li{ margin:0 0 5px 0;}



/* News Article page *************************************/
#news_page .content h2{
	padding:0;
	margin:0;
	font-size:1.75em;
	line-height:1em;
	font-weight:700;
}
#news_page .content h3{
	padding:0;
	margin:0 0 20px 0;
	font-size:1.3em;
	line-height:1.2em;
	font-weight:400;
	color:#456d74;
}
#news_page .content article{padding:0 0 0 45px;}
	
	#news_page .content article img[align="right"]{
		display:block;
		float:right;
		margin:0 0 10px 20px;
	}
	#news_page .content article img[align="left"]{
		display:block;
		float:left;
		margin:0 20px 10px 0;
	}

.nextarticle{
	display:block;
	width:240px;
	height:80px;
	margin:-20px 0 20px 0;
	position:relative;
	right:-15px;
	background:url(../images/next-article.png) no-repeat 0 0;

	font-family: 'medula_one', serif;
	color:#dbe3d6;
	font-size:41px;
	line-height:70px;
	text-decoration:none;
	text-indent:20px;
	text-transform:uppercase;
}
	.nextarticle strong{
		font-size:55px;
		text-decoration:underline;
		font-weight:400;
	}
	.nextarticle:hover strong{ text-decoration:none;}

#share-article{
	width:1000px;
	clear:both;
	margin:0 0 0 90px;
	padding:30px 0 0 0;
	border-top:1px solid #456d74;
}
	#share-article strong{
		display:block;
		font-size:1.45em;
	}



/* Menu page ********************************************************************************************************/
#menu_page{}
#menu_page #page-body{background:none;}
#menu_page #page-body .wrapper{background:url(../images/menupage-bg.jpg); width:1140px;}
#menu_page #page-body .wrapper:after{display:none;}

.menu-subnav{
	width:1167px;
	margin:10px -55px 25px -65px;
	background:url(../images/menu-subnav-bg.jpg);
	box-shadow:1px 2px 4px rgba(0,0,0,0.75);
	position:relative;
	z-index:10;
}
	.menu-subnav ul{
		padding:0;
		margin:0 0 0 50px;
		overflow:hidden;
		font-size:1.6em;
		line-height:1em;
		letter-spacing:0;
	}
		.menu-subnav ul li{
			padding:0;
			margin:0 16px;
			float:left;
			background:none;
		}
			.menu-subnav ul li a{
				display:block;
				padding:12px 0 8px 0;
				color:#dbe3d6;
				text-decoration:none;
			}
				.menu-subnav ul li a:hover{ text-decoration:underline;}


#menu_page #page-body .content .menu-section{
	width:630px; min-height: 500px;
	padding:0 0 0 45px;
	position:relative;
	z-index:10;
}
	#menu_page a.goback{
		top:75px;
	}
	a.next-menu-item{
		display:block;
		height:80px;
		padding:0 42px 0 12px;
		position:relative;
		float:left;
		clear:both;
		position:absolute;
		top:5px;
		right:-25px;
		z-index:10;

		font-family: 'medula_one', serif;
		color:#dbe3d6;
		font-size:41px;
		line-height:70px;
		text-decoration:none;
		text-transform:uppercase;
	}
		a.next-menu-item strong{
			font-size:55px;
			text-decoration:underline;
			font-weight:400;
		}
		a.next-menu-item:hover strong{ text-decoration:none;}
	
		.next-menu-item-left{
			display:block;
			width:12px;
			height:80px;
			position:absolute;
			top:0;
			left:0;
			background:url(../images/nextmenu-left.png) 0 0 no-repeat;
		}
		.next-menu-item-right{
			display:block;
			width:42px;
			height:80px;
			position:absolute;
			top:0;
			right:0;
			background:url(../images/nextmenu-right.png) 0 0 no-repeat;
		}
		
		.next-menu-item-middle{
			display:block;
			height:80px;
			padding:0 5px;
			background:url(../images/nextmenu-bg.png) repeat-x 0 0;
		
		}

#menu_page #page-body .content{width:720px; padding-left:50px;}

	#menu_page .content h1{
		text-transform:uppercase;
		margin:0;
	}
		#menu_page h1 .subheading{
			font-size:0.78em;
			line-height:1em;
		}
	
	#menu_page .overlap{
		display:block;
		width:400px;
		height:710px;
		position:absolute;
		top:0;
		right:-20px;
		z-index:0;
	}
	
	#menu_page .overlap.Appetizers-Starters {
		background:url(../images/appetisers.png) no-repeat 0 0;	
	}

	#menu_page .overlap.Soups-Salads {
		background:url(../images/salads.png) no-repeat 0 0;	
	}

	#menu_page .overlap.Sides {
		background:url(../images/sides.png) no-repeat 0 0;	
	}

	#menu_page .overlap.Sandwiches-Entrees {
		background:url(../images/sandwiches.png) no-repeat 0 0;	
	}

	#menu_page .overlap.Gluten-Free {
		background:url(../images/glutenfree.png) no-repeat 0 0;	
	}

	#menu_page .overlap.Kid-s-Menu {
		background:url(../images/kids.png) no-repeat 0 0;	
	}	

	#menu_page .overlap.Brewer-Crafted-Sodas {
		background:url(../images/sodas.png) no-repeat 0 0;	
	}	

/* beer page ***************************************************************************************/
#beer_page #page-body{background:url(../images/paper-bg-repeat.jpg) center top repeat-y;}
#beer_page #page-body .wrapper{width:1190px; background:url(../images/paper-bg-top.jpg) no-repeat center top;}
	#beer_page #page-body .wrapper:after{
		content:"";
		display:block;
		width:100%;
		height:20px;
		position:absolute;
		bottom:-20px;
		left:0;
		right:0;
		background:url(../images/paper-bg-bottom.jpg) no-repeat 0 0;
	}
/*#beer_page .bg-bottom{height:20px; background:url(../images/paper-bg-bottom.jpg) no-repeat center top;}*/

#beer_page .content{width:720px; padding-left:50px;}
#beer_page .content h1{ text-transform:uppercase; margin-left:0;}
	#beer_page .content h1 span{ font-size:0.83em;}

.beer-section{padding:0 0 30px 30px; min-height: 500px; }

#beer_page .beer-section h2{
	margin:0 0 0 -20px;
	font-size:4em;
	text-transform:uppercase;
}
#beer_page .beer-section h3{
	padding:5px 8px;
	margin:0 0 20px 0;
	float:left;
	clear:both;
	background:#99a98f;

	text-transform:uppercase;
	font-size:2.5em;
	line-height:1em;
	font-family: 'medula_one', serif;
	font-weight:400;
}
	#beer_page .beer-section h3 strong{
		color:#dbe3d6;
		font-weight:400;
	}

a.goback{
	display:block;
	width:195px;
	height:80px;
	position:absolute;
	top:60px;
	right:0px;
	z-index:10;
	background:url(../images/back-arrow.png) no-repeat 0 0;

	font-family: 'medula_one', serif;
	color:#dbe3d6;
	font-size:41px;
	line-height:70px;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:45px;
}
	a.goback strong{
		font-size:55px;
		text-decoration:underline;
		font-weight:400;
	}
	a.goback:hover strong{ text-decoration:none;}

#beer_page .overlap{
	display:block;
	width:400px;
	height:705px;
	background:url(../images/beer-overlap.png);
	position:absolute;
	top:0;
	right:5px;
	z-index:0;
}

#beer_page .overlap.img{
	display:block;
	width:400px;
	height:705px;
	background:none;
	position:absolute;
	top:0;
	right:5px;
	z-index:0;
}

/********************************************************************************************************/
/* Home page ********************************************************************************************/
/********************************************************************************************************/
#home_page{}
#home_page #page-header,
#home_page #page-header .wrapper{height:500px; background:none;}
#home_page #page-body{background:none;}
#home_page #page-body .wrapper{background:none; width:1140px;}
#home_page #page-body .wrapper:after{display:none;}

#home_page #main-nav ul li#home{ margin-left:320px;}
	#home_page #main-nav ul li#home a{display:none;} 

#backtotop{
	display:block;
	width:35px;
	padding:80px 10px 0 10px;
	position:fixed;
	top:30%;
	right:20px;
	z-index:900;
	background:url(../images/backtotop-arrow.png) no-repeat center top;

	font-family: 'medula_one', serif;
	text-align:center;
	font-size:1.4em;
	line-height:1em;
	text-transform:uppercase;
	color:#f5f4d7;
	text-decoration:none;
}
#home_page #banner{
	width:1140px;
	height:500px;
	position:relative;
	z-index:1;
}
	#home_page .ooh-carousel{
		width:1140px;
		height:500px;
		overflow:hidden;
	}
		#home_page .ooh-carousel li.ooh-slide{
			width:1140px;
			height:500px;
			position:absolute;
			background:#000;
		}
		#home_page .ooh-carousel li.ooh-slide .ooh-slide-title{
			width:550px;
			position:absolute;
			top:90px;
			right:40px;
			opacity:0.95;
			font-family: 'medula_one', serif;
			font-size:100px;
			line-height:90px;
			color:#efefef;
			text-shadow:3px 3px 0 #231f20;
			text-align:right;
			text-transform:uppercase;
			letter-spacing:0;
		}

	#home_page #pager{
		position:absolute;
		bottom:-6px;
		right:2px;
		z-index:150;
	}
		#home_page #pager a{
			display:block;
			width:16px;
			height:16px;
			margin:0 4px 0 0;
			background:#fcfbdf;
			border:2px solid #fcfbdf;
			border-bottom:6px solid #fcfbdf;
			float:left;
			color:#ce5028;
			text-decoration:none;
			text-align:center;
			font-family: 'arvo_webfont', serif;
			font-size:14px;
			line-height:16px;
		}
		#home_page #pager a.activeSlide{
			background:#3b3c3b;
			color:#fcfbdf;
		}

#bg-banners{
	height:500px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:0;
	opacity:0.75;
}
	#bg-banners .ooh-carousel{
		display:block;
		position:absolute;
		top:0;
	}
	#bg-banner-left{right:100%;}
	#bg-banner-right{left:100%;}

.home-section{background:no-repeat center top;}


/* Home Section: Home ********************************************************************************************/
#section-home{background:url(../images/paper-bg-repeat-index.jpg) repeat-y center top;}
	#home-home-bg-top{background:url(../images/paper-bg-top-index.jpg) center top no-repeat;}

	#section-home .wrapper{padding:0 0 50px 0;}

	#section-home h2{
		font-family: 'medula_one', serif;
		font-size:4.6875em;
		line-height:1em;
		font-weight:normal;
		text-transform:uppercase;
	}
		#section-home h2 strong{ font-size:1.2em; font-weight:normal;}

	#home-types{}
	
		#types-nav{
			position:absolute;
			top:55px;
			right:-14px;
			box-shadow:0 3px 7px rgba(0,0,0,0.65);
			background:rgba(0,0,0,0.5);
		}
			#types-nav ul{}
				#types-nav ul li{margin:0;}
				#types-nav ul li + li{margin:1px 0 0 0;}
					#types-nav ul li a{
						display:block;
						width:113px;
						height:44px;
						padding:0 20px 0 0;
						background:#000 no-repeat 0 0;
						border:0;
					
						font-size:32px;
						line-height:44px;
						color:#000;
						text-transform:uppercase;
						font-weight:300;
						text-decoration:none;
						text-align:right;
					}
					#types-nav ul li#hop-nav a{background-image:url(../images/type-nav-hop.jpg); border-color:#b6bf83;}
					#types-nav ul li#smoke-nav a{background-image:url(../images/type-nav-smoke.jpg); border-color:#a88737;}
					#types-nav ul li#dark-nav a{background-image:url(../images/type-nav-dark.jpg); border-color:#8a2b25;}
					#types-nav ul li#malt-nav a{background-image:url(../images/type-nav-malt.jpg); border-color:#d59e0d;}
					#types-nav ul li#session-nav a{background-image:url(../images/type-nav-session.jpg); border-color:#c6b4b9;}
					#types-nav ul li#whim-nav a{background-image:url(../images/type-nav-whim.jpg); border-color:#b9772d;}
					
					#types-nav ul li a:hover{
						width:105px;
						background-image:none !important;
						color:#e4e4cb;
						border-left:8px solid;
					}

	#home-tap{
		width:520px;
		height:300px;
		padding:65px 0 0 80px;
	}
		#type-section{
			position:relative;
		}
	
		#type-section section{
			position:absolute;
			width:490px;
			top:0px;
			left:0px;
			display:none;
		}
		#type-section section#type-section-hop{display:block;}
		#type-section section#type-section-smoke{}
		#type-section section#type-section-dark{}
		#type-section section#type-section-malt{}
		#type-section section#type-section-session{}
		#type-section section#type-section-whim{}
		
		#home-tap h2{
			float:left;
			margin:0 20px 0 0;
			position:relative;
			z-index:10;
		}
		#home-tap h3{
			margin:7px 0 0 0;
			float:left;
			position:relative;
			z-index:10;
			
			font-size: 2em;
			font-weight: 300;
			line-height: 1.1em;
			
		}
		#home-tap p{
			margin:4em 0 20px 0;
			position:relative;
			z-index:5;
			
			font-size:1.4em;
			line-height:1.3em;
		}
			#home-tap p + p{margin-left:65px;}
			#home-tap p + p + p{margin-left:25px;}
	
			#home-tap p strong{
				font-size:1.5em;
			}
			
		.type-art{
			position:absolute;
			top:-33px;
			left:533px;
		}
			.type-art img{display:block; box-shadow:0 3px 9px rgba(0,0,0,0.75);}

	#home-deck{
		width:720px;
		float:left;
		padding:20px 0 0 0;
		margin:70px 0 0 0;
	}
		#home-deck h2{
			margin:15px 30px 0 120px;
			float:left;
		}
		#home-deck p{
			float:left;
			font-size:2em;
			line-height:1.1em;
			font-weight:300;
			margin-top: 20px;
		}
		#home-deck img{
			display:block;
			margin:15px 0 0 -14px;
			border:7px solid #b0451f;
			float:left;
		}
		#home-deck ul{
			width:220px;
			float:left;
			margin:50px 0 0 15px;
			padding:0;
			
			font-size:1.55em;
			line-height:1em;
		}
			#home-deck ul li{
				margin:0 0 15px 0;
				padding:0 0 0 7px;
				background:url(../images/bulletpoint.png) no-repeat left 0.4em;
			}
				#home-deck ul li a{text-decoration:none; color:#000;}
				#home-deck ul li a:hover{text-decoration:underline;}

	#home-available{
		width:400px;
		float:right;
		padding:20px 0 0 0;
		margin:275px 0 0 0;
	}
		#home-available h2{
			margin:0 15px 0 0;
			float:left;
			font-size:5.6em;
			line-height:0.75em;
			text-align:right;
		}
			#home-available h2 span{display:block;}
			#home-available h2 strong{font-weight:normal; color:#b1451f; font-size:1em;}
			
		#home-available ul{
			width:255px;
			float:left;
			font-size:1.5em;
			line-height:1em;
		}
			#home-available ul li{
				padding:0 0 0 25px;
				margin:0 0 10px 0;
				position:relative;
			}
				#home-available ul li:before{
					content:"//";
					display:block;
					position:absolute;
					top:0;
					left:0;
					font-weight:300;
					color:#b1451f;
				}
				#home-available ul li a{text-decoration:none; color:#000;}
				#home-available ul li a:hover{text-decoration:underline;}
	
	#home-collection{
		clear:both;
		overflow:hidden;
		padding:20px 0 0 0;
		margin:50px 0 0 0;
	}
	#home-collection a {
		color:black;
		text-decoration:none;
	}
	#home-collection a:hover { text-decoration: underline; }

		#home-collection h2{
			margin:0 30px 0 25px;
			float:left;
		}
		#home-collection p{
			width:625px;
			margin:5px 0 0 0;
			float:left;
			
			font-size:2em;
			line-height:1.1em;
			font-weight:300;
		}
		#home-collection ul{
			display: block;
			float:left;
			padding:35px 0 0 4.5%;
			width: 20%;
			
			font-size:1.5em;
			line-height:1.1em;
		}
			#home-collection ul li{
				padding:0 0 0 28px;
				margin:0 0 12px 0;
				background:url(../images/bulletpoint-arrow.png) no-repeat 0 center;
			}
		
		#home-collection ul + ul{padding-top:72px;}
		#home-collection ul + ul + ul{padding-top:45px;}
		#home-collection ul + ul + ul + ul{padding-top:65px;}


/* Home Section: Carry Our Beer ********************************************************************************************/

#section-carrybeer{height:680px; background-image:url(//d3kvn64rcavor.cloudfront.net/res/images/index-bg-beer.jpg);}
	#section-carrybeer h2{
		width:495px;
		height:165px;
		position:absolute;
		top:17px;
		left:206px;
		z-index:0;
		background:url(../images/carry-our-beer.jpg) no-repeat 0 0;
		text-indent:-9999px;
		overflow:hidden;
	}
	#section-carrybeer p.desc {
		width:640px;
		padding:170px 0 0 60px;
		font-size:1.55em;
		color:#fcfbdf;
		text-shadow:0 1px 40px #000;
		position:relative;
		z-index:10;
	}
	#section-carrybeer ul.errors {
		margin-top: -45px;
	}
	#section-carrybeer #distributorForm{margin:10px 0 0 95px;}
		#section-contactus #distributorForm input[type="text"],
		#section-carrybeer #distributorForm input[type="text"]{
			display:block;
			width:405px;
			height:60px;
			padding:0;
			margin:0 0 20px 0;
			background:url(../images/input-bg.jpg);
			border:0 none;
			-webkit-appearance:none;
			box-shadow:inset 0 2px 2px #000;
			position:relative;
			z-index:10;
			
			font-size:2em;
			line-height:60px;
			color:#3d3d3d;
			text-indent:10px;
			font-family: 'yanone_kaffeesatz', sans-serif;
		}
		
		#section-carrybeer .contact-errors {
			font-weight: bold; 
			font-size: 1.5em; 
			color: red;

			width:640px; left: 60px; top: 25px;
			padding:170px 0 0 60px;
			text-shadow:0 1px 40px #000;
			position:relative;
			z-index:10;
		}
		#section-carrybeer #distributorForm #sendit{
			display:block;
			width:255px;
			height:135px;
			position:absolute;
			top:425px;
			left:485px;
			z-index:0;
			background:url(../images/send-it-bg.jpg);
		}

		#section-contactus #distributorForm {
			width:  390px;
		}
		#section-contactus #distributorForm input[type="submit"] {
				float: right;
				display:block;
				height:45px;
				margin:0;
				padding:0;
				background:none;
				border:0 none;
				-webkit-appearance:none;
				
				font-family: 'yanone_kaffeesatz', sans-serif;
				font-size:2em;
				line-height:45px;
				font-weight:700;
				text-transform:uppercase;
				color:#ce5028;
				cursor:pointer;
				text-decoration:underline;
		}
		#section-contactus #distributorForm input[type="submit"]:hover{text-decoration:none;}	
		#section-carrybeer #distributorForm input[type="submit"]{
			display:block;
			width:195px;
			height:55px;
			padding:0;
			margin:0;
			position:absolute;
			top:40px;
			left:40px;
			background:url(../images/send-it.jpg) no-repeat left top;
			border:0 none;
			-webkit-appearance:none;
			text-indent:-9999px;
			overflow:hidden;
			cursor:pointer;
		}
		#section-contactus #distributorForm input[type="submit"]:hover {
	
		}
		#section-carrybeer #distributorForm input[type="submit"]:hover{ background-position:0 -55px;}
.form-email-name-special{
	display:none !important;
}


/* Home Section: Food/Menu ********************************************************************************************/

#section-food{height:629px; background-image:url(//d3kvn64rcavor.cloudfront.net/res/images/index-bg-menu.jpg);}
	#section-food h2{
		width:533px;
		height:480px;
		padding:0;
		margin:0;
		position:absolute;
		top:24px;
		left:-40px;
		z-index:10;
		background:url(../images/the-food-img.jpg) no-repeat 0 0;
		text-indent:-9999px;
		overflow:hidden;
	}
	#section-food-menu{
		position:absolute;
		top:100px;
		left:660px;
	}
		#section-food-menu h3{
			width:272px;
			height:56px;
			padding:0;
			margin:0;
			background:url(../images/our-menu.png);
			text-indent:-9999px;
			overflow:hidden;
		}
		#section-food-menu ul{
			padding:45px 0 0 0;
			margin:0;

			font-size:1.6em;
			line-height:1em;
			color:#fcfbdf;
		}
			#section-food-menu ul li{
				padding:0 0 0 15px;
				margin-bottom:17px;
				background:url(../images/bulletpoint-light.png) no-repeat 0 center;
			}
				#section-food-menu ul li a{
					color:#fcfbdf;
					text-decoration:none;
				}
				#section-food-menu ul li a:hover{ text-decoration:underline;}

		#fullmenu{
			display:block;
			width:512px;
			height:60px;
			margin:40px  0 0 -230px;
			position:relative;
			z-index:1;
			background:url(../images/see-full-menu-bg.png);
		}
			#fullmenu a{
				display:block;
				float:right;
				margin-right:45px;
				
				font-size:41px;
				line-height:60px;
				font-weight:700;
				text-decoration:none;
			}
				#fullmenu a strong{text-decoration:underline;}
				#fullmenu a:hover strong{color:#fcfbdf; text-decoration:none;}



/* Home Section: Bar ********************************************************************************************/

#section-bar{
	height:696px;
	background-image:url(//d3kvn64rcavor.cloudfront.net/res/images/index-bg-bar.jpg);
}
	#section-bar h2{
		width:196px;
		height:137px;
		background:url(../images/bar.jpg) no-repeat 0 0;
		position:absolute;
		top:90px;
		left:318px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#section-bar nav{padding:185px 0 0 565px;}
		#section-bar nav ul{overflow:hidden;}
			#section-bar nav ul li{
				float:left;
				padding:0 0 11px 0;
				margin:0 20px;
				min-width:68px;
				text-align:center;
				font-family: 'medula_one', serif;
				font-size:2em;
			}
			#section-bar nav ul li.selected{background:url(../images/bar-nav-arrow.png) no-repeat center bottom;}
				#section-bar nav ul li a{
					text-decoration:underline;
					color:#000;
				}
				#section-bar nav ul li.selected a,
				#section-bar nav ul li a:hover{color:#ce5028; text-decoration:none;}

	#section-bar-list-container{
		position:relative;
		margin:30px 0 0 300px;
	}
		#section-bar-list-container a {
			color: black;
			text-decoration: none;
		}
		#section-bar-list-container a:hover {text-decoration:underline;}	

		#section-bar-list-container section{
			width:100%;
			display:none;
			position:absolute;
			top:0;
			left:0;
		}
		#section-bar-list-container section#bar-cocktails{display:block}
		#section-bar-list-container section#bar-spirits{}
		#section-bar-list-container section#bar-wine{}
		#section-bar-list-container section#bar-bourbon{}
		#section-bar-list-container section#bar-scotch{}
	
		#section-bar-list-container ul{
			float:left;
			width:23%;
			margin:0 2% 0 0;
			padding:0;
			
			font-size:1.1em;
			line-height:1em;
		}
			#section-bar-list-container ul li{
				margin:5px 0 14px 0;
				padding:0 0 0 7px;
				background:url(../images/bulletpoint.png) no-repeat left 0.4em;
			}
		/*#section-bar-list-container ul + ul{margin-top:10px;}
		#section-bar-list-container ul + ul + ul{margin-top:0;}
		#section-bar-list-container ul + ul + ul + ul{margin-top:10px; margin-right:0;}*/
		#section-bar-list-container ul + ul + ul + ul{margin-right:0;}



/* Home Section: Brick & Mortar ********************************************************************************************/

#section-brickmortar{height:810px; background-image:url(//d3kvn64rcavor.cloudfront.net/res/images/index-bg-brickmortar.jpg); margin-bottom:63px;}
	#section-brickmortar h2{
		width:383px;
		height:104px;
		position:absolute;
		top:24px;
		left:122px;
		background:url(../images/brick-and-mortar.jpg) no-repeat 0 0;
		text-indent:-9999px;
		overflow:hidden;
	}
	#section-brickmortar p{
		margin:0;
		padding:0;
		position:absolute;
		top:0px;
		left:520px;
		right:15px;
		color:#f8f7db;
		font-size:1.4em;
		line-height:1.4em;
		letter-spacing:0.01em;
	}
	#brickmortar-gallery{
		width:400px;
		position:absolute;
		top:510px;
		left:740px;
	}
		#brickmortar-gallery ul{}
			#brickmortar-gallery ul li{
				float:left;
				margin:0 20px 20px 0;
			}
			#brickmortar-gallery ul li:nth-child(4n+4){margin-left:90px;}
			#brickmortar-gallery ul li:nth-child(4n+8){margin-left:0;}
				#brickmortar-gallery ul li img{border:1px solid #fefee5; display:block;}
	
	#map-container{
		width:617px;
		height:415px;
		background:url(../images/map-bg.png) no-repeat 0 0;
		position:absolute;
		top:600px;
		left:72px;
	}
		#map{padding:18px 0 0 25px;}

		#map-container a.directions{
			display:block;
			width:280px;
			height:80px;
			position:absolute;
			top:195px;
			left:595px;
			z-index:0;
			background:url(../images/directions-arrow.png) no-repeat 0 0;
			
			font-family: 'medula_one', serif;
			font-size:41px;
			line-height:70px;
			color:#dbe3d6;
			text-indent:25px;
			text-transform:uppercase;
			text-decoration:none;
		}
			#map-container a.directions strong{
				font-size:55px;
				text-decoration:underline;
				font-weight:400;
			}
			#map-container a.directions:hover strong{text-decoration:none; color:#fcfbdf;}



/* Home Section: People ********************************************************************************************/

#section-people{height:905px; background-image:url(../images/index-bg-people-new-logo.jpg);}
	#section-people h2{
		padding:120px 0 0 75px;
		font-family: 'medula_one', serif;
		font-weight:normal;
		font-size:6.25em;
		line-height:1em;
		text-transform:uppercase;
	}
	#section-people nav{
		overflow:hidden;
		clear:both;
		margin:-20px 0 0 470px;
		padding:0 0 20px 0;
	}
		#section-people nav ul{}
			#section-people nav ul li{
				float:left;
				height:41px;
				padding:0 8px;
				margin:0 40px 0 0;
				position:relative;
			
				font-family: 'medula_one', serif;
				font-size:2.55em;
				line-height:41px;
			}
			#section-people nav ul li.selected{background:#b1451f;}
				#section-people nav ul li.selected:after{
					content:"";
					display:block;
					width:0;
					height:0;
					position:absolute;
					bottom:-7px;
					left:3px;
					border-top:0 none;
					border-right:7px solid transparent;
					border-bottom:7px solid transparent;
					border-left:7px solid #b1451f;
				}
	
				#section-people nav ul li a{
					display:block;
					color:#f8f7db;
					text-decoration:underline;
				}
				#section-people nav ul li.selected a,
				#section-people nav ul li a:hover{text-decoration:none;}

	#people-container{
		width:1070px;
		margin:0 auto;
		position:relative;
	
		color:#f8f7db;
	}
		#people-container section{
			position:absolute;
			top:0;
			left:0;
			display:none;
		}
		#people-container section#people-andrew{display:block;}
		#people-container section#people-jerry{}
		#people-container section#people-sam{}
		#people-container section#people-adam{}
		
			#people-container section figure{
				float:left;
				margin:10px 35px 150px 0;
			}
			#people-container section p{
				padding:10px 0 15px 0;
				font-size:1.4em;
				line-height:1.3em;
				letter-spacing:0.02em;
			}



/* Home Section: News ********************************************************************************************/


#section-news{height:690px; background-image:url(../images/index-bg-news-new-logo.jpg);}
	#section-news .news_container{float: left;}
	#section-news .top_news_container{width: 690px; overflow: hidden; margin: 0 0 15px 45px; padding-bottom: 15px; border-bottom: 2px solid black;}
	#section-news h2{
		padding:20px 0 0 45px;
		font-family: 'medula_one', serif;
		font-weight:normal;
		font-size:5.625em;
		line-height:1em;
		text-transform:uppercase;
	}
	#section-news .news_list{padding:0 50px 0 50px;}
	#section-news .news_list + .news_list{padding:0;}

	#section-news a.archive,
	#section-news a.rss{
		display:inline-block;
		margin:4px 0 0 95px;
		position:relative;
		z-index: 100;
		font-family: 'medula_one', serif;
		font-size:3.125em;
		line-height:1em;
		text-transform:uppercase;
		color:#000;
	}
	#section-news a.rss{
		font-size:1.5em;
		margin-top:12px;
		position:relative;
		z-index:1;
	}
	
#twitter-feed{width: 300px; float: right; padding: 30px 22px 0 0;}

/* Home footer ********************************************************************/
#home_page #page-footer{padding-top:0; margin:-65px 0 0 0;}
	#home_page #siteinfo{padding-top:90px;}
	#home_page #newsletter {clear:none;}
#home_page ul#social li#fb a{background-image:url(../images/social-blue-fb.png);}
#home_page ul#social li#tw a{background-image:url(../images/social-blue-tw.png);}
#home_page ul#social li#yt a{background-image:url(../images/social-blue-yt.png);}
#home_page ul#social li#ye a{background-image:url(../images/social-blue-ye.png);}
#home_page ul#social li#ig a{background-image:url(../images/social-blue-ig.png);}
#home_page ul#social li#ut a{background-image:url(../images/social-blue-ut.png);}
	
a.pdf-menu {
	color: black;
	font-size: 20pt;
}