@charset "utf-8";
html {
overflow: auto;
margin: 0px;
height: auto;
width: auto;
}
*{
padding:0px;
margin:0px;}
body { font-family: Arial, Helvetica, sans-serif; color: #fff; width: 100%; margin: 0 auto; background: url(images/bg.jpg) no-repeat top center #200a0d; }
a { outline: none; color: #0033cc; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
ul { list-style: none inside; }
h1 { float: left; width: auto; font-size: 18px; color: #fff; display: block; }
h2 { float: left; width: auto; font-size: 18px; color: #fff; display: block; }
/*global*/
#siteContainer{ width: 956px; min-height: 703px; height: auto; margin-left: auto; margin-right: auto; position: relative; z-index: 0; }
#headerTop { width: 100%; }
#headerTop img { display: block; width: 274px; height: 114px; position: absolute; z-index: 2; top:6px; left: -24px; }
#headerTop ul { display: block; float: left; width: 614px; margin-left: 318px; padding-left: 8px; height: 37px; }
#headerTop ul li { display: inline; float: left; }
#headerTop ul li { height: 37px; margin-right: 14px; }
#headerTop ul li a { background-position: top; float: left; text-indent: -9999px; height: 37px; }
#headerTop ul li.home a { background: url(images/b-home.png) no-repeat; width: 63px; }
#headerTop ul li.events a { background: url(images/b-events.png) no-repeat; width: 67px; }
#headerTop ul li.menu a { background: url(images/b-menu.png) no-repeat; width: 64px; }
#headerTop ul li.catering a { background: url(images/b-catering.png) no-repeat; width: 81px; }
#headerTop ul li.weddings a { background: url(images/b-weddings.png) no-repeat; width: 94px; }
#headerTop ul li.contact a { background: url(images/b-contact.png) no-repeat; width: 76px; }
#headerTop ul li a:hover { background-position: bottom; }
#headerTop ul li.last { margin-right: 0px; }
#address { display: block; width: 160px; position: absolute; z-index: 3; top: 154px; left: 18px; }
#address span { float: left; margin-top: 6px; font-size: 13px; color: #ca9020; width: 100%; }
#address strong { font-size: 16px; float: left; }
#address a { font-size: 12px; float: left; color: #ffe8c2; margin-top: 8px; text-decoration: none; }
#address a:hover { text-decoration: underline; }
#light img { display: block; width: 197px; height: 163px; position: absolute; z-index: 100; top: 40px; right:36px; }
#content-box { display: block; position: absolute; z-index: 2; width: 460px; padding: 16px 20px 16px 20px; background: url(images/trans.png); border: 2px solid #b57b0b; top: 140px; right: 102px; max-height: 310px; overflow-x: hidden; overflow-y: auto; }
#content { float: left; width: 460px; }
#content p.home-text { margin-top: 14px; float: left; font-size: 12px; color: #c2c2c2; width: 100%; }
#content p.booking-text { margin-top: 6px; float: left; font-size: 11px; color: #c2c2c2; width: 100%; }
#content ul { display: block; float: right; margin-top: 20px; }
#content ul li { display: inline; float: left; }
#content ul li a { float: left; font-size: 14px; color: #fff; text-decoration: none; }
#content ul li p a { float: left; height: 26px; width: 100%; font-size: 11px; color: #8a8a8a; }
#content ul li.twitter { width: 140px; background: url(images/twitter.png) no-repeat 0px 3px; padding-left: 52px; }
#content ul li.facebook { width: 150px; background: url(images/facebook.png) no-repeat top left; padding-left: 38px; }
#content ul li a:hover { text-decoration: underline; }
#content-bottom { position: absolute; background: url(images/bg-mailer.png) no-repeat top left; z-index: 100; top: 496px; right: 164px; width: 402px; height: 143px; padding: 16px 20px 16px 20px; }
#content-bottom span { margin-top: 10px; font-size: 12px; color: #c2c2c2; display: block; float: left; width: 330px; }
#content-bottom a { margin-top: 16px; display: block; float: left; width: 102px; height: 21px; background: url(images/b-try.png) no-repeat top left; font-size: 14px; font-weight: bold; color: #6e0000; padding-top: 6px; text-align: center; }
#content-bottom a:hover { background-position: bottom }
/*home*/
#home-over img { display: block; width: 212px; height: 104px; position: absolute; top: 40px; left:281px; }
.slideShow { display: block; position: absolute; z-index: 2; width: 264px; top: 313px; left: 54px; height: 326px; }
.slideShow img { width: 264px; height: 326px; }
/*events*/
#events-over img { display: block; width: 284px; height: 104px; position: absolute; top: 40px; left:300px; }
#content p.events-text { margin-top: 16px; float: left; font-size: 12px; color: #c2c2c2; width: 276px; }
#content img { display: block; float: right; width: 163px; padding-top: 16px; }
#content-bottom a.try { margin-top: 16px; display: block; float: left; width: 159px; height: 21px; background: url(images/b-book.png) no-repeat top left; font-size: 14px; font-weight: bold; color: #6e0000; padding-top: 6px; text-align: center; }
#content-bottom a.try:hover { background-position: -1px -27px; }
#content-box-left { display: block; position: absolute; z-index: 2; width: 246px; padding: 10px 8px 10px 8px; background: url(images/trans.png); border: 2px solid #b57b0b; top: 303px; left: 54px; height: auto; max-height: 312px; }
h2.booking { float: left; font-size: 14px; padding: 4px 8px 4px 8px; width: 100%; }
p.booking-info { float: left; font-size: 12px; line-height: 18px; padding: 4px 8px 4px 8px;}
#events-scroll { width: 246px; overflow-x: hidden; overflow-y: auto; max-height: 280px; }
#content-left { float: left; width: 256px; }
#content-left h2 { padding-left: 14px; padding-bottom: 12px; }
#content-left p.home-text { margin-top: 14px; float: left; font-size: 12px; color: #c2c2c2; width: 100%; }
#content-left ul { display: block; float: right; margin-top: 20px; }
#content-left ul li { display: inline; float: left; }
#content-left ul li a { float: left; font-size: 14px; color: #fff; text-decoration: none; }
#content-left ul li p a { float: left; height: 26px; width: 100%; font-size: 11px; color: #8a8a8a; }
#content-left ul li.twitter { width: 140px; background: url(images/twitter.png) no-repeat 0px 3px; padding-left: 52px; }
#content-left ul li.facebook { width: 150px; background: url(images/facebook.png) no-repeat top left; padding-left: 38px; }
#content-left ul li a:hover { text-decoration: underline; }
.event-item { margin-bottom: 12px; font-size: 12px; padding: 8px; float: left; width: 248px; background-color: #000; border-top: 1px solid #5c5656; border-bottom: 1px solid #5c5656; }
.event-item:hover { background-color: #232323; }
.event-item span { width: 218px; float: left; display: block; }
.event-item p { margin-top: 3px; color: #a3a3a3; float: left; width: 218px; font-size: 11px; display: block; }
/*menu*/
#menu-over img { display: block; width: 274px; height: 104px; position: absolute; top: 40px; left:378px; }
#content-menu { float: left; width: 460px; }
#content-menu p.menu-text { margin-top: 14px; float: left; font-size: 12px; color: #c2c2c2; width: 100%; }
#content-box-menu { display: block; position: absolute; z-index: 2; width: 460px; padding: 16px 20px 16px 20px; background: url(images/trans.png); border: 2px solid #b57b0b; top: 140px; right: 192px; height: 386px; overflow-x: hidden; overflow-y: auto; }
#content-menu-bottom { position: absolute; background: url(images/bg-menu-bottom.png) no-repeat top left; z-index: 100; top: 581px; right: 230px; width: 434px; height: 60px; padding: 14px 16px 16px 16px; }
#content-menu-bottom span { margin-top: 10px; font-size: 12px; color: #c2c2c2; display: block; float: left; width: 330px; }
#content-menu-bottom a { margin-top: 16px; display: block; float: left; width: 102px; height: 21px; background: url(images/b-try.png) no-repeat top left; font-size: 14px; font-weight: bold; color: #6e0000; padding-top: 6px; text-align: center; }
#content-menu-bottom a:hover { background-position: bottom }
#content-box-left-menu { display: block; position: absolute; z-index: 2; width: 170px; padding: 10px 8px 10px 8px; background: url(images/trans.png); border: 2px solid #b57b0b; top: 303px; left: 54px; height: auto; max-height: 312px; }
#content-left-menu { float: left; width: 100px; }
#content-left-menu ul { display: block; float: left; }
#content-left-menu ul li { line-height: 24px; background: url(images/bullet.png) no-repeat 7px 9px; padding-left: 22px; display: inline; float: left; }
#content-left-menu ul li a { width: 148px; font-size: 14px; float: left; font-size: 14px; color: #fff; text-decoration: none; }
#content-left-menu ul li:hover { background-color: #320606; }
#content-left-menu ul li.active { background-color: #721919; }
/*gallery*/
#gallery-over img { display: block; width: 289px; height: 104px; position: absolute; top: 40px; right: 214px; z-index: 2000; }
#content-box-gallery { display: block; position: absolute; z-index: 2; width: 710px; padding: 10px 20px 16px 20px; background: url(images/bg-gallery.png) no-repeat top left; top: 140px; right: 96px; height: 480px; }
#content-gallery { float: left; width: 640px; padding-left: 20px; padding-top: 2px; }
#content-gallery p.gallery-text { background: url(images/trans.png); border: 1px solid #555; padding: 6px; margin-left: 10px; margin-top: 10px; float: left; font-size: 12px; color: #fff; width: 360px; display: inline; }
#content-gallery h1 { padding-left: 52px; background: url(images/photo.png) no-repeat 14px -6px; }
#content-gallery ul { z-index: 3000; float: left; margin-left: 10px; display: inline; margin-top: 10px; background: url(images/trans.png); border: 1px solid #555; padding: 6px 3px 6px 3px; }
#content-gallery ul li { float: left; display: inline; font-size: 12px; }
#content-gallery ul li.pagination { font-size: 12px; padding-left: 4px; padding-right: 8px; }
#content-gallery ul li a { padding: 3px 6px 3px 6px; background-color: #333; margin-right: 3px; color: #fff; font-weight: bold; }
#content-gallery ul li.active-page a { background-color: #c2181a; }
#content-gallery ul li.active-page a:hover{ background-color: #c2181a; }
#content-gallery ul li a:hover { text-decoration: none; background-color: #555; }
#content-gallery ul li.last-page a { margin-right: 0px; }
ul.gallery-list { display: block; margin-top: 18px; margin-left: 31px; float: left; }
ul.gallery-list li { display: inline; float: left; width: 100px; height: 100px; padding: 3px; border: 2px solid #a41214; margin-right: 22px; }
ul.gallery-list li a { text-indent: -9999px; }
ul.gallery-list li:hover { border: 2px solid #c9060a; }
ul.gallery-list li.last-gallery { margin-right: 0px; }
/*catering*/
#catering-over img { display: block; width: 304px; height: 144px; position: absolute; top: 40px; right:204px; z-index: 2000; }
#content-box-catering { display: block; position: absolute; z-index: 2; width: 440px; padding: 30px 20px 16px 40px; background: url(images/bg-catering.png) no-repeat top left; top: 170px; left: 102px; height: 280px; overflow-x: hidden; overflow-y: auto; }
#content-box-catering p.events-text { margin-top: 16px; float: left; font-size: 12px; color: #c2c2c2; width: 430px; }
#content-bottom-catering { display: block; position: absolute; z-index: 2; width: 456px; padding: 16px 20px 16px 20px; background: url(images/trans.png); border: 2px solid #b57b0b; top: 516px; left: 102px; max-height: 310px; overflow-x: hidden; overflow-y: auto; }
#content-bottom-catering span { margin-top: 10px; font-size: 12px; color: #c2c2c2; display: block; float: left; width: 430px; }
#content-bottom-catering a.try { margin-top: 16px; display: block; float: left; width: 159px; height: 21px; background: url(images/b-book.png) no-repeat top left; font-size: 14px; font-weight: bold; color: #6e0000; padding-top: 6px; text-align: center; }
#content-bottom-catering a.try:hover { background-position: -1px -27px; }
#content-box-catering h1 { padding-top: 3px; }
.slideShow-right { display: block; position: absolute; z-index: 2; width: 250px; top: 170px; right: 86px; height: 312px; }
.slideShow-right img { width: 250px; height: 312px; }
/*weddings*/
#weddings-over img { display: block; width: 318px; height: 104px; position: absolute; top: 40px; right:96px; z-index: 2000; }
/*Contact*/
#contact-over img { display: block; width: 292px; height: 104px; z-index: 800; position: absolute; top: 40px; right:9px; }
#content-box-contact { display: block; position: absolute; z-index: 2; width: 460px; padding: 20px 20px 16px 20px; background: url(images/bg-contact.png); top: 140px; right: 102px; height: 449px; }
#message-sent { float: left; font-size: 13px; padding: 4px 0px 0px 32px; width: 350px; margin-top: 8px; height: 21px; background: url(images/check.png) no-repeat top left; }
#contact-form { font-size: 12px; font-weight: bold; margin-top: 14px; float: left; }
#booking-form { font-size: 12px; font-weight: bold; margin-top: 16px; float: left; }
.input-form { color: #fff; width: 370px; padding: 4px; margin-top: 12px; margin-bottom: 14px; background-color: #190504; border: 2px solid #71110d; }
.input-form:focus { border: 2px solid #b8140d; }
.input-booking { color: #fff; width: 370px; padding: 2px; margin-top: 5px; margin-bottom: 8px; background-color: #190504; border: 2px solid #71110d; }
.input-booking:focus { border: 2px solid #b8140d; }
#contact-form textarea { font-size: 12px; font-family: Arial, Helvetica sans-serif; height: 100px; width: 370px; color: #fff; padding: 4px; margin-top: 12px; margin-bottom: 14px; background-color: #190504; border: 2px solid #71110d; }
#contact-form textarea:focus { border: 2px solid #b8140d; }
#booking-form textarea { font-size: 12px; font-family: Arial, Helvetica sans-serif; height: 100px; width: 370px; color: #fff; padding: 4px; margin-top: 5px; margin-bottom: 8px; background-color: #190504; border: 2px solid #71110d; }
#booking-form textarea:focus { border: 2px solid #b8140d; }
ul.profile { padding: 6px 0px 2px 6px; display: block; width: 238px; border: 1px solid #333; float: left; margin-top: 10px; }
ul.profile.top-profile { margin-top: 0px; }
ul.profile:hover { border: 1px solid #555; }
ul.profile li { display: inline; float: left; }
ul.profile li.avatar { width: 70px; }
ul.profile li.avatar-text { width: 100px; font-size: 14px; }
/*Footer*/
#footer { background: url(images/fierce.gif) no-repeat top left; position: relative; padding: 5px 0px 10px 104px; color: #fff; height: 20px; font-size: 12px; width: 856px; margin-left: auto; margin-right: auto; bottom: 0px; }
#fierce { width: 90px; height: 25px; position: absolute; top: 0px; left: 0px; text-indent: -9999px; }
#hideme { display: none; }
#hiddenform { width: 396px; min-height: 216px; height: auto; position: relative; float:left; }
/*Ajax Form*/
.ajaxForm { float:left; background: url(images/bg-form.jpg) no-repeat 0 0 #60080b; width: 396px; min-height: 216px; height: auto; position: relative; color: #fff; }
.ajaxForm-thanks { float:left; background: url(images/bg-form.jpg) no-repeat 0 0 #60080b; min-height: 90px; width: 396px; position: relative; color: #fff; }
p.thanks { padding-bottom: 6px; border-bottom: none; }
.addPadding { padding: 10px 10px 0px 10px; }
.contact-head { float: left; display: inline; width: 320px; margin-left: 10px; border-bottom: 1px dotted #ba7b0a; }
.contact-head p { font-size: 11px; color: #fff; padding: 4px 0px 4px 0px; }
#contact-form { clear: both; float: left; margin: 10px; width: 320px; }
#contact-form label { float: left; display: block; padding-bottom: 2px; width: 100%; clear: both; height: 20px; }
#contact-form sup { color: #b57b0b; }
.field { width: 310px; padding: 3px; border: 2px solid #1b0505; background-color: #fff; clear: both; }
.field:focus { border: 2px solid #b57b0b; }
.submit { margin-top: 8px; margin-bottom: 10px; }