/*  2009 Derek Reitzel  */
/*  http://mrsmr.org   */

/*regular stuff*/
body{
	 margin:0;
	 padding:0;
	 height:100%;
	 background:#111;
	 color:#333;
}
h1,h2,h3,h4,h5{
	position:absolute;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#CF0;
	padding:0;
	margin:0;
}
p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#CF0;
}
.spacer{
	font-size:22px;
}
a:link {
	font-family: Helvetica, monospace;
    text-decoration: none;
    color:#555;
}
a:visited {
	font-family: Helvetica, monospace;
    text-decoration: none;
    color:#555;
}
a:hover{
	font-family: Helvetica, monospace;
    text-decoration: none;
    color:#333;
    background-color: #CF0;
}
a:active {
	font-family: Helvetica, monospace;
    text-decoration: none;
}

/*pages*/

#mainContainer{
	position:relative;
	left:50%;
	width:867px;
	margin-left:-433.5px;
	/*keeps everything center*/
}
.mainNav{
	position:absolute;
	top:572px;
	left:236px;
	height:40px;
	width:520px;
	text-align:center;
	font-size:16px;
	margin:0;
	z-index:15;
}
.Pic{
	position:relative;
	padding:0;
	margin:0;
	text-align:center;
	z-index:10;
}
.homeBox{
	position:absolute;
	top:220px;
	left:134px;
	height:345px;
	width:670px;
	background-color:#333;
	z-index:0;
	padding:0;
	margin:0;
}
.toppart{
	position:absolute;
	top:217px;
	left:121px;
	z-index:10;
}
.leftpart{
	position:absolute;
	top:228px;
	left:122px;
	z-index:10;
}
.sidepart{
	position:absolute;
	top:229px;
	left:674px;
	z-index:10;
}
.topBeerNav{
	position:absolute;
	top:10px;
	left:152px;
	background-color:#333;
}
.beerBox{
	position:absolute;
	top:174px;
	left:134px;
	height:345px;
	width:670px;
	background-color:#333;
	text-align:center;
	z-index:0;
	padding:0;
	margin:0;
}
.bottomBeerNav{
	position:absolute;
	top:530px;
	left:90px;
	background-color:#333;
}
.mainP{
	position:absolute;
	top:174px;
	left:360px;
	height:345px;
	width:444px;
	padding-left:6px;
	background-color:#333;
}
.subP{
	position:absolute;
	top:174px;
	left:134px;
	height:345px;
	width:210px;
	text-align:center;
	padding-left:6px;
	background-color:#333;
}
.newsletter{
	position:absolute;
	left:20px;
	top:20px;
	color:#CF0;
	width:200px;
}
.contactsLeft{
	position:absolute;
	top:250px;
	left:184px;
	text-align:left;
	z-index:15;
}
.contactsRight{
	position:absolute;
	top:330px;
	left:420px;
	width:340px;
	text-align:right;
	z-index:15;
}
.press{
	position:absolute;
	top:40px;
	left:25%;
	width:200px;
}
.events{
	position:absolute;
	top:30px;
	left:8%;
	width:400px;
}
.tap{
	position:absolute;
	top:280px;
	left:28%;
	width:400px;
	z-index:15;
}
.directions{
	position:absolute;
	top:0;
	left:0;
}