@charset "utf-8";

html, body, * {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img { border: 0; }
ul { padding-left: 1.4em; list-style-type: disc; }


body {
	background-image: url(images/bg_wood.jpg);
	background-repeat: repeat;
}

#wrapper {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	color: #3D2613;
	height: 100%;
	overflow: visible;
}



#pageShadow {
	/*background-color:#333;*/
	width: 960px;
	position: relative;
	left: 4px;
	top: 4px;
	height: 100%;
	overflow: visible;
	background-image: url(images/shadow.png);
	background-repeat: repeat;
}


#content_wrapper {
	position: relative;
	height: auto;
	width: 960px;
	overflow: visible;
	background-image: url(images/bg_page3.png);
	background-repeat: repeat;
	top: -4px;
	left: -4px;
}

#beerMat {
	position: absolute;
	height: 261px;
	width: 262px;
	left: -30px;
	top: -15px;
	z-index: 50;
	background-image: url(images/beer_matv4.png);
	background-repeat: no-repeat;
}



#header #top {
	height: 52px;
	background-image: url(images/bg_header_top.png);
	background-repeat: repeat-x;
	padding-right: 10px;
	padding-left: 10px;
}


h1.kh_logo {
	width: 300px;
	height: 52px;
	position: relative;
}


h1.kh_logo span{
	background:url(images/logo.png);
	position: absolute;
	width: 100%;
	height: 100%;
}
.float_right {
	float: right;
}

#header #middle {
	clear: both;
	height: 94px;
	/*border-top: 4px solid #3D2613;*/
}

#nav_container {
	float: left;
	width: 100%;
	border-top: 3px solid #FFFFCC;
	/*border-bottom: 3px solid #CFAE70;*//*for bg_nav_hover*/
	border-bottom: 3px solid #CCA866;/*for bg_nav_hoverv2*/
	overflow: hidden;
	position: relative;
	background-image: url(images/bg_nav_red.png);
	background-repeat: repeat-x;
	height: 60px;
	font-size: 1.2em;
	letter-spacing: 0px;
}


#nav_container ul {
	clear: left;
   	float: left;
   	list-style: none;
   	margin: 0;
   	padding: 0;
   	position: relative;
   	left: 50%;
   	text-align: center;
}

#nav_container ul li {
	display: block;
	float: left;
	list-style: none;
	position: relative;
	right: 50%;
	margin: 0px;
	padding: 0px;	
}

#nav_container ul li.first {
	border-left: 1px solid #660000;
}

#nav_container ul li.last {
	border-right: 1px solid #990033;
}


#nav_container ul li a{
	display: block;
	/*color: #DFC99F;*/
	color: #CCA866;
	text-decoration: none;
	line-height: 60px;
	text-transform: uppercase;
	margin: 0;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	border-right: 1px solid #660000;
	border-left: 1px solid #990033;
	width: auto;
}

#nav_container ul li a:hover {
	/*text-decoration: underline;*/	
	color: #660000;
	background-image: url(images/bg_nav_hoverv2.png);
	background-repeat: repeat-x;
		
	
}

#nav_container ul li a.active {
	color: #660000;
	background-image: url(images/bg_nav_hoverv2.png);
	background-repeat: repeat-x;
	/*text-decoration: none;*/	
	font-weight: bold;
	
}
#title  {
	line-height: 35px;
	color: #CCA866;
	background-image: url(images/bg_brown.png);
	background-repeat: repeat-x;
	text-align: center;
	clear: both;
	height: 35px;
	font-size: 1.7em;
	text-transform: uppercase;
}
#content  {
	background-image: url(images/bg_page3.png);
	background-repeat: repeat;
	background-position: left top;
}
#rightContent {
	float: right;
	width: 325px;
	margin: 0px;
	padding-top: 35px;
	padding-right: 35px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#rightContent #flash {
	margin-bottom: 35px;
}

#openTimes {
	text-transform: uppercase;
	font-size: 0.95em;
}

.otheader {
	background-image: url(images/bg_otheader_red.png);
	background-repeat: repeat-x;
	color: #F2F2BF;
	line-height: 25px;
	font-weight: bold;
	height: 25px;
	margin-bottom: 5px;
	padding-left: 5px;
	text-transform: uppercase;
}
.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3D2613;
}

.note {
	font-size: 0.8em;
	font-weight: normal;
}


#openingtimes tr  {
	line-height: 30px;
	height: 30px;
}
#openingtimes td {
	padding-left: 5px;
}
#downloadMenu {
	font-size: 0.95em;
	margin-top: 60px;
	margin-bottom: 60px;
}
#menuContainer {
	text-decoration: none;

}
#menuContainer .menu {
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #3D2613;
	line-height: 25px;
	text-decoration: none;
	
}


#menuContainer .menu a {
	text-decoration: none;
	color: #3D2613;
}
#menuContainer .menu a span {
	display: none;
	text-decoration: none;
}


#menuContainer .menu a:hover {
	text-decoration: none;
	font-weight: bold;
	padding-left: 5px;
}

#menuContainer .menu a:hover span {
	display: inline;
	position: relative;
	left: -5px;
	text-decoration: none;
}

#menuContainer .description {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 0.95em;
}




#servingtimes tr {
	line-height: 30px;
	height: 30px;
	font-size: 0.95em;
}

#servingtimes td {
	padding-left: 5px;
	
}

#mainContent {
	margin-right: 400px;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 35px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
}
#mainContent a.hyperlink:link, #mainContent a.hyperlink:visited {
	text-decoration: none;
	color: #3D2613;
}

#mainContent a.hyperlink:hover {
	text-decoration: underline;
}


#the {
	margin-right: 2px;
}
#alesContainer {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 0.8em;
	text-decoration: none;
}



#realAles td {
	text-align: center;
	line-height: normal;
	vertical-align: top;
	height: 115px;
}



#realAles a span {
	display: none;
	text-decoration: none;
}

#realAles a {
	color: #3D2613;
	text-decoration: none;
}


#realAles a:visited span {
	color: #3D2613;
	text-decoration: none;
}

#realAles a:hover {
	/*background-color:;*/
	font-size: 100%;
	text-decoration: none;
}

#realAles a:hover span {
	display: block;
	/*position: relative;*/
	text-decoration: none;
}

.ale {
	margin-bottom: 10px;
}

#creditCards {
	margin-top: 40px;
	font-size: 0.95em;
}
#creditCards .content {
	font-size: 0.95em;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1.4em;
}
#contact_address {
	padding-left: 45px;
}
#pictureFrame {
	position: relative;
	height: 328px;
	width: 325px;
	margin-bottom: 25px;
}
#googlemap {
	position: absolute;
	left: 20px;
	top: 22px;
	width: 278px;
	text-align: right;
	font-size: 0.85em;
	
}


#googlemap a:link, #googlemap a:visited {
	text-decoration: none;
	text-transform: uppercase;
	color: #3D2613;
}

#googlemap a:hover {
	text-decoration: underline;	
}

#soonContainer {
	position: relative;
	float: left;
	margin-top: 50px;
	margin-bottom: 40px;
}

#soonShadow {
	width: 399px;
	height: 40px;
	background-image: url(images/see_soon_shadow1.png);
	background-repeat: no-repeat;
}

#soonShadow .seeSoon {
	position: absolute;
	left: -5px;
	top: -5px;	
	
}

.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}



#address  {
	text-align: center;
	height: 24px;
	line-height: 24px;
	color: #CCA866;
	background-image: url(images/bg_brown.png);
	background-repeat: repeat-x;
	overflow: hidden;
}



#footer, #footer a:link, #footer a:visited {
	text-align: center;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	color: #F2F3BF;
	text-decoration: none;
	clear: both;
	line-height: 1.5em;
	font-size: 1em;
}

#footer a:hover {
	color: #F2F3BF;
	text-decoration: underline;	
}