/* NO SCRIPT */
.hide{display:none;}
#noscript p{padding: 80px 40px 0 30px;}
/* CSS Document */
* {border:0pt none; margin:0pt; padding:0pt;}
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

body {background: url("../images/bk_repeat.jpg") repeat-x #303e09; text-align: left;}

/* Layout */
#outercontainer {
	text-align: left; 
	background: url("../images/bk_main.jpg") no-repeat;
	width: 937px;
	height: 758px;
}

#logo {
	width: 312px;
	height: 204px;
	position: absolute;
	left: 20px;
	top: 22px;
}

#gpub {
	width: 103px;
	height: 102px;
	position: absolute;
	left: 763px;
	top: 47px;
}

#mainpage {
	position: absolute;
	z-index: 1;
	left: 50px;
	top: 286px;
	width: 776px;
	height: auto;
	background-color: #ebe7d9;
	border: 7px solid;
	border-color: #f6f4ee;
}
.cleardiv{clear:both;}
#footer {
	clear: both;
	text-align: center;
	padding-top: 20px;
	margin-top: 20px;
}

/* Content */
#colleft {
	float: left;
	margin-left: 20px;
	padding: 0;
	width: 360px; /* IE Window 5.5 */
	voice-family: "\";}\""; 
    voice-family: inherit;
	width: 360px; /* IE Windows 6 */
} 
html>body #colleft {
	width: 360px; /* Regular Browsers */
}

#colright {	
	float: right;
	margin-right: 10px;
	padding: 0;
	width: 361px; /* IE Window 5.5 */
	voice-family: "\";}\""; 
    voice-family: inherit;
	width: 361px; /* IE Windows 6 */
} 
html>body #colright {
	width: 370px; /* Regular Browsers */
}

#colthumbs {	
	float: left;
	display: inline;
	padding: 0;
}

/* Menus */
.menuleft {
	float: left;
	margin-left: 20px;
	padding:0;
	width: 330px; /* IE Window 5.5 */
	voice-family: "\";}\""; 
    voice-family: inherit;
	width: 330px; /* IE Windows 6 */
} 
html>body .menuleft {
	width: 340px; /* Regular Browsers */
}

.menuright {	
	float: left;
	margin-left: 30px;
	padding:0;
	width: 330px; /* IE Window 5.5 */
	voice-family: "\";}\""; 
    voice-family: inherit;
	width: 330px; /* IE Windows 6 */
} 
html>body .menuright {
	width: 340px; /* Regular Browsers */
}

.menuboth {
	float: left;
	margin-left: 20px;
	padding:0;
	width: 720px; /* IE Window 5.5 */
	voice-family: "\";}\""; 
    voice-family: inherit;
	width: 720px; /* IE Windows 6 */
} 

html>body .menuboth {
	width: 730px; /* Regular Browsers */
}

/* Slideshow */
.pics{width:361px;height:457px;padding:0;margin:0;}
#slides{cursor:pointer;width:361px;height:457px;}

/* Social */
.social {padding: 20px 40px 20px 30px;}

ul#soc span {display: none;}
ul#soc {list-style: none;}
#soc li { margin: 0; float: left;}
#soc li a { display: inline; }

.twitter, .facebook, .urbanspoon {padding: 12px 3px 12px 0;}
.twitter a { height: 36px; width: 36px; background-image: url("../images/social-twitter.jpg"); float: left;}
.facebook a { height: 36px; width: 36px; background-image: url("../images/social-facebook.jpg"); float: left;}
.urbanspoon a { height: 36px; width: 36px; background-image: url("../images/social-urbanspoon.jpg"); float: left;}

.twitter a:hover { background-position: 0 -36px; }
.facebook a:hover { background-position: 0 -36px; }
.urbanspoon a:hover { background-position: 0 -36px; }

/* Form */
#enews {padding: 40px 40px 20px 30px;}
.label,.spacer,.multiple {width:120px;float:left;padding-top:4px;} 
.multiple {float:left;} 
.button {padding:8px 0px 0px 0px;} 
/*-------------------------------------
FORM CORE
------------------------------------------*/
form#MYFORM fieldset {
	position: relative;
	z-index: 999;
}
#mycaptcha{
	border-right:1px solid #c4bfb2;
	border-bottom:2px solid #c4bfb2;
	background: #d6c7a9;
	width:308px;
	float:left;
	padding:3px;
}
.success{ color:#009900; font-size:12px; margin:4px; font-style:italic; width:200px; float: left}
img#refresh{
	float:left;
	margin-top:30px;
	margin-left:4px;
	cursor:pointer;
}
form#MYFORM label{
	display: block;
font-family: Georgia, Palatino, Times, "Times New Roman", serif;
font-weight: normal;
font-size: 13px; 
color: #61430e;
margin: 5px 0;
text-transform:uppercase
}
form#MYFORM input[type="text"], input[type="email"], input[type="tel"], textarea {
	width: 290px; 
	border: 1px solid #c4bfb2;
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
	font-size: 14px;
	line-height: 14px;
	color: #61430e;
	padding:6px 12px;
	margin-bottom:8px;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

form#MYFORM textarea {
	width: 296px; 
	height: 150px;
	padding:6px 6px 6px 12px;
}

form#MYFORM input#code{width:240px;}
form#MYFORM label.error { 
	width: 300px;
	margin: 3px 0 0 0;
	display: block;
	color: #cf0101;                              
	font-family: Arial,Verdana,sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-transform:none;
}

form#MYFORM #Send{float:left;color:#fc8500;float: right;margin-right:38px}
form#MYFORM .button {
	display: inline-block;
	border: none;
	color: #fc8500;
	padding: 0;
}

form#MYFORM .button:hover,form#MYFORM .button:active {
	cursor: pointer;
}
#after_submit{padding-top:2px;}
/* Tables */
table {
   width: 100%;
   margin-bottom: 1em;
}

td, th {	
   padding: 0.5em 1em 0 0;
   font-family: Georgia, Palatino, Times, "Times New Roman", serif;
   font-size: 12px;
   line-height: 14px;
   color: #61430e;
}

caption,h2 {
   font-size: 14px;
   font-family: Arial, Verdana, sans-serif;
   font-weight: bold;
   color: #303e09;	
   text-align: left;
   border-bottom: solid 1px #303e09;
   margin-top:18px;
}
h3 {
   font-family: Georgia, Palatino, Times, "Times New Roman", serif;
   font-size: 90%;
   font-weight: bold;
   color: #61430e;	
   text-align: left;
   margin-top:8px;
}
/* P Styles */
#callout p {font-size: 15px;}

p { 
font-family: Georgia, Palatino, Times, "Times New Roman", serif;
font-weight: normal;
font-size: 13px; 
color: #61430e;
margin-bottom: 10px;
margin-top: 10px;
}
.menus p{font-size:12px;line-height: 15px; margin: .5em 0 0 0;}
.menus hr{margin-top: .5em}
a:link, a:visited  {color: #61430e; text-decoration: underline;}
a:hover {text-decoration: none;}

#footer p {
font-family: Arial, Verdana, sans-serif; 
font-size: 11px;
text-align: center;
line-height: 15px;
}

#footer a, #footer a:hover, #footer a:visited {color: #61430e; text-decoration: underline;}

h1 {   
	 font-size: 14px;
   font-family: Arial, Verdana, sans-serif;
   font-weight: bold;
   color: #303e09;	
   text-align: left;
   border-bottom: solid 1px #303e09;
}

/* List Styles */
ul#bullets { width: auto; }

#bullets li, ol li { 
 font-family: Arial, Verdana, sans-serif; 
 font-size: 12px; 
 color: #61430e; 
 list-style: none;
 line-height: 20px;
}
ol li{list-style-type: decimal;margin-left:20px;padding-bottom:8px}

ul.bold { width: auto; }

.bold li { 
 font-family: Arial, Verdana, sans-serif;
 font-weight: bold;
 color: #303e09;
 font-size: 12px; 
 list-style: none;
 line-height: 15px;
}

.bold li a, .bold li a:hover, .bold li a:visited {color: #303e09; text-decoration: underline;}

/* Navigation */
#navbar {height: 50px; width: 600px; position: absolute; left: 276px; top: 237px;}
ul#nav {list-style: none;}
#nav li { margin: 0; padding: 0; float: left;}
#nav li a { display: inline; }

/* Navigation2011 */
#navbar {height: 50px; width: 800px; position: absolute; left: 57px; top: 237px;}
ul#nav {list-style: none;}
#nav li { margin: 0; padding: 0; float: left;}
#nav li a { display: inline; }
#nav li a span {display: none;}
#nav-kitchen a { height: 80px; width: 81px; background-image: url(../images/nav/kitchen.jpg); float: left;}
#nav-pub a { height: 80px; width: 40px; background-image: url(../images/nav/pub.jpg); float: left;}
#nav-beer a { height: 80px; width: 105px; background-image: url(../images/nav/beer-garden.jpg); float: left;}
#nav-gift a { height: 80px; width: 89px; background-image: url(../images/nav/gift-cards.jpg); float: left;}
#nav-menu a { height: 80px; width: 49px; background-image: url(../images/nav/menu.jpg); float: left;}
#nav-event a { height: 80px; width: 62px; background-image: url(../images/nav/events.jpg); float: left;}
#nav-contact a { height: 80px; width: 71px; background-image: url(../images/nav/contact.jpg); float: left;}
#nav-media a { height: 80px; width: 63px; background-image: url(../images/nav/media.jpg); float: left;}
#nav-underground a { height: 80px; width: 224px; background-image: url(../images/nav/underground.png); float: left;margin-top:-10px}

#nav-kitchen a:hover,#nav-pub a:hover,#nav-beer a:hover,#nav-gift a:hover,#nav-menu a:hover,#nav-event a:hover,#nav-contact a:hover,#nav-media a:hover,
#nav-kitchen a#active,#nav-pub a#active,#nav-beer a#active,#nav-gift a#active,#nav-menu a#active,#nav-event a#active,#nav-contact a#active,#nav-media a#active { background-position: 0 -80px; }

/* Menu Navigation2011 */
#menuhead{float: left;margin:0 0 10px 0;padding:0;}
ul#cgmenus{margin:0 0 0 134px;padding:0;float: left;}
ul#cgmenus li a{margin:0 0 10px 0}
#cgmenus li{list-style-type: none;float: left;margin:0;padding:0}
#cgmenus li a span{display: none}
#cgmenus li a{height:72px;background: url(../images/headings/head_menu_nav.jpg) 0 0 no-repeat;float: left}
li#dinnermenu a{width:100px;height:72px;background-position: 0 0;}
li#dinnermenu a:hover,li#dinnermenu a.active{background-position: 0px -72px}
li#luchmenu a{width:82px;height:72px;background-position: -100px 0}
li#luchmenu a:hover,li#luchmenu a.active{background-position: -100px -72px}
li#brunchmenu a{width:95px;height:72px;background-position: -182px 0}
li#brunchmenu a:hover,li#brunchmenu a.active{background-position: -182px -72px}
li#latenightmenu a{width:129px;height:72px;background-position: -277px 0}
li#latenightmenu a:hover,li#latenightmenu a.active{background-position: -277px -72px}
li#drinkmenu a{width:68px;height:72px;background-position: -406px 0}
li#drinkmenu a:hover,li#drinkmenu a.active{background-position: -406px -72px}

/* MISC */
hr {text-align: center; color: #b4a588; border-top: 1px solid;}
#addcartbutton, #viewcartbutton, .textwrap {float:left;}
.textwrap{padding-right:20px;}
#addcartbutton{margin-right: 10px;}
#viewcartbutton{margin-top: 4px;}
.clearleft{clear:left;}
.video{margin:24px 0 0 0}