@font-face {  
    font-family: "TrojanPro";  
    src: url('../font/TrajanPro-Regular.eot'); /* IE */  
    src: local("kaffeesatz-1"), url('../font/TrajanPro-Regular.otf') format("opentype"); /* non-IE */  
    font-weight: normal;
}

@font-face {  
    font-family: "TrojanPro";  
    src: url('../font/TrajanPro-Bold.eot'); /* IE */  
    src: local("kaffeesatz-1"), url('../font/TrajanPro-Bold.otf') format("opentype"); /* non-IE */  
    font-weight: bold;
}

body { font-family: Georgia, Arial, sans-serif; font-size: 12px; color: #6e011a; background: #fff url('../images/body-bg.png') repeat scroll top left;height: 100%;  }

.clear { clear: both; }

a.button,
button { float: left; display: block; height: 24px; line-height: 24px; background: transparent url('../images/button-bg.png') repeat-x top left; border: 1px solid #f6cb46; color: #f8c541; font-size: 11px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none !important; padding: 0px 10px; }
a.button:hover,
button:hover { text-decoration: underline !important; }

.container { float: left; width: 100%; height: 100%; background: transparent url('../images/container-bg.png') repeat-x scroll top left; }
.header, .content, .footer { margin: 0 auto; width: 960px; text-align: left; }

.header-box { float: left; width: 960px; }
.header-box .logo-box { float: left; width: 960px; height: 142px; }
.header-box .logo-box h1 { float: left; width: 340px; height: 142px; padding: 0px 310px; }
.header-box .logo-box h1 a { display: block; float: left; width: 340px; height: 142px; background: transparent url('../images/logo.png') no-repeat scroll top left; text-indent: -9999px; }

ul.main-menu { float: left; width: 960px; height: 50px; background: transparent url('../images/menu-bg.png') no-repeat scroll top left; }
ul.main-menu li { float: left; width: 192px; height: 44px; padding: 3px 0px; }
ul.main-menu li a { float: left; width: 192px; height: 44px; line-height: 44px; font-family: "TrojanPro", Arial, sans-serif; text-transform: uppercase; text-align: center; color: #f7cf9b; font-size: 18px; font-weight: bold; text-shadow: 2px 2px 1px #0a0a0a; }
ul.main-menu li.active a,
ul.main-menu li a:hover { text-decoration: none; background: transparent url('../images/menu-hover.png') no-repeat scroll top center; }

.footer-box { float: left; width: 960px; height: 104px; margin-bottom: 50px; position: relative; }
.footer-box .footer-bg { position: absolute; top: 0px; left: -20px; padding: 0px 20px; width: 960px; height: 104px; background: transparent url('../images/footer-bg.png') no-repeat scroll top left; }

ul.footer-menu { float: left; width: 960px; height: 50px; }
ul.footer-menu li { float: left; width: 192px; height: 46px; margin: 2px 0px; }
ul.footer-menu li a { float: left; width: 192px; height: 46px; line-height: 44px; font-family: "TrojanPro", Arial, sans-serif; text-transform: uppercase; text-align: center; color: #f7cf9b; font-size: 18px; font-weight: bold; text-shadow: 2px 2px 1px #0a0a0a; }
ul.footer-menu li.active a,
ul.footer-menu li a:hover { text-decoration: none; background: transparent url('../images/footer-menu-hover.png') no-repeat scroll bottom center; }
ul.footer-menu li.last.hover { background: transparent url('../images/footer-menu-hover.png') no-repeat scroll bottom center; }
ul.footer-menu li span { float: left; height: 44px; line-height: 44px; font-family: "TrojanPro", Arial, sans-serif; text-transform: uppercase; text-align: center; color: #f7cf9b; font-size: 18px; font-weight: bold; text-shadow: 2px 2px 1px #0a0a0a; padding: 0px 0px 0px 25px; }
ul.footer-menu li a.facebook { float: left; display: inline; width: 16px; height: 16px; line-height: 16px; font-size: 16px; text-shadow: none; background: transparent url('../images/ico-facebook.png') no-repeat scroll top left; text-indent: -9999px; margin: 14px 5px; }
ul.footer-menu li a.youtube { float: left; display: inline; width: 16px; height: 16px; line-height: 16px; font-size: 16px; text-shadow: none; background: transparent url('../images/ico-youtube.png') no-repeat scroll top left; text-indent: -9999px; margin: 14px 5px; }

.footer-copyright { float: left; padding: 6px 0px 0px 110px; font-size: 9px; color: #c1842f; font-family: Tahoma, Arial, sans-serif;  }
.footer-design { float: right; padding: 6px 110px 0px 0px; font-size: 9px; color: #c1842f; font-family: Tahoma, Arial, sans-serif; }
.footer-design a { color: #c1842f; text-decoration: underline; }
.footer-design a:hover { text-decoration: none; }

.content-box { float: left; width: 958px; margin: 10px 0px; border: 1px solid #000; }
.content-bg { float: left; width: 956px; border: 1px solid #f5a21c; background: #fff; }

ul.sub-menu { float: left; width: 916px; height: 40px; background: #6e011a; border-bottom: 1px solid #f5a21c; padding: 0px 20px; }
ul.sub-menu li { float: left; background: transparent url('../images/submenu-spacer.png') no-repeat top right; }
ul.sub-menu li.last { background: none; }
ul.sub-menu li a { float: left; padding: 16px 20px 8px 20px; height: 16px; text-transform: uppercase; color: #f7cf9b; }
ul.sub-menu li.active a,
ul.sub-menu li a:hover { background: transparent url('../images/submenu-active.png') no-repeat top center; text-decoration: none; }

.content-main { float: left; width: 876px; padding: 40px; }

.text { }
.text h2 { font-size: 30px; color: #f49608; font-weight: normal; padding-bottom: 8px; }
.text h3 { font-size: 18px; color: #f49608; font-weight: normal; padding-bottom: 8px; }
.text p { line-height: 18px; padding-bottom: 18px; }
.text a { color: #f49608; text-decoration: underline; }
.text a:hover { text-decoration: none; }
.text table { width: 100%; margin-bottom: 20px; }
.text table th { padding-bottom: 4px; line-height: 16px; }
.text table td { padding-bottom: 4px; line-height: 16px; }
.text table .col-1 { width: 70%; text-align: left;}
.text table .col-2 { width: 15%; text-align: right; }
.text table .col-3 { width: 15%; text-align: right; }
.col-33 h3 { padding-top: 12px; }
.col-33 h3:first-child { padding-top: 0px; }

.cols { width: 100%; clear: both; }
.col-50 { float: left; width: 45%; padding-right: 5%; }
.col-50.last { width: 45%; padding: 0px; }
.col-33 { float: left; width: 33%; }

.contact-address { float: left; width: 280px; }

.general-form { float: left; width: 876px; }
.general-form .line { float: left; width: 100%; padding-bottom: 8px; }
.general-form .line .line-box { float: left; width: 100%; }
.general-form .line .line-box-50 { width: 433px; padding-right: 10px; }
.general-form .line .line-box-33 { width: 285px; padding-right: 10px; }
.general-form .line .line-box-25 { width: 211px; padding-right: 10px; }
.general-form .line .line-box.last { padding-right: 0px; float: right; }
.general-form .line .line-box .label { float: left; width: 100%; height: 18px; line-height: 18px; padding-bottom: 4px; font-size: 18px; color: #f49608; }
.general-form .line .line-box .input-box { float: left; width: 100%; }
.general-form .line .line-box .input-box input { width: 862px; border: 1px solid #f9ca83; padding: 4px 6px; margin: 0px; color: #999; font-family: Georgia, Arial, sans-serif;}
.general-form .line .line-box .select { float: left; width: 100%; }
.general-form .line .line-box .select select { width: 100%; border: 1px solid #f9ca83; padding: 4px 6px; margin: 0px; color: #999; font-family: Georgia, Arial, sans-serif; }
.general-form .line .line-box .textarea { float: left; width: 100%; }
.general-form .line .line-box .textarea textarea { width: 862px; border: 1px solid #f9ca83; padding: 4px 6px; margin: 0px; color: #999; font-family: Georgia, Arial, sans-serif; }
.general-form .line .line-box-50 .input-box input { width: 419px; }
.general-form .line .line-box-33 .input-box input { width: 271px; }
.general-form .line .line-box-25 .input-box input { width: 197px; }
.general-form .line .line-box-50 .textarea textarea { width: 419px; }
.general-form .line .line-box-33 .textarea textarea { width: 271px; }
.general-form .line .line-box-25 .textarea textarea { width: 197px; }
.general-form .button { float: left; width: 100%; padding-top: 4px; }
.general-form .button button { float: right; }

.contact-form { float: right; width: 500px; }
.contact-form .line .line-box-50 { width: 245px; }
.contact-form .line .line-box-33 { width: 160px; }
.contact-form .line .line-box-25 { width: 117px; }
.contact-form .line .line-box .input-box input { width: 486px; }
.contact-form .line .line-box .textarea textarea { width: 486px; }
.contact-form .line .line-box-50 .input-box input { width: 231px; }
.contact-form .line .line-box-33 .input-box input { width: 146px; }
.contact-form .line .line-box-25 .input-box input { width: 101px; }
.contact-form .line .line-box-50 .select select { width: 245px; }
.contact-form .line .line-box-33 .select select { width: 160px; }
.contact-form .line .line-box-25 .select select { width: 122px; }
.contact-form .line .line-box-50 .textarea textarea { width: 231px; }
.contact-form .line .line-box-33 .textarea textarea { width: 146px; }
.contact-form .line .line-box-25 .textarea textarea { width: 101px; }

.about-us { height: 202px; background: transparent url('../images/about-us-bg.png') no-repeat top left; padding-top: 200px; }
.about-us h2 { padding-bottom: 12px; }
.about-us p { color: #fff; font-size: 13px; line-height: 24px; }

.directions { float: left; width: 876px; margin-top: 10px; }
.directions .details { float: left; width: 876px; text-align: center; font-size: 16px; padding-bottom: 6px; border-bottom: 1px solid #ff9c00; margin-bottom: 6px; }
.directions .details .dir { float: left; width: 400px; }
.directions .details .map { float: right; width: 450px; }
#dir-container { float: left; width: 400px; }
#dir-container td { vertical-align: middle; line-height: 18px; }
#dir-container img { padding: 4px; }
#map-container { float: right; width: 450px; height: 450px; }

.sub-sub-menu { float: left; width: 956px; border-bottom: 1px solid #f5a21c; }
.sub-sub-menu li { float: left; height: 24px; border-right: 1px solid #f5a21c; background: #fff; margin-bottom: -1px; }
.sub-sub-menu li a { float: left; height: 23px; line-height: 23px; border-bottom: 1px solid #f5a21c; padding: 0px 16px; font-family: Tahoma, Arial, sans-serif; color: #9a1d26; }
.sub-sub-menu li.active a,
.sub-sub-menu li a:hover { border-bottom: 1px solid #fff; text-decoration: none; background: transparent url('../images/tabs-selected-bg.png') repeat-x top left; }

.sub-sub-menu li.last { float: right; border: 0px; height: 24px; }
.sub-sub-menu li.last a { float: left; height: 23px; line-height: 23px; border: 0px; padding: 0px 16px; font-family: Tahoma, Arial, sans-serif; color:#F49608; border-bottom: 1px solid #f5a21c; font-size: 11px; text-decoration: none; }
.sub-sub-menu li.last a:hover { border-bottom: 1px solid #f5a21c;  text-decoration: none; background: none; }
.sub-sub-menu li.last a img { vertical-align: middle; }

.tabs-navigation { width: 876px; height: 40px; line-height: 40px; padding: 0px 40px; color: #f49608; font-family: Tahoma, Arial, sans-serif; font-size: 11px; border-top: 1px solid #f49608; }
.tabs-navigation img { vertical-align: middle; padding-right: 6px; }
.tabs-navigation a { color: #f49608; text-decoration: underline; }
.tabs-navigation a:hover { text-decoration: none; }
.tabs-navigation .left { float: left; width: 200px; }
.tabs-navigation .left a { color: #6e011a; }
.tabs-navigation .right { float: right; width: 200px; text-align: right; }
.tabs-navigation .right img { vertical-align: middle; }

.tabs-nav { float: left; width: 476px; text-align: center; padding: 10px 0px; height: 20px; }
.tabs-nav li { display: block; display: -moz-inline-block; display: -moz-inline-box; display: inline-block; zoom: 1; *display: inline; }
.tabs-nav li a { display: block; width: 20px; height: 20px; text-indent: -9999px; background: transparent url('../images/tabs-nav.png') no-repeat center center; }
.tabs-nav a.selected,
.tabs-nav a:hover { background: transparent url('../images/tabs-nav-hover.png') no-repeat center center; }

#slider { float: left; width: 956px; position: relative; }
.tabs-scroll { height: 580px; overflow: auto; position: relative; clear: left; }
/*.slider-buffet .tabs-scroll { background: transparent url('../images/panels/buffet/buffet.png') no-repeat top left; }
.slider-special-cocktail .tabs-scroll { background: transparent url('../images/panels/special/cocktail.png') no-repeat top left; }
.slider-special-dinner .tabs-scroll { background: transparent url('../images/panels/special/dinner.png') no-repeat top left; }
.slider-special-offerings .tabs-scroll { background: transparent url('../images/panels/special/offerings.png') no-repeat top left; }
.slider-special-sweet .tabs-scroll { background: transparent url('../images/panels/special/sweet.png') no-repeat top left; }
.slider-sweet-cocktail .tabs-scroll { background: transparent url('../images/panels/sweet/cocktail.png') no-repeat top left; }
.slider-sweet-dinner .tabs-scroll { background: transparent url('../images/panels/sweet/dinner.png') no-repeat top left; }
.slider-sweet-offerings .tabs-scroll { background: transparent url('../images/panels/sweet/offerings.png') no-repeat top left; }
.slider-sweet-sweet .tabs-scroll { background: transparent url('../images/panels/sweet/sweet.png') no-repeat top left; }
.slider-wedding-cocktail .tabs-scroll { background: transparent url('../images/panels/wedding/cocktail.png') no-repeat top left; }
.slider-wedding-dinner .tabs-scroll { background: transparent url('../images/panels/wedding/dinner.png') no-repeat top left; }
.slider-wedding-offerings .tabs-scroll { background: transparent url('../images/panels/wedding/offerings.png') no-repeat top left; }
.slider-wedding-sweet .tabs-scroll { background: transparent url('../images/panels/wedding/sweet.png') no-repeat top left; }
.slider-bar-cocktail .tabs-scroll { background: transparent url('../images/panels/bar/cocktail.png') no-repeat top left; }
.slider-bar-dinner .tabs-scroll { background: transparent url('../images/panels/bar/dinner.png') no-repeat top left; }
.slider-bar-offerings .tabs-scroll { background: transparent url('../images/panels/bar/offerings.png') no-repeat top left; }
.slider-bar-sweet .tabs-scroll { background: transparent url('../images/panels/bar/sweet.png') no-repeat top left; }*/
.tabs-scroll-container .panel { height: 580px; width: 956px; }
.tabs-scroll-container .panel .panel-content { width: 550px; height: 500px; padding: 40px 366px 40px 40px; overflow: auto; overflow-x: hidden; }
.tabs-scroll-container .panel { }

.event { float: left; width: 956px; height: 442px; }
.event-bg { background: transparent url('../images/events-bg.png') no-repeat top left; }
.event .text { float: left; width: 315px; padding: 40px 0px 0px 40px; text-align: center; }
.event .text p { line-height: 24px; padding-bottom: 0px; }
.event .line-top { float: left; padding: 4px 0px; width: 315px; height: 24px; background: transparent url('../images/top-line.png') no-repeat top left; }
.event .line-bottom { float: left; padding: 4px 0px; width: 315px; height: 24px; background: transparent url('../images/bottom-line.png') no-repeat top left; }
.event a.button { margin: 10px 40px 8px 40px; width: 213px; }
.event #movie { float: right; width: 588px; height: 442px; }

.gallery-main { float: left; width: 360px; height: 402px; padding: 40px 596px 0px 40px; }
.gallery-main .text p { line-height: 24px; }
.gallery-main .text a { text-align: center; width: 140px; margin-bottom: 20px; clear: both; }

.testimonials { float: left; width: 956px; height: 511px; background: transparent url('../images/testimonials.png') no-repeat top left; position: relative; }
.testimonial { position: absolute; }
.testimonial-1 { top: 0px; right: 0px; width: 192px; height: 290px; }
.testimonial-2 { top: 0px; left: 525px; width: 244px; height: 115px; }
.testimonial-3 { top: 0px; left: 0px; width: 192px; height: 280px; }
.testimonial-4 { top: 216px; left: 192px; width: 192px; height: 295px; }
.testimonial-5 { top: 271px; left: 384px; width: 192px; height: 240px; }
.testimonial-6 { top: 190px; left: 584px; width: 184px; height: 320px; }















