/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
 div, ul, li { position:relative;} /* This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

.col1 {width:297px;}
.col-pad-right {padding:0 20px 0 0;}

.BottomPadOurMenu {
	padding-bottom: 13px;
}
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	background-repeat: repeat-x;
	background-position: center top;
	
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.imgBottomPad2 {
	padding-bottom: 20px;
}
.BottomPadMenuTable {
	padding-bottom: 8px;
}


#wrapper {
	margin: auto;
	padding: 0px;
	height: 100px;
	width: 933px;
	position: relative;
	z-index: 0;
}
#ContentArea {
	width: 933px;
	left: 0px;
	top: 184px;
	z-index: 1;
	float: none;
	position: absolute;
}
#BottomBar {
	height: 100px;
	width: 100%;
	left: -250px;
	z-index: 2;
	clear: left;
}
#BottomContent {
	position: absolute;
	height: 151px;
	width: 933px;
	color: #000000;
	z-index: 10;
	background-color: #000000;
	top: 668px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.BeautifulBeerBodyText {
	line-height: 11pt;
	letter-spacing: normal;
}
.BottomCTAText {
	line-height: 10.5pt;
	letter-spacing: normal;
	color: #FFFFFF;
	text-align: right;
}
.BottomCTATextMidAndRight {
	line-height: 10 pt;
	letter-spacing: normal;
	color: #FFFFFF;
	text-align: right;
	line-height: 10.5pt;
}



.Home_btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: right;
	padding-top: 20px;
}


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #981F24;
	text-decoration: underline;
}


a:hover {
	text-decoration: none;
}
a:visited {
	color: #E92E36;
}
#wrapper .Home_btn a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	text-decoration: none;
}
#wrapper .Home_btn a:hover {
	text-decoration: underline;
}
.imgbottom {
	margin-top: 16px;
	margin-left: 0px;
}
.imgbottom2 {
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#SubNav {
	position: absolute;
	z-index: 20;
	height: 64px;
	width: 226px;
	left: 301px;
	top: 89px;
	visibility: hidden;
}
#wrapper #SubNav a:link {
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.SubNavPad {
	padding-bottom: 19px;
	padding-left: 20px;
}