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

	styles.css
	for Uncle Billy's
	
	Developed by: 
	MelitoKagan, LLC
	
	Last edit: Jeff on
		8/28/2008

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

body {
	margin: 0; padding: 0;
	background: url(../images/bg.gif) repeat-x top left #002253;
	text-align: center;
}

a, a:hover { outline: none; }

a img {
	border: none;
}

.clear {
	clear: both;
}

#container {
	margin: 15px auto 15px auto;
	padding: 0;
	width: 964px;
}

#header {
	width: 957px;
	height: 53px;
	background: url(../images/bg_top.gif) no-repeat top left;
	float: left;
}

#content {
	padding-bottom: 20px;
	width: 956px;
	min-height: 650px;
	height: auto !important;
	height: 650px;
	text-align: left;
	background: url(../images/bg_wood.gif) repeat-y top left;
	float: left;

}
#nav {
	margin: -30px 0 0 0;
	_margin: -30px 0 0 0;
	width: 923px;
	height: 161px;
	background: url(../images/bg_nav.png) no-repeat top right;
	_background: url(../images/bg_nav.gif) no-repeat top right; 
	float: left;
	z-index: 100;
	position: relative;
}

#nav a {
	margin: 60px 0 0 0; padding: 0;
	_margin: 60px 0 0 0;
	display: block;
	height: 42px;
	float: left;
	z-index: 10;
	position: relative;
}

#nav a:hover {
	display: block;
	height: 42px;
	z-index: 10;
}

#nav_logo a {
	margin: 0 15px 0 30px;
	_margin: 0 15px 0 15px;
	width: 171px;
	height: 161px;
	display: block;
	float: left;
}


.nav_brewery a { 
	width: 146px; 
	display: block;
	background: url(../images/nav.gif) no-repeat 0 -1px;
}

.nav_brewery a:hover {
	width: 146px; 
	display: block;
	background: url(../images/nav.gif) no-repeat 0 -46px;
}

.nav_menu a { 
	width: 87px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -146px -1px;
}

.nav_menu a:hover {
	width: 87px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -146px -46px;
}


.nav_catering a { 
	width: 105px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -233px -1px;
}

.nav_catering a:hover {
	width: 105px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -233px -46px;
}

.nav_events a { 
	width: 89px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -338px -1px;
}

.nav_events a:hover {
	width: 89px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -338px -46px;
}

.nav_merchandise a { 
	width: 90px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -427px -1px;
}

.nav_merchandise a:hover {
	width: 90px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -427px -46px;
}

.nav_comment a { 
	width: 165px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -517px -1px;
}

.nav_comment a:hover {
	width: 165px; 
	display: block;
	background: url(../images/nav.gif) no-repeat -517px -46px;
}

.submenus {
	margin: 0 0 0 350px; padding: 0;
	*margin: 0 0 0 -100px;
	width: 187px;
	display: block;
	position: absolute;
	top: 105px;
	visibility: hidden;
	background: url(../images/subnav.png) top left no-repeat;
	_background: url(../images/subnav.gif) top left no-repeat;	
	z-index: 100;	
}

#nav .nav_ubmenu a {
	margin: 0; padding: 0;
	position: relative;
	width: 187px; 
	height: 36px;
	display: block;
	background: url(../images/subnav.png) no-repeat 0 0;
	_background: url(../images/subnav.gif) no-repeat 0 0;	
}

#nav .nav_ubmenu a:hover {
	margin: 0; padding: 0;
	position: relative;
	width: 187px; 
	height: 36px;
	display: block;
	background: url(../images/subnav.png) no-repeat -187px 0;
	_background: url(../images/subnav.gif) no-repeat -187px 0;	
}

#nav .nav_branchmenu a {
	margin: 0; padding: 0;
	position: relative;
	width: 187px; 
	height: 35px;
	display: block;
	background: url(../images/subnav.png) no-repeat 0 -36px;
	_background: url(../images/subnav.gif) no-repeat 0 -36px;	
}

#nav .nav_branchmenu a:hover {
	margin: 0; padding: 0;
	position: relative;
	width: 187px; 
	height: 35px;
	display: block;
	background: url(../images/subnav.png) no-repeat -187px -36px;
	_background: url(../images/subnav.gif) no-repeat -187px -36px;	
}


#nav .nav_beermenu a {
	margin: 0; padding: 0;
	position: relative;
	width: 187px; 
	height: 35px;
	display: block;
	background: url(../images/subnav.png) no-repeat 0 -68px;
	_background: url(../images/subnav.gif) no-repeat 0 -68px;	
}

#nav .nav_beermenu a:hover {
	margin: 0; padding: 0;
	position: relative;
	width: 187px; 
	height: 35px;
	display: block;
	background: url(../images/subnav.png) no-repeat -187px -68px;
	_background: url(../images/subnav.gif) no-repeat -187px -68px;	
}



#footer {
	margin: 0 0 15px 0;
	_margin: 0 0 15px 0;
	width: 957px;
	background: url(../images/bg_bottom.gif) no-repeat top left;
	float: left;
	z-index: 0;
	position: relative;
}
	
#footer p {
	margin: 0;
	padding: 30px 0 0 0;
	text-align: center;	
	color: #ffffff;
	line-height: 12px;
	font-size: 10px; 
	font-family: Verdana, arial, sans-serif;
}

#footer a {
	color: #ffffff;
}


/* home styles */

#box_brewery {
	margin: -40px -10px 0 40px;
	_margin: -40px -10px 0 20px;
	padding: 0 0 0 10px;
	width: 464px;
	height: 532px;
	display: block;
	float: left;

	background: url(../images/bg_brewery-box.gif) no-repeat top left;
}

#box_brewery h2 {

	font-family: Verdana, arial, sans-serif;
	font-size: 13px;
	/*color: #f47321; */
	color: #ab6c1b;
}

#box_brewery table {
	color: #ffffff;
	font-family: Verdana, arial, sans-serif;	
	font-size: 11px;
	margin: 10px 0 0 10px;
	*margin-top: 40px;	
}

.sh_brewery {
	margin: 12px 32px 0 0; 
	float: right;
}

#box_catering {
	margin: -38px 0 4px 2px;
	padding: 0;
	width: 419px;
	height: 190px;
	display: block;
	float: left;
}

#box_menu {
	margin: -2px 0 10px 3px;
	_margin: -2px 0 10px 3px;
	padding: 0;
	width: 432px;
	height: 167px;
	display: block;
	float: left;
}

#box_events {
	margin: -5px 0 0 2px;
	_margin: -10px 0 0 1px;
	padding: 0;
	width: 430px;
	height: 177px;
	display: block;
	float: left;
	/*background: url(../images/btn_events.png) no-repeat top left;*/
}

/*#box_events img {
	margin: 55px 0 0 20px;
	padding: 0;
	display: block;
	width: 367px;
	height: 66px;
}*/

#click_here {
	margin: -10px 0 0 120px;
	_margin: -10px 0 -35px 60px;
	padding: 0;
	width: 58px;
	height: 46px;
	float: left;
	display: block;
	z-index: 10;
	position: relative;
}

#box_location {
	margin: -20px 0 0 0;
	_margin: -24px 0 -35px 0;
	padding: 0;
	width: 717px;
	height: 60px;
	float: left;
	display: block;
	z-index: 10;
	position: relative;
}

/* copied styles */


/* day styles */

.events h1 {
	margin: 5px 0 0 0; padding: 0;
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #3e5311;
}

#event_container { 
	width: 810px;
	float: left;
	background: #fde6a9;
}

#day {
	width: 180px;
	min-height: 140px;
	height:auto !important;
	height: 140px;
	float: left;
	border-right: solid 1px #fff;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	margin: 10px 0 0 0; padding: 5px 0 5px 20px;
	background: #fde6a9;	
}

#day_on {
	width: 180px;
	min-height: 140px;	
	height:auto !important;
	height: 140px;
	float: left;
	border-right: solid 1px #fff;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	margin: 10px 0 0 0; padding: 5px 0 5px 20px;
	display: block; 
	background: #fddb7d;
}

#day_end {
	width: 180px;
	min-height: 140px;	
	height:auto !important;
	height: 140px;
	float: left;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0; padding: 5px 0 0 20px;
	background: #fde6a9;	
}

#day h2, #day_end h2, #day_on h2, .events h2 {
	margin: 3px 0 3px 0; padding: 0;
	font-size: 12px;
	color: #ab6c1b;
}

.events h2 {
	color: #000000;
}

#day h5, #day_end h5, #day_on h5 {
	margin: 5px 0 0 0; padding: 0;
	color: #a20001;
}

#day h3, #day_end h3, #day_on h3, #day h4, #day_end h4, #day h4 a, #day_end h4 a, #day_on h4, #day_on h4 a, .events a {
	margin: 5px 0 0 0; padding: 0;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #420000;
}

#day h3 span, #day_end h3 span, #day_on h3 span {
	color: #ab6c1b;
	margin: 5px 0 0 10px; padding: 0;
}


#one_column {
	width: 910px;
	margin: -35px 0 0 70px;
	_margin: -35px 0 0 35px;
	*padding: 20px 0 20px 0;
	text-align: left;
	float: left;
	line-height: 15px;
	color: #0D0D0D;
	line-height: 15px;
	font-size: 12px; 
	font-family: Verdana, arial, sans-serif;	
}

#one_brewery {
	width: 905px;
	margin: -35px 0 10px 30px;
	_margin: -25px 0 0 15px;
	text-align: left;
	float: left;
	line-height: 15px;
	color: #0D0D0D;
	line-height: 15px;
	font-size: 12px; 
	font-family: Verdana, arial, sans-serif;	
}

#one_column.comment_column {
	margin: 0px 0 0 50px;
	_margin: 0px 0 0 15px;
	width: 870px;
	_width: 870px;
		background-color: #fde6a9;

}

#calendar {
	width: 860px;
	min-height: 435px;
	height: auto !important;
	height: 435px;
	margin: 30px 0 0 0;
	_margin: 30px 0  0;
	text-align: left;
	float: left;
}

/* comment card */

#calendar form {
	margin: -35px 60px 0 0; padding: 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #420000;
	text-align: right;
}


.alt {
	margin: 0; padding: 0;
	font-size:10px;
	font-weight:none;
	color:#806B3E;
}

.more_info a img,
.more_info a:link img
{
	background:url(images/more_info.gif) no-repeat center center;
}
.more_info a:hover img
{
	background:url(images/more_info_over.gif) no-repeat center center;
}


/* product styles */

#item {
	margin: 0 0 10px 0; padding: 0; 
	width: 480px;
	border-bottom: solid 1px #420000;
}

#item p, #item img {
	margin: 0; padding: 0;
}



/* two column */

#right_side {
	width: 380px;
	float:left;
	display:inline;
	margin: 0;
	padding: 10px;
	background: #fde6a9;	
	color: #0D0D0D;
	height: 415px;	
	line-height: 15px;
	font-size: 12px; 
	font-family: Verdana, arial, sans-serif;		
}

#left_side {
	width: 364px;
	height: 400px;	
	margin: 0 0 0 100px;
	display:inline;
	float:left;	
}

/* catering styles */

#links_catering {
	margin: 0 0 0 20px; padding: 0;
	*margin: 0 0 0 40px;
	_margin: 0 0 0 25px;
	height: 190px; 
	width: 750px;
	float: left;
}

#links_catering #box_catering {
	margin: 0;
	padding: 0;
}


#box_cateringdownload {
	margin: 0;
	height: 189px;
	width: 149px; 
	display: block;
	float: left;
}

#adobelink {
	margin: 146px 0 0 0;
	width: 105px;
	float: left;
}

#box_catering_top {
	margin: -25px 0 0 65px;
	_margin: -25px 0 0 35px;
	padding: 0;
	width: 845px;
	height: 16px;
	display: block;
	float: left;
	background: url(../images/bg_catering_blue.gif) no-repeat bottom left;	
}

#box_cateringtext {
	margin: -10px 0 0 65px;
	_margin: -10px 0 0 35px;
	padding: 0 15px 0 20px;
	*padding: 0 15px 0 0;
	width: 845px;
	display: block;
	background: url(../images/bg_catering_blue_rp.gif) repeat-y top left;	
	float: left;
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
}

#box_newstext {
	margin: -10px 0 0 65px;
	_margin: -10px 0 0 35px;
	padding: 0 15px 0 20px;
	*padding: 0 15px 0 20px;
	width: 845px;
	display: block;
	background: url(../images/bg_catering_blue_rp.gif) repeat-y top left;	
	float: left;
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

#news_col {
	margin: 0 10px 0 10px; padding: 0;
	width: 250px; 
	float: left;
}

#newsletter {
	width: 650px;
	margin: 0 0 0 170px;
}

.blue_item {
	height: 30px;
	padding: 0 0 0 30px; 
	display: block;
	background: url('../images/bluestar.gif') no-repeat top left;	
}

.orange_item {
	height: 30px;
	padding: 5px 0 0 30px; 
	display: block;
	background: url('../images/orangestar.gif') no-repeat top left;	
}

.red_item {
	height: 30px;
	padding: 5px 0 0 30px; 
	display: block;
	background: url('../images/redstar.gif') no-repeat top left;	
}

#box_cateringtext h1  {
	font-family: Verdana, arial, sans-serif;
	font-size: 15px;
	color: #273c64;
}

#box_newstext h1 {
	font-family: Verdana, arial, sans-serif;
	font-size: 15px;
	color: #f37321;
}

#box_newstext a {
	color: #ffffff;
}

#box_newstext h2 {
	font-family: Verdana, arial, sans-serif;
	font-size: 13px;
	/*color: #f47321; */
	color: #ab6c1b;
}

#box_cateringtext h2 {
	margin: 0; padding: 0;
	text-align: left;
	height: 53px;
	width: 790px;
}

#box_catering_bot {
	margin: 0 0 0 65px;
	_margin: 0 0 0 35px;
	width: 845px;
	height: 17px;
	display: block;
	float: left;
	background: url(../images/bg_catering_blue_bot.gif) no-repeat top left;		
}

#box_cateringtext p { 

	margin: 0; padding: 0;
	width: 800px;	
	line-height: 21px;
}

#box_cateringtext p img {
	margin-bottom: -8px;
}

#box_cateringtext a {
	color: #ffffff;
}

img.calltoorder {
	margin: -15px 0 0 15px;
	_margin: 0 0 0 15px;
}

#box_newstext p {
	margin: 8px 0 8px 15px;
	width: 725px;
}

/* comment card */

#comment_col {
	margin: 0 0 0 15px;
	padding: 0 10px 0 0;
	_margin-bottom: -35px;
	width: 400px; 
	_width: 340px;
	float: left;
	font-size: 11px;
	background-color: #fde6a9;
}

.comment_border {
	border-right: dotted 1px #ffffff;
}

.comment_table {
	background-color: #fde6a9;
}

.billyc {
	margin: 0 0 5px 0; padding: 0;
	font-weight: bold;
}

#flash_movie {
	margin: 10px 0 5px 0;
}

/*-- new beer menu ---*/

#beers {
	margin: 0 0 0 10px;
	width: 465px;
	height: 532px; 
	float: left;
	z-index: 0;
}

.housebeer {
	background: url("../images/box_housebeer.gif") top left no-repeat;
}

.canbeer {
	background: url("../images/box_canbeer.gif") top left no-repeat;
}

.specialsbeer {
	background: url("../images/box_specialsbeer.gif") top left no-repeat;
}

#beer_house a {
	margin: 0; padding: 0;
	display: block;
	width: 43px;
	height: 176px;
	position: absolute;
	z-index: 50;
	float: left;
}

#beer_can a {
	margin: 176px 0 0 0; padding: 0;
	display: block;
	width: 43px;
	height: 178px;
	position: absolute;
	z-index: 50;
	float: left;	
}

#beer_specials a {
	margin: 358px 0 0 0; padding: 0;
	display: block;
	width: 43px;
	height: 171px;
	position: absolute;
	z-index: 50;
	float: left;
}

#btn_beer { 
	margin: 5px 0 5px 0;
	width:441px;
	height:255px;
	display: block;
	float: left;
	background: url('../images/btn_brews.png') no-repeat top left;
}

#btn_beer a {
	margin: 170px 0 0 3px;
	float: left;
}

/* png fix */

img, div { behavior: url(iepngfix.htc) }