*{margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
a,img {outline: none; border: 0px;}
.clear {clear: both;}
li {list-style-type: none;}
body {background-image: url('../images/bg.gif'); background-repeat:repeat-x; background-position: center; font-family: Arial; background-color: #52555c; min-height: 600px;}
/* container */
#container {left:50%; margin-left:-486px; margin-top:-257px; position:absolute; top:50%; width:973px;}
/* menu */
#menu {width: 240px; height: 515px;float: left; position: absolute; left: 0px; top:0px; z-index: 100; overflow: hidden;}
#menu ul {padding-top: 35px; padding-left: 15px; padding-right: 15px; position: absolute; left: 0px; background-image: url('../images/90.png'); background-repeat: repeat; height: 480px; }
#menu ul li {line-height: 24px; width: 212px; background-position: top; background-repeat: no-repeat;}
#menu ul li a {padding-top: 24px; height: 0px; overflow: hidden; display: block;}
#menu ul li.hr {background-image: url('../images/dotted.gif'); background-repeat: repeat-x; margin-top: 10px; margin-bottom: 13px; height: 1px; line-height: normal; padding: 0px; overflow: hidden;}
#menu ul ul {margin: 0px; display: none; background-image: none; height: auto; width: auto; position: relative; padding:0px;}
#menu ul ul li {padding-left: 40px; width: 172px;}
#menu ul ul li a { color: #FFFFFF; text-decoration: none; padding-top: 0px; overflow: auto; height: 24px; line-height: 24px; font-size: 12px;}
#menu ul ul li.active a {color: #99cccc;}
#menu ul li.active ul {display: block;}
#menu ul li#home {background-image: url('../images/menu/home.png');} 
#menu ul li#subscribe {background-image: url('../images/menu/subscribe.png');}
#menu ul li#eat {background-image: url('../images/menu/eat.png');}
#menu ul li#drink {background-image: url('../images/menu/drink.png');}
#menu ul li#events {background-image: url('../images/menu/events.png');}
#menu ul li#reservations {background-image: url('../images/menu/reservations.png');}
#menu ul li#location {background-image: url('../images/menu/location.png');}
#menu ul li#press {background-image: url('../images/menu/press.png');}
#menu ul li#contact {background-image: url('../images/menu/contact.png');}
#menu ul li#gallery {background-image: url('../images/menu/gallery.png');}
#menu ul li#room {background-image: url('../images/menu/room.png');}
#menu ul li#room:hover,#menu ul li#room.active {background-image: url('../images/menu/room_2.png');} 
#menu ul li#home:hover,#menu ul li#home.active {background-image: url('../images/menu/home_2.png');} 
#menu ul li#subscribe:hover,#menu ul li#subscribe.active {background-image: url('../images/menu/subscribe_2.png');}
#menu ul li#eat:hover,#menu ul li#eat.active {background-image: url('../images/menu/eat_2.png');}
#menu ul li#drink:hover,#menu ul li#drink.active {background-image: url('../images/menu/drink_2.png');}
#menu ul li#events.active, #menu ul li#events:hover {background-image: url('../images/menu/events_2.png');}
#menu ul li#reservations:hover,#menu ul li#reservations.active {background-image: url('../images/menu/reservations_2.png');}
#menu ul li#location:hover,#menu ul li#location.active {background-image: url('../images/menu/location_2.png');}
#menu ul li#press:hover,#menu ul li#press.active {background-image: url('../images/menu/press_2.png');}
#menu ul li#contact:hover,#menu ul li#contact.active {background-image: url('../images/menu/contact_2.png');}
#menu ul li#gallery:hover {background-image: url('../images/menu/gallery_2.png');}
#menu ul li#gallery.active {background-image: url('../images/menu/gallery_2.png');}
/* content */
#content {clear: both; width: 973px; height: 515px; position: relative; overflow: hidden;}
#content .text {float: right; font-size: 14px; color: #FFFFFF;}
#content .text p {margin-bottom: 20px;}
#content .pad {padding: 40px;}
#bg {background-image:url("../images/side.png"); background-position:right center; background-repeat:no-repeat; height:523px; margin-right:-4px; margin-top:-4px; position:absolute; right:0; width:3000px; z-index:-1;}
/* home */
.home #content ul li.home a {background-image: url('../images/menu/home_2.png');}
.home #content .text ul { height: 193px; background-color: #000000; margin-top: 321px;margin-right: 1px; float: right;}
.home #content .text ul li {float: left; position: relative;margin-left: 1px; height: 194px;}
.home #content .text ul li div { background-image: url('../images/button-bg.png'); background-repeat: repeat-x; background-position: bottom;  width: 243px; height: 66px; display: block; position: absolute; left:0px; bottom: 0px;}
.home #content .text ul li div h1 {padding-top: 12px; padding-bottom: 4px; padding-left: 20px; color: #FFFFFF; background-image: url('../images/vert-dotted.gif'); background-repeat: repeat-y; background-position: left; height: 50px; font-size: 24px;}
.home #content .text ul li div h1.first {background-image: none;}
.home #content .text ul li div a {font-size: 11px; font-weight: bold; color: #585c65; text-decoration: none; display: block; margin-top: 5px;}
/* text template C */
#container.text .text {width: 413px; height: 515px; background-color: #000000; position:absolute; right:0; top:0;}
/* text template eat */
#container.text-bottom .text {position: absolute; top:320px; right:0px; width: 732px; height: 195px; background-image: url(../images/70.png);} 
#container.text-bottom .text .pad {padding-top: 26px; }
#container.text-bottom h1 {position: absolute; top:267px; left: 241px;}
#container ul.pdf {width: 240px; background-image: url('../images/dotted.gif'); background-position: bottom; background-repeat: repeat-x; margin-right: 26px; float: left;}
#container ul.pdf li {height: 30px; line-height: 30px; background-image: url('../images/dotted.gif'); background-position: top; background-repeat: repeat-x;}
#container ul.pdf li a {padding-left: 50px; background-image: url('../images/pdf.png'); background-position: left; background-repeat: no-repeat; font-size: 18px; text-decoration: none; color: #FFFFFF;}
#container ul.pdf li a:hover {color: #99cccc;}
#container ul.pdf li a span {font-size: 12px;}
/* headings  */
h1 {font-family:Helvetica, Arial; font-size: 30px; color: #ffffff; font-weight: normal;}
h1.heading {padding-left: 40px; padding-right: 40px; height: 52px; line-height: 52px; font-weight: normal; color: #FFFFFF; background-image: url('../images/80.png');}
h2 {color: #99cccc; font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.text a {color: #99cccc; text-decoration: none;}
a {color: #99cccc;}
/* homepage */
.home #content {background-image: url('../images/photos/gallery/8.jpg'); background-position: top left;}
/* contact */
#container.contact .text {position: absolute; top:0px; right:0px; width: 412px; height: 515px;} 
#container.contact .text .pad {padding: 26px 40px 14px 40px; }
#container.contact .text .pad p {margin-bottom: 0px;}
#container.contact .text .thanks {padding-left: 40px; padding-right: 40px;}
#container.contact .text form {margin-left: 14px; margin-right: 22px;}
#container.contact .text form small {display: block; margin-left: 135px; line-height: 20px; float: left;}
#container.contact .text form label.two {line-height: normal; padding-top: 4px;}
#container.contact .text .address {margin-left: 14px; margin-right: 14px; margin-bottom: 14px; padding: 8px 26px 8px 26px; border-bottom: 1px solid #404349; border-top:1px solid #404349; clear: both; font-size: 12px;}
#container.contact .text .address address {font-style: normal; float: left; width: 160px; font-size: 12px;}
#container.contact .text .address div {float: right;}
#container.contact .text .address div.clear {float: none;}
#container.contact .text fieldset {margin-bottom: 0px;}
#container.contact .text form div.right {width: 240px;}
#container.contact .text form div.right img {margin-left: 0px;}
#container.contact .text form div.right small {margin-left: 0px;}
#container.contact .text form div.right input {width: 100px;}
#container.contact .text form img {margin-left: 4px;}
/* press */
#container.press #content h1 {width: 70px; position: absolute; top:0px; left: 241px;}
#container.press #content {background-image: url(../images/photos/press.jpg);}
#container.press #content #tabs {width: 732px; height: 515px; overflow: hidden; float: right;}
#container.press #content dl.press {width: 732px; float: right; background-image: url(../images/70.png); margin-top: 52px; height: 463px;}
#container.press #content dl.press dd {margin-top: 14px; width: 240px; float: left; color: #FFFFFF; font-size: 12px; margin-bottom: 4px; height: 190px;}
#container.press #content dl.press dd h2 {font-size: 14px; color: #FFFFFF;font-weight: bold; margin-top: 8px; margin-bottom: 4px; margin-left: 24px;}
#container.press #content dl.press dd img {border: 3px solid #666666; margin-left: 14px;} 
#container.press #content dl.press dd a {color: #99cccc; width: 96px; height: 18px; background-image: url('../images/press-pdf.png'); font-size: 11px; text-decoration: none; padding-left: 12px; line-height: 20px; display: block; margin-top: 3px; margin-left: 19px;}
#container.press #content dl.press dd p {margin-left: 24px; margin-bottom: 0px;}
#container.press .ui-tabs-nav {width: 722px; line-height: 30px; font-size: 14px; padding-left:10px;}
/* reservations */
#container.reservations .pad {padding: 31px 40px 14px 40px; width: 652px; float: right; color: #FFFFFF; font-size: 14px;}
#container.reservations .pad span, #container.reservations .pad a {color: #99cccc;}
#container.reservations .book select {width: 110px; float: left; margin-right: 5px;}
#container.reservations .book select.day {width: 60px;}
#container.reservations .book select.year {width: 70px;}
#container.reservations .book input {width: 115px; float: none;}
#container.reservations .book div {float: left; width: auto;}
#container.reservations .book label {width: 100%; display: block;}
#container.reservations .book {border-top:1px solid #404349; border-bottom: 1px solid #404349; margin-left: 12px; margin-right: 12px; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; margin-bottom: 16px;}
#container.reservations .book #date-pick {float: left;}
#container.reservations fieldset input {width: 315px; background-image: url('../images/reservations-input.gif'); height: 19px; margin-bottom: 4px;}
#container.reservations fieldset select {margin-bottom: 4px;}
#container.reservations label {width: 320px; color: #FFFFFF; font-size: 14px; width: 320px; display: block; text-align: left; margin-bottom: 2px; font-size: 12px;}
#container.reservations label.two {line-height: normal; margin-bottom: 6px; margin-top: 2px;}
#container.reservations fieldset {padding-left: 40px; padding-right: 40px;}
#container.reservations form {width: 732px; float: right;}
#container.reservations form div {width: 320px; float: left;}
#container.reservations form div.right {float: right;}
#container.reservations form div.right div.right {width: 120px;}
#container.reservations form div.right div.right .short {width: 190px;}
#container.reservations form div.right div.left .short {width: 190px;}
#container.reservations select {width: 320px;}
#container.reservations textarea {width: 310px; height: 88px; background-image: url(../images/reservations-textarea.gif)}
#container.reservations textarea.short {height: 68px;}
#container.reservations  hr {border:0px; border-top:1px solid #404349; background-color:transparent; color: #404349; height: 1px; margin-top: 10px; margin-bottom: 20px; margin-right: -26px;}
#container.reservations .submit {position: absolute; bottom:25px; left:615px;}
#container.reservations select {margin-bottom: 10px;}
#container.reservations select.short {width: 75px; margin-right: 7px; float: left; margin-left: 0px;}
/* forms */
label {width: 130px; float: left; line-height: 26px; margin-bottom: 4px; text-align: right; font-size: 12px;}
fieldset {border:0px; margin-bottom: 8px;}
fieldset input {border: 0px; background-image: url('../images/input.gif'); width: 236px; padding-left: 5px; padding-top: 3px; height: 23px; float: right; margin-bottom: 4px;}
fieldset select {width: 242px; float: right; margin-bottom: 4px; height: 24px; padding-top: 2px;}
fieldset select.short {width: 67px; margin-left: 7px;}
fieldset select.medium {width: 121px; margin-right: 121px}
fieldset input.medium {width: 110px;}
fieldset div.right {width: 120px;}
fieldset div.right small {margin-left: 0px;}
textarea {background-image: url('../images/textarea.gif'); height: 66px; width: 231px; padding: 5px; border: 0px; font-family: Arial; float: right; margin-bottom: 4px; font-size: 12px;}
input.submit {float: right;}
form span {color: #99cccc;}
#date-pick {margin-top: 5px; float:right;}
/* footer */
#footer { text-align: right; clear: both; font-size: 12px; color: #FFFFFF;padding-right: 12px;}
#footer #logo {margin-left: 40px; margin-top: 10px; float: left;}
#footer a {color: #ff66cc; text-decoration: none;} 
#footer div {float: right; margin-top: 10px; line-height: 25px;}
/* gallery */
#slideshow {width: 973px; height: 515px; overflow: hidden; background-color: #000000;}
#menu .arrow {display: none;} 
#menu.active .arrow {position: absolute; left: 0px; top:242px; width: 20px; height: 30px; background-image: url('../images/arrow.png'); display: block;}
/* location */
#map {width: 973px; height: 515px;}
/* Dialog */
#dialog-form {display: none;}
.ui-widget-overlay {background-color: #000000; position: absolute; left:0px; top:0px; 
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
	}
.ui-dialog { position: absolute;  width: 446px; overflow: hidden; background-color: #000000; color: #FFFFFF; font-size: 14px; border: 3px solid #666666; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-bottom: 20px; height: 350px;}
.ui-dialog img {padding-left: 30px; padding-top: 30px; text-align: left; padding-bottom: 14px;}
.ui-dialog form {padding-left: 36px; padding-right: 36px; clear: both;}
.ui-dialog a {color: #FFFFFF; font-size: 11px; margin-left: 100px; float: right;}
.ui-dialog p {padding-left: 36px; padding-right: 36px; padding-bottom: 20px;}
#ui-dialog-title-dialog-form {display: none;}
.ui-dialog-titlebar {position: absolute; top:12px; right:12px; z-index: 2;}
.ui-dialog-titlebar-close {width: 23px; height: 23px; background-image: url('../images/close.gif'); display: block;}
.ui-dialog .ui-dialog-content { position: relative; width: 446px;  }
.ui-icon-closethick {display: none;}
.ui-dialog input.submit {margin-left: 150px; float: none;}
.ui-dialog select {width: 242px; float: right; margin-bottom: 4px; height: 24px; padding-top: 2px;}
.ui-dialog div.subscribe {height: 350px; display: block;}
.ui-dialog div.hide {height: 170px; display: none;}
/* Tabs */
.ui-tabs {zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position:absolute; bottom:0px; height: 30px; background-color: #000000; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; width:30px; text-align: center; }
.ui-tabs .ui-tabs-nav li a {text-decoration: none; color: #333333; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #99cccc; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }