/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
background: #48190f url(../images/bg-wood.jpg) left top repeat; 
text-align: center;
min-width:800px;
}

* {
margin: 0;
padding: 0;
}

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

a {
color: #48190f;
}

a:hover {
color: #be072f;
}

/* ------------------------------------------------------------- */

#wrapper {
width: 780px;
margin: 0 auto;
text-align: left;
padding-top: 10px;
}

#metanav {
/* height: 60px;
position: relative; */
display: none;
}

#metanav1 {
float: left;
width: 380px;
position: relative;
top: 12px;
}

#metanav1 h2 {
color: #FFF;
font-size: 14px;
font-weight: normal;
}

#metanav2 {
float: right;
width: 310px;
}

#header {
height: 160px;
width: 780px;
background: url(../images/bg-header.png) left top no-repeat;
}

#headerinfo {
height: 160px;
width: 780px;
background: url(../images/bg-header-info.png) left top no-repeat;
}

#headerinfohu {
height: 160px;
width: 780px;
background: url(../images/bg-header-info-hu.png) left top no-repeat;
}

#logo {
width: 160px;
float: left;
}

#navigation {
float: left;
margin: 101px 0 0 0;
}

#navigation ul {
width: 600px;
margin: 0;
padding: 0;
list-style: none;
float: left;
}

#navigation ul li {
float: left;
margin-top: 10px;
}

#navigation ul li a {
display: block;
float: left;
padding: 10px 6px 0 6px;
height: 39px;
text-decoration: none;
color: #ffdd00;
font-size: 14px;
/* font-variant: small-caps; */
}

#navigation ul li a:hover {
color: #FFF;
}

.home #navigation ul li a.home, .location #navigation ul li a.location, .restaurant #navigation ul li a.restaurant, .cocktailbar #navigation ul li a.cocktailbar, .events #navigation ul li a.events, .jobs #navigation ul li a.jobs, .contact #navigation ul li a.contact {
background: #FFF;
color: #48190f;
font-weight: bold;
border-left: 1px solid #48190f;
border-right: 1px solid #48190f;
}

#mainwrapper {
background: url(../images/bg-mainwrapper.png) left top repeat-y;
/* height: 400px; */
padding: 0px 19px 10px 1px;
}

#main1 {
width: 240px;
float: left;

}

#main1a {
width: 230px;
float: left;
padding: 0 0 0 10px;
margin: 20px 0 0 0;
}

#main1 ul li {
margin: 0px auto;
padding: 0 0 0 12px;
}

#main2 {
width: 480px;
float: right;
margin: 20px 20px 0 0;
}

#main2 h1 {
font-weight: bold;
color: #48190f;
font-size: 22px;
padding: 0 0 4px 0;
}

#main2 h2 {
font-weight: bold;
color: #be072f;
font-size: 18px;
padding: 0 0 2px 0;
}

#main2 h3 {
font-weight: bold;
color: #48190f;
font-size: 14px;
padding: 0 0 0px 0;
}

#main2 p {
padding: 0 0 8px 0;
line-height: 18px;
}

#main1 ul, #main2 ul {
margin:0px auto;
margin-bottom:10px;
list-style-type:none;
line-height: 18px;
}

#main2 ul li {
margin: 0px auto;
padding: 0 0 0 12px;
background: url(../images/icon-arrow.gif) no-repeat left 2px;
}

#main2 hr {
height:0px;
border:0px;
border-bottom: 1px #48190f dotted;
margin-bottom: 8px;
margin-top: 4px;
}

#footer {
background: url(../images/bg-footer.png) left top no-repeat;
height: 125px;
}

#footertext1 {
padding: 8px 0 0 16px;
}

#footertext1 p {
color: #FFF;
font-size: 12px;
}

#footertext1 a {
color: #FFF;
}

/* ------------------------------------------------------------- */

.clearer {
clear: both;
}

.imgright {
float: right;
padding: 0 0 0 20px;
}

.yellowback {
background: #FF9;
padding:10px;
}