a { outline: none;}

/*background*/
body { margin:0 auto 0 auto; font-family:verdana; color:#695a47; border:none; text-decoration:none; background-color:#080403; background-image:url('img/bars.png'); background-repeat:repeat-x; clear:none; }

#bg_left{position:absolute; float:left; left:-188px;  width:188px; height:610px; margin:12px auto 0 auto;  background-image:url('img/bg_left.jpg'); background-repeat:no-repeat; clear:none;}
#bg_right {position:absolute; left:1024px; width:188px; height:610px; margin:12px auto 0 auto; background-image:url('img/bg_right.jpg'); background-repeat:no-repeat; clear:none;}
#bodybg {position:relative; width:1024px; height:626px; margin:0 auto 0 auto; background-image:url('img/bg_eoc01.jpg'); background-repeat:no-repeat; }
#hh_wrapper { position:absolute; margin: 0 0 0 0; background-color:none; }
#hh_logo  a {position:relative; float:left; top:25px; left:130px; margin; 0px; padding:0 0 0 0; width:308px; height:109px; background-color:none; background-image:url('img/eoc_logo.png'); clear:none;}
#hh_logo a span {position:relative; float:left; top:25px; left:130px; margin; 0px; padding:0 0 0 0; width:308px; height:109px; visibility: hidden;}

/*navigation*/
#nav {position:relative; width:auto; height:auto; margin: 0 0 0 0; display:block; clear:none;}
#tab {position:relative; float:left; left:172px; top:108px; padding:0; margin:0px; text-align:center; width:auto; height:27px; clear:none;}
#divider {background-image: url('img/divider.png'); top:116px; left:170px;float:left; position:relative; margin:0px; padding:0px; width:1px; height:10px; clear:none;}
#about a {display: block; background: url(img/about.png) top; width: 61px; height: 27px; text-decoration:none; clear:none; }
#about a:hover {background:  url(img/about-over.png) no-repeat bottom; clear:none;}
#menu a {display: block; background: url(img/menu.png) top; width: 67px; height: 27px; text-decoration:none;  clear:none; }
#menu a:hover {background:  url(img/menu-over.png) no-repeat bottom; text-decoration:none; clear:none;}
#gallery a {display: block; background: url(img/gallery.png) top; width: 67px; height: 27px; text-decoration:none; clear:none;}
#gallery a:hover {background:  url(img/gallery-over.png) no-repeat bottom; text-decoration:none; clear:none;}
#pparty a {display: block; background: url(img/pparty.png) top; width: 119px; height: 27px; clear:none;}
#pparty a:hover {background:  url(img/pparty-over.png) no-repeat bottom; text-decoration:none; clear:none;}
#barlounge a {display: block; background: url(img/barlounge.png) top; width: 101px; height: 27px; text-decoration:none; clear:none;}
#barlounge a:hover {background:  url(img/barlounge-over.png) no-repeat bottom; text-decoration:none; clear:none;}

/*content background*/
#home_content_bg { position:relative; float:left; top:39px; left:117px; width:790px; height:430px; margin: 0 0 0 0; background-image:url('img/homepage_content_bg.jpg'); clear:none;}  
#aboutus_content_bg { position:relative; float:left; top:39px; left:117px; width:790px; height:430px; margin: 0px; background-image:url('img/aboutus_bg.jpg'); clear:none;}  
#menu_content_bg { position:relative; float:left; top:39px; left:117px; width:790px; height:430px; margin: 0px; background-image:url('img/menu_bg.jpg'); clear:none;}  
#gallery_content_bg { position:relative; float:left; top:39px; left:117px; width:790px; height:430px; margin: 0px; background-image:url('img/gallery_bg.jpg'); clear:none;}  
#privateparty_content_bg { position:relative; float:left; top:39px; left:117px; width:790px; height:430px; margin: 0px; background-image:url('img/privateparty_bg.jpg'); clear:none;}  
#bar_content_bg { position:relative; float:left; top:39px; left:117px; width:790px; height:430px; margin: 0px; background-image:url('img/bar_bg.jpg'); clear:none;}  
#information_content_bg { position:relative; float:left; top:39px; left:117px; width:790px; height:430px; margin: 0px; background-image:url('img/information_bg.jpg'); clear:none;}  
#contactus_content_bg { position:relative; float:left; top:39px; left:117px; width:790px; height:430px; margin: 0px; background-image:url('img/contactus_bg.jpg'); clear:none;}  
#reservation_content_bg { position:relative; float:left; top:39px; left:117px; width:790px; height:430px; margin: 0px; background-image:url('img/reservation_bg.jpg'); clear:none;}  

/*page content*/
#home_content_p { position:relative; top:240px; left:50px; width:190px; height:auto; text-align: justify;  line-height:18px; font-size:11px; color:#ebe8dd; }
#aboutus_content_p { position:relative; padding-right:20px; top:135px; left:50px; width:300px; height:220px; text-align: justify;  line-height:18px; font-size:11px; color:#ebe8dd; overflow:auto; }
#menu_content_p { position:relative; top:30px; left:337px; width:600px; height:400px; line-height:18px; font-size:11px; color:#ebe8dd; overflow:hidden; }
#gallery_content_p { position:relative; top:0px; left:0px; width:790px; margin:0px; padding:0px; height:430px; overflow:hidden; }
#reservation_content_p { position:relative; padding-right:20px; top:135px; left:50px; width:360px; height:auto; text-align: left;  line-height:16px; font-size:11px; color:#ebe8dd; clear:none;}
#barlounge_content_p { position:relative; padding-right:20px; top:135px; left:50px; width:360px; height:235px; text-align: justify;  line-height:18px; font-size:11px; color:#ebe8dd; overflow:auto; }
#privateparty_content_p { position:relative; padding-right:20px; top:135px; left:50px; width:360px; height:235px; text-align: justify;  line-height:18px; font-size:11px; color:#ebe8dd; overflow:auto; }
#contactus_content_p { position:relative; padding-right:20px; top:135px; left:50px; width:360px; height:235px;}

/*privateparty*/
#ppthumb {float:left; padding:7px 8px 6px 0;}

/*reservation form*/
#inputline { height: 14px; color:#fff; font-size:11px; font-family:verdana; line-height: 12px; margin:0 0 0 0; border: #524e3c 1px solid; background:#000; clear:none; }
#messagebox {  margin:2px 0 10px 0; color:#fff; font-size:11px; font-family:verdana;  border: #524e3c 1px solid; background:#000; clear:none;  overflow:auto; }
#submitbutton { position:relative; float:left; left:90px;  width:auto; height:auto;}

/*footer*/
#footerlink {position:relative; float:left; top:10px; left:117px; padding-right:30px; margin: 0; width:auto; height:9px; clear:none;}
#footercopypwrite{position:relative; float:left; top:5px; left:366px; padding-right:30px; margin: 0; width:auto; height:9px; clear:none;}
#footer {position:relative; width:1024px; height:60px; margin:0 auto 0 auto;  font-family:verdana; background-color:#080403;} 
#information a {display: block; background: url(img/information_off.png); width: 74px; height: 9px; text-decoration:none; clear:none;}
#information a:hover {background:  url(img/information_on.png) no-repeat bottom; text-decoration:none; clear:none;}
#contactus a {display: block; background: url(img/contactus_off.png); width: 66px; height: 9px; text-decoration:none; clear:none;}
#contactus a:hover {background:  url(img/contactus_on.png) no-repeat bottom; text-decoration:none; clear:none;}
#reservations a {display: block; background: url(img/reservation_off.png); width: 77px; height: 9px; text-decoration:none; clear:none;}
#reservations a:hover {background:  url(img/reservation_on.png) no-repeat bottom; text-decoration:none; clear:none;}

/*on buttons*/
#about_over {display: block; background: url(img/about-over.png); width: 61px; height: 27px; text-decoration:none; clear:none; }
#menu_over {display: block; background: url(img/menu-over.png); width: 67px; height: 27px; text-decoration:none;  clear:none; }
#gallery_over {display: block; background: url(img/gallery-over.png) top; width: 67px; height: 27px; text-decoration:none; clear:none;}
#pparty_over {display: block; background: url(img/pparty-over.png); width: 119px; height: 27px; clear:none;}
#barlounge_over {display: block; background: url(img/barlounge-over.png); width: 101px; height: 27px; text-decoration:none; clear:none;}

#information_on {display: block; background: url(img/information_on.png); width: 74px; height: 9px; text-decoration:none; clear:none;}
#contactus_on {display: block; background: url(img/contactus_on.png); width: 66px; height: 9px; text-decoration:none; clear:none;}
#reservations_on {display: block; background: url(img/reservation_on.png); width: 77px; height: 9px; text-decoration:none; clear:none;}

/*MENU*/
#holder {position:absolute; top:30px; left:252px; width:135px;  height:20px;  padding: 0 0 0 8px; color:#bf3b12; line-height:16px; border:1px solid #5d4829; overflow:hidden; text-align:left; z-index:100; background:#291006; clear:none;}
#holder:hover {height:97px; cursor:pointer;  background:#291006;}
#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#bf3b12; text-decoration:none;}
#holder a:hover {color:#bf3b12;background:#491b07;}

#text0{color:#decb8a; font-family:verdana; font-size:9px; line-height:11px; display: block;}
#text1{color:#decb8a; font-family:verdana; font-size:9px; line-height:11px; display: block; }
#text2{color:#decb8a; font-family:verdana; font-size:9px; line-height:11px; display: block;}
#text3{color:#decb8a; font-family:verdana; font-size:9px; line-height:11px; display: block;}
#text4{color:#decb8a; font-family:verdana; font-size:9px; line-height:11px; display: block;}
.text{ position:relative; float:left; left:10px; top:70px; padding: 0 10px 0 0; display:none; width:400px; height:400px; border: solid 0px; clear:none; overflow:auto;}
#menuitem {color:#e9deb9; font-weight: bold; font-size:10px;}
#menuprice{position:relative; color:#decb8a; text-align:right; margin:-12px 0 -10px 0; padding:0 10px 0 0; clear:none;}


/*photo*/
.photos { overflow: hidden; border: 0px solid #f0f0f0; padding: 0px; width: 790px; margin: 0;}
img { border: none;}
.photos img.logo {margin: 0 auto; display:block;}
.photos div img { padding: 0px; margin: 0px; float: left; border-bottom: 1px solid #ddd;}
.photos ul.thumbs { margin:0; padding: 0; list-style: none; width: 1024px; float: left;}
.photos ul.thumbs li{ top:110px; left:195px; width: 84px; height: 72px; margin:0 15px 0 0; padding: 0; float: left; overflow: visable; position: relative; border: 1px solid #ddd; text-align: center; }
.photos ul.thumbs li:hover {  }
.photos ul.thumbs li img { position: absolute; top: -180px; left: -145px; }

/*preload*/
#preloader{display:none;}