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

/* Import
----------------------------------------*/


/* Reset Styles
----------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	/*text-align: left;*/
	vertical-align: baseline;
}
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* Basics
----------------------------------------*/


/* Special Classes
----------------------------------------*/
.clear_both{clear:both;}
.red{color:#98381f;}
.blue{color:#004764;}
.food_pairing{font-style:italic;}


/* Layout
----------------------------------------*/
body{background:#004763; font-size:12px;}
#wrapper{width:963px; margin:0 auto;}
#masthead_container{background:url(../images/masthead_bg.jpg) no-repeat; height:231px; overflow:hidden;}
#content_container{background:url(../images/content_bg.jpg) repeat-y; padding:20px 145px 0 106px;}
#footer_container{background:url(../images/footer_bg.jpg) top left no-repeat; height:83px; padding:75px 0 0 0;}
#logo{margin:55px auto 0 auto; position:relative; left:320px;}
#col_1{width:194px; float:left;}
#col_2{width:517px; float:left; font-family:Georgia, "Times New Roman", Times, serif; line-height:2.25em;}
#col_3{width:651px; background:url(../images/horizontal_divider.jpg) top left no-repeat; padding:35px; margin-top:20px; float:left;}
#hp_text{margin: 10px 0 0 30px; font-size:18px; padding-right:30px;}
form {font-family:Arial, Helvetica, sans-serif; margin:0 0 0 20px;}
form legend{display:none;}
form label{display:block;}
form ul{list-style:none;}
form ul li{margin-bottom:10px;}
form h3 {font-weight:bold; margin:0 0 10px 0; font-size:13px;}
#welcome, #our_beers, #about_us, #news_events, #contact_us, #swag{text-indent:-9999px}
#welcome{background:url(../images/welcome_to_madhouse.png) top left no-repeat; height:73px; width:484px; overflow:hidden;}
#our_beers{background:url(../images/our_beers.png) top left no-repeat; height:32px; width:195px; overflow:hidden;}
#about_us{background:url(../images/about_us.png) top left no-repeat; height:32px; width:195px; overflow:hidden; margin:0}
#news_events{background:url(../images/news_events.png) top left no-repeat; height:32px; width:265px; overflow:hidden;}
#swag{background:url(../images/madhouse_swag.png) top left no-repeat; height:38px; width:233px; margin-left:35px; overflow:hidden;}
#contact_us{background:url(../images/contact_us.png) top left no-repeat; height:32px; width:195px; overflow:hidden;}
.levelb a, .levelb a:visited{color:#fff;}
.beers_text, .about_text, .news_temp {font-size:14px; color:#004764;}
.beers_text p{line-height:1.5em; margin-bottom:10px; padding-right:20px;}
#col_2.about_text{background:url(../images/vertical_divider.jpg) top left no-repeat; padding:30px 30px 30px 40px; width:425px; line-height:1.5em;}
.about_text p{margin-bottom:10px;}
.about_left_text{color:#98381f; font-size:16px; line-height:1.75em;}
.watermark{background:url(../images/watermark.jpg) top left no-repeat; height:500px;}
#col_3.contact{font-size:18px;}
#col_3.contact p{margin-bottom:10px; line-height:1.25em;} 

#beers{list-style:none; margin:50px 0 0 30px}
#beers li{text-indent:-9999px; margin-bottom:0px;}

#beer_1 a {height:85px; display:block; width:140px; overflow:hidden; background:url(../images/btn_honey_pilsner.png) 0 -85px no-repeat;}
#beer_1 a:hover, #beer_1.selected a{background:url(../images/btn_honey_pilsner.png) 0 0 no-repeat;}

#beer_2 a {height:85px; display:block; width:140px; overflow:hidden; background:url(../images/btn_wheat.png) 0 -85px no-repeat;}
#beer_2 a:hover, #beer_2.selected a{background:url(../images/btn_wheat.png) 0 0 no-repeat;}

#beer_3 a {height:85px; display:block; width:140px; overflow:hidden; background:url(../images/btn_pastime.png) 0 -85px no-repeat;}
#beer_3 a:hover, #beer_3.selected a{background:url(../images/btn_pastime.png) 0 0 no-repeat;}

#beer_4 a {height:85px; display:block; width:140px; overflow:hidden; background:url(../images/btn_hopburst.png) 0 -85px no-repeat;}
#beer_4 a:hover, #beer_4.selected a{background:url(../images/btn_hopburst.png) 0 0 no-repeat;}

#beer_5 a {height:85px; display:block; width:140px; overflow:hidden; background:url(../images/btn_coffee_stout.png) 0 -85px no-repeat;}
#beer_5 a:hover, #beer_5.selected a{background:url(../images/btn_coffee_stout.png) 0 0 no-repeat;}

p.news_temp{width:200px; font-size:14px; line-height:1.5em;}
#home{float:left; width:290px; position:relative; top:55px;}

/* Navigation
----------------------------------------*/
.top_nav {
	font-size: small;
	list-style: none;
	padding: 0;
	width: 325px;
	margin:175px 0 0 0;
	float:left; 
}
.top_nav li{display:inline;}

.top_nav li a {
	float:left;
	height: 25px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.top_nav li a span {
	float:left;
	cursor: pointer;
	height: 25px;
	left: 0;
	position: absolute;
	top: 0;
}
#nav_1 a{width:77px; margin:0 25px 0 125px}
#nav_1 a span {background:url(../images/nav_1.gif) no-repeat 0 0;  width:77px;}
#nav_1 a:hover span {background:url(../images/nav_1.gif) no-repeat 0 -25px;  width:77px;}

#nav_2 a{width:72px; margin:0 0 0 0;}
#nav_2 a span {background:url(../images/nav_2.gif) no-repeat 0 0;  width:72px;}
#nav_2 a:hover span {background:url(../images/nav_2.gif) no-repeat 0 -25px;  width:72px;}

#nav_3 a{width:40px; margin:0 20px 0 5px}
#nav_3 a span {background:url(../images/nav_3.gif) no-repeat 0 0;  width:40px;}
#nav_3 a:hover span {background:url(../images/nav_3.gif) no-repeat 0 -25px;  width:40px;}

#nav_4 a{width:47px; margin:0 25px 0 5px}
#nav_4 a span {background:url(../images/nav_4.gif) no-repeat 0 0;  width:47px;}
#nav_4 a:hover span {background:url(../images/nav_4.gif) no-repeat 0 -25px;  width:47px;}

#nav_5 a{width:62px;}
#nav_5 a span {background:url(../images/nav_5.gif) no-repeat 0 0;  width:62px;}
#nav_5 a:hover span {background:url(../images/nav_5.gif) no-repeat 0 -25px;  width:62px;}


/* Typography
----------------------------------------*/
#col_1 p.directions {font-family:Georgia, "Times New Roman", Times, serif; line-height:1.25em; color:#004764; margin:30px 0 0 20px; width:180px;}

/* Footer
----------------------------------------*/
#footer_links, #copyright{margin:0 auto; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-weight:normal;}
#footer_links{text-transform:uppercase;}
#footer_links li, #copyright li{display:inline;}
#footer_links a {color:#d4ab20; text-decoration:none;}
#footer_links a:hover {text-decoration:underline;}