/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
background:#ccc url(images/bg-body.jpg) top repeat-y;
margin:0 auto;
padding:0;
}

#wrap{
background:#fff;
margin:0 auto;
padding:0;
text-align:center;
width:800px;
}

#header{
background:#fff url(images/bg-header.jpg) top left no-repeat;
margin:0;
padding:0;
height:199px;
}

#header h4{
margin:0;
padding:21px 0 0 65px;
}

#header a#logo{
text-indent: -9999px;
text-decoration: none;
padding:0;
margin:0;
border:0;
height:179px;
width:187px;
background-image: url(images/logo.gif);
background-repeat:no-repeat;
display:block;
float:left;
outline:none;
}

#header h3#title{
text-indent:-9999px;
text-decoration:none;
background-image:url(images/top-head.gif);
background-repeat:no-repeat;
display:block;
float:left;
margin:32px 0 0 18px;
padding:0;
width:271px;
height:72px;
}

#mm{
background:url(images/bg-menu.jpg) top left no-repeat;
margin:4px 0 0 15px;
padding:0;
float:left;
width:433px;
height:38px;
}

#mm ul { 
padding:0;
margin:0;
list-style:none;
color:#f4911e;
float:right;
}

#mm ul li{
margin:0;
padding:0;
float:left;
}

#mm ul li.home{
width:93px;
margin:0;
padding:0;
float:left;
}

#mm ul li.menu{
width:93px;
margin:0;
padding:0;
float:left;
}

#mm ul li.order{
width:134px;
margin:0;
padding:0;
float:left;
}

#mm ul li.special{
width:113px;
margin:0;
padding:0;
float:left;
}


#mm ul li a {
font:15px Arial, Helvetica, sans-serif;
display: block;
color:#811e23;
padding:10px 0;
margin:0;
text-align:center;
text-decoration:none;

}

#mm ul li a:hover{color:#feb459; font-weight:bold;}


#mm ul li:hover{position:static;}

#mm ul li a.currentpage:link, #mm ul li a.currentpage:visited, #mm ul li a.currentpage:hover{
color:#feb459; font-weight:bold;
}



/*Sub Menu*/

#sm {
background: transparent url(images/submenu.jpg) top left no-repeat;
margin: 8px auto 0 auto;
padding: 0;
border: 0;
width: 352px;
height: 30px;
display: inline;
overflow: hidden;
text-align:center;
}

#sm ul{
width: 352px;
height: 30px;
overflow: hidden;
list-style-type: none;
margin: 20px auto 5px auto;
padding: 0;
border: 0;
background: url(images/submenu.jpg);
}

#sm li{
margin: 0;
padding: 0;
}

#sm li,#sm a{
float: left;
height: 30px;
}

#sm a#sg{
text-indent: -9999px;
text-decoration: none;
padding: 0;
margin: 0;
border: 0;
overflow: hidden;
height: 30px;
width: 139px; 
background-image: url(images/submenu.jpg);
}
/*main menu rollovers*/
li#sg a:link, li#sg a:visited {
background-position: 0px 0px;
}

li#sg a:hover, li#sgat a:link, li#sgat a:visited, li#sgat a:hover {
background-position: 0px 30px;
}

#sm a#temp{
text-indent: -9999px;
text-decoration: none;
padding: 0;
margin: 0;
border: 0;
overflow: hidden;
height: 30px;
width: 85px; 
background-image: url(images/submenu.jpg);
}

li#temp a:link, li#temp a:visited{
background-position: -139px 0px;
}

li#temp a:hover, li#tempat a:link, li#tempat a:visited, li#tempat a:hover {
background-position: -139px 30px;
}

#sm a#nb{
text-indent: -9999px;
text-decoration: none;
padding: 0;
margin: 0;
border: 0;
overflow: hidden;
height: 30px;
width: 128px; 
background-image: url(images/submenu.jpg);
}

li#nb a:link, li#nb a:visited{
background-position: -224px 0px;
}

li#nb a:hover, li#nbat a:link, li#nbat a:visited, li#nbat a:hover {
background-position: -224px 30px;
}


/* end sub menu*/

/* pagination */
#pagination { margin:0 auto; }
#pagination ul { padding:5px 0; margin:2px auto; list-style-type:none; clear:both }
#pagination ul li { display:inline; font-size:18px; color:#a51c1c; }
#pagination ul li a, ul.pagination li a:visited { text-decoration: none; padding:3px 5px; margin:0; color:#a51c1c; }
#pagination ul li a:hover { text-decoration: none; color:#fd9516; }
#pagination ul .pager { }
#pagination ul .active { padding:3px 5px; margin:0; color:#fd9516; }








#contentbg{
background:#fff;
margin:0;
padding:0;
}

#content{
margin:0;
padding:10px 0 0 0;
}

h1#location{
text-indent: -9999px;
text-decoration: none;
text-align:center;
padding:0;
margin:0 auto;
border:0;
height:78px;
width:223px;
background-image: url(images/txt-3locations.gif);
background-repeat:no-repeat;
display:block;
}

#locationswrap{
background:#fff url(images/bg-locations.jpg) top no-repeat;
margin:20px auto 0 auto;
text-align:center;
padding:0;
height:162px;
width:700px;
}

.loc{
float:left;
display:inline;
width:230px;
margin:0;
padding:0;
}

.loc h1{
font:normal 20px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:#a51c1c;
margin:0;
padding:15px 0 0 10px;
line-height:140%;
}

.loc h2{
font:normal 18px Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
color:#fd9516;
margin:0;
padding:0 0 0 10px;
line-height:140%;
}

.loc h3{
font:normal 16px Arial, Helvetica, sans-serif;
text-align:left;
color:#999;
margin:0;
padding:0 0 0 10px;
line-height:140%;
}

.loc p{
font:normal 14px Arial, Helvetica, sans-serif;
text-align:left;
color:#fd9516;
margin:0;
padding:0 0 0 10px;
line-height:140%;
}

.loc a{
color:#fd9516;
text-decoration:none;
}

.loc a:hover{
text-decoration:underline;
}

.loc a.maroon{
color:#a51c1c;
text-decoration:none;
padding-left:10px;
}

.loc a.maroon:hover{
text-decoration:underline;
}

h1#days{
text-indent: -9999px;
text-decoration: none;
text-align:center;
padding:0;
margin:15px auto 0 auto;
border:0;
height:78px;
width:192px;
background-image: url(images/txt-7days.jpg);
background-repeat:no-repeat;
display:block;
}

#hourswrap{
background:#fff url(images/bg-hours.jpg) top no-repeat;
margin:20px auto 0 auto;
text-align:center;
padding:0;
width:430px;
}

.hoursR{
float:left;
display:inline;
width:210px;
margin:0 0 15px 0;
padding:0;
}

.hoursR h3{
font:normal 16px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:#a51c1c;
margin:0;
padding:10px 0 0 40px;
line-height:140%;
}

.hoursR h4{
font:normal 14px Arial, Helvetica, sans-serif;
text-align:left;
color:#ffab44;
margin:0 10px 0 0;
padding:0 0 0 40px;
line-height:140%;
}

.hoursL{
float:left;
display:inline;
width:200px;
margin:0 0 15px 0;
padding:0;
}

.hoursL h3{
font:normal 16px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:#a51c1c;
margin:0;
padding:10px 0 0 20px;
line-height:140%;
}

.hoursL h4{
font:normal 14px Arial, Helvetica, sans-serif;
text-align:left;
color:#ffab44;
margin:0 10px 0 0;
padding:0 0 0 20px;
line-height:140%;
}

span.gray{
color:#333;
}

span.homeGrey{color:#A0A0A0;}

.hourscenter{
width:200px;
margin:15px auto 30px auto;
padding:0;
}

.hourscenter h3{
font:normal 16px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#a51c1c;
margin:10px 0 0 0;
padding:0 ;
line-height:140%;
}

.hourscenter h4{
font:normal 14px Arial, Helvetica, sans-serif;
text-align:center;
color:#ffab44;
margin:0;
padding:0;
line-height:140%;
}

h1#specials{
text-indent: -9999px;
text-decoration: none;
text-align:center;
padding:0;
margin:0 auto;
border:0;
height:42px;
width:400px;
background-image: url(images/txt-specials.jpg);
background-repeat:no-repeat;
display:block;
}

#specialswrap{
width:400px;
margin:0 auto;
padding:0;
}

#specialswrap p{
font:normal 14px Arial, Helvetica, sans-serif;
color:#fd9c26;
line-height:140%;
margin:10px 0;
padding:0;
text-align:left;
}

#foodwrap{
background:#fff;
width:730px;
margin:0 auto;
padding:20px 0;
}

#foodwrap h1 span{
background: url(images/bg-menu-txt.jpg) top left repeat-x;
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
border:1px solid #fd9f2b;
line-height:27px;
margin:0;
padding:0 5px;
float:left;
text-align:left;
text-transform:uppercase;
}

#foodwrap table{float:left; font-size:12px; width:340px; margin:0 25px 10px 0; text-align:left;}

#content #foodwrap table.beer{font-size:12px; width:310px; text-align:left;}


.grayDark{color:#333;}
.grayMed{color:#333;}
.grayLight{color:#333;}

.clear{clear:both;}
.clear15{clear:both; padding:10px 0;}

#footer{
background:#fff;
width:730px;
margin:0 auto;
padding:20px 0;
}

#footer p{font:normal 11px Arial, Helvetica, sans-serif;
color:#a3a3a3;
text-align:center;
margin:0;
padding:0;
}