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

* {
	margin: 0;
	padding: 0;
	border: none;
	}

body {
	background: #100000;
	text-align: center;
	}
	
ul#nav {
	width: 797px;
	height: 156px;
	margin: 0 auto;
	text-align: left;
	background: url(images/header2.jpg) no-repeat left top;
	overflow: hidden;
	}

ul#nav li {
	display: inline;
	list-style: none;
	}

ul#nav li a {
	float: left; 
	height: 44px;
	background-position: left top;
	background-repeat: no-repeat;
	}

ul#nav li a:hover {
	background-position: left bottom;
	}
	
ul#nav li.n-logo a {
	float: none;
	display: block;
	height: 101px;
	}
	
ul#nav li.n-logo a h1,
ul#nav li.n-logo a h2,
ul#nav li a span {
	display: none;
	}
	
ul#nav li.n-home a { background-image: url(images/n-home.gif); width: 70px; margin-left: 125px; display: inline; }
ul#nav li.n-menu a { background-image: url(images/n-menu.gif); width: 69px; }
ul#nav li.n-brewery a { background-image: url(images/n-brewery.gif); width: 93px; }
ul#nav li.n-events a { background-image: url(images/n-events.gif); width: 78px; }
ul#nav li.n-howto a { background-image: url(images/n-howto.gif); width: 133px; }
ul#nav li.n-contact a { background-image: url(images/n-contact.gif); width: 98px; }
ul#nav li.n-about a { background-image: url(images/n-about.gif); width: 87px; }

#wrapper {
	background: url(images/wrapper.jpg) no-repeat left top;
	width: 797px;
	height: 362px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	}
	
#content {
	width: 490px;
	height: 362px;
	overflow: hidden;
	margin: 0 0 0 160px;
	background-position: left top;
	background-repeat: no-repeat;
	}

.index { background-image: url(images/content-home.jpg); }
.menu { background-image: url(images/content-menu.jpg); }
.brewery, .entrypoint, .pilot, .hasselhopp, .eelpout { background-image: url(images/content-brewery.jpg); }
.events { background-image: url(images/content-events.jpg); }
.directions { background-image: url(images/content-howto.jpg); }
.contact { background-image: url(images/content-contact.jpg); }
.about { background-image: url(images/content-about.jpg); }
.andy, .joel, .mark { background-image: url(images/content-aboutblank.jpg); }

#text {
	height: 215px;
	padding: 56px 245px 0 30px;
	}
	
.andy #text, .joel #text, .mark #text, .directions #text {
	padding-right: 30px;
	}

.index #text {
	height: 225px;
	padding: 46px 19px 0 157px;
	}

#text h3 {
	display: none;
	}
	
#text h4 {
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #3b1103;
	margin: 0 0 2px;
	}
		
#text p,
#text ul,
#text ol {
	font: normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #3b1103;
	margin: 0 0 5px;
	}
	
#text li {
	margin: 0 20px;
	}
	
#text a {
	color: #3b1103;
	}

#text a:hover {
	color: #000;
	}

.index #text p {
	text-align: center;
	color: #fff3c5;
	}
	
ul#events {
	float: left;
	width: 240px;
	height: 61px;
	padding: 25px 84px 0 19px;
	background: url(images/events.gif) no-repeat right top;
	overflow: hidden;
	font: normal 9px/9px Helvetica, Arial, sans-serif;
	color: #fff3c5;
	}

ul#events li {
	background: #6c511d;
	display: block;
	list-style: none;
	float: left;
	border-bottom: 1px solid #5a3911;
	border-right: 1px solid #5a3911;
	margin: 0 0 4px;
	height: 11px;
	padding: 3px 2px 0 10px;
	}
	
ul#events h4 {
	float: left;
	width: 135px;
	font: bold 9px/9px Helvetica, Arial, sans-serif;
	}
	
ul#events p {
	float: left;
	width: 45px;
	}

ul#social {
	float: left;
	width: 320px;
	height: 73px;
	padding: 13px 0 0 23px;
	background: url(images/callout.gif) no-repeat right top;
	overflow: hidden;
	font: normal 9px/9px Helvetica, Arial, sans-serif;
	color: #fff3c5;
	}
	
ul#social li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul#social li a {
	float: left;
	width: 140px;
	height: 60px;
	border: 1px solid #fff;
	margin: 0 15px 0 0;
	}
	
.button {
	float: left;
	width: 142px;
	height: 86px;
	padding: 0 0 0 2px;
	overflow: hidden;
	}

.button img {
	display: block;
	margin: 0;
	}	
	
#footer {
	clear: both;
	width: 797px;
	height: 71px;
	background: url(images/footer.jpg) no-repeat left top;
	margin: 0 auto;
	font: 10px/10px "Times New Roman", Times, serif;
	color: #c9b281;
	padding: 65px 0 0;
	}