*{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-color: #535240; font-family: Georgia; background-image: url('../images/bg.gif'); background-repeat: repeat; margin: 0px; padding: 0;}

/* container */
#container {margin-left: auto; margin-right: auto; width: 975px; border-left: 10px solid #FFFFFF; border-right: 10px solid #FFFFFF; z-index: 2;}

/* header */
#header {background-color: #323126; height: 132px; border-bottom: 1px solid #1e1d17; position: relative;}
#header ul {float: right;position: absolute; top:10px; right:10px;}
#header ul li a {font-family: Times; color: #FFFFFF; font-size: 11px; text-decoration: none; text-transform: uppercase;}
#header ul li {background-image: url('../images/header-divider.gif'); background-position: right; background-repeat: no-repeat; line-height: 16px; list-style-type: none; float:left; padding-left: 10px; padding-right: 10px;}
#header ul li.last {background-image: none;}
#header ul li.active a {color: #B3023B;}
#header ul li.active a:hover {text-decoration: none;}
#header ul li a:hover {text-decoration: underline;}
#header h1 {font-family: Times; font-size: 30px; color: #FFFFFF; font-weight: normal; float: right; margin-top: 65px; margin-right: 20px;}
#header h1 span {font-size: 12px;}
#header img {float: left;}

/* i hate microsoft */
.ie {position: relative; z-index: 2;}

/* menu */
#menu { background-color: #535240; border-bottom: 6px solid #141410; height: 42px; width: 965px; padding-left: 10px;}
#menu li {border-right:1px solid #2b2924; list-style-type: none; float: left;}
#menu li a {font-family: Times; font-size: 12px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding-left: 15px; padding-right: 15px; display: block; line-height: 42px;}
#menu li.active {background-color: #292920; border-top:1px solid #535240; height: 41px;}
#menu li.active a {color: #b3023b;}
#menu li.active li a {color: #FFFFFF;}
#menu li.last {border-right: 0px;}
#menu ul {width: 200px;}
#menu ul li {float: none; background-color: #292920; border-bottom: 1px solid #41413c; height: 30px; line-height: 30px; white-space: nowrap;}
#menu ul li.active {height: 30px; color: #b3023b;}

#menu ul li a {line-height: 30px;}
#menu ul li a:hover {color: #b3023b;}
#menu li.active ul {margin-top: -1px;}
#menu li.active ul li {border-top:0px;}
#menu li.active ul li.active a {color: #b3023b;}

/* content */
#content { background-color: #535240; margin-right: 1px; z-index: 1; position: relative; width: 975px;}

/* left column*/
#content .left {width: 239px; margin-left: 1px; margin-right: 1px; z-index: 1;}

#content .left form {padding: 24px; background-color: #292920; clear: both; position: relative; height:134px;}
#content .left form label {font-family: Georgia; font-size: 12px; color: #666666; display: block; margin-bottom: 8px; clear: both;}
#content .left form h2 {background-image: url('../images/hr-dotted.gif'); background-position: bottom; background-repeat: repeat-x; font-family: Georgia; font-size: 16px; color: #b3023b; padding-bottom: 6px; margin-bottom: 6px;font-weight: normal;}
#content .left form select {width: 104px; margin-bottom: 8px; float: left;}
#content .left form select.small {width: 55px; margin-right: 7px;}
#content .left form a {color: #b3023b; font-family: Arial; font-size: 11px; text-transform: uppercase; float: left; padding-left: 10px; margin-left:5px; background-image: url('../images/arrow.gif'); background-repeat: no-repeat; background-position: left; position: relative;}
#content .left #quick-book div.clear {height: auto; margin: 0px; padding: 0px;}
#content .left form input {width: 198px; margin-bottom: 5px;}
#content .left form input.submit {width: auto;}

#content .left ul {padding-left: 24px; padding-right: 24px; margin-top: 1px; background-color: #cccbc6;}
#content .left ul h2 {font-weight: normal; font-size: 14px; color: #333333; margin-bottom: 5px; padding-top: 20px;}
#content .left ul p {margin-bottom: 5px; font-size: 12px; color: #666666;}
#content .left ul a {font-size: 11px; font-weight: bold; color: #88002c; font-family: Arial; padding-bottom: 12px; display: block; text-decoration: none;}
#content .left ul li {background-image: url('../images/left-hr.gif'); background-position: bottom; background-repeat: repeat-x;}
#content .left ul li.last {background-image: none;}

#content .left ul.buttons {padding: 14px; margin-top: 1px; margin-bottom: 1px; height: auto; background-color: #292920;}
#content .left ul.buttons li {background-color: #cccbc6; font-size: 14px; color: #333333; border-bottom: 10px solid #292920; background-position: 0px 68px;}
#content .left ul.buttons h2 {padding-left: 10px; padding-top: 0px; margin-top: 0px;}
#content .left ul.buttons li img {border:4px solid #f1f2f2;}
#content .left ul.buttons li a {padding-left: 10px; padding-bottom: 10px;}
#content .left ul.buttons li p {padding-left: 10px; padding-top: 6px;}
#content .left ul.buttons a.nopad {padding-left: 0px;}

/* contact sidebar */
#content .left div {height: 35px; line-height: 35px; margin-bottom: 1px; background-color: #292920; text-transform: uppercase; color: #FFFFFF; font-family: Arial; font-size: 11px; text-indent: 16px;}
#content .left div a {color: #B3023B;}
#content .left div.pdf {background-image: url('../images/contact/pdf-icon.gif');background-position: left; background-repeat: no-repeat;}
#content .left div.pdf a {padding-left: 30px;}

/* left wide column */
#content.wide .left {width: 252px;}
#content.wide .right {width: 720px; float: left; overflow: hidden;}

/* right column */
#content .right {width: 733px;}
#content .right h1 { color: #666666; padding: 36px; font-size: 18px; font-weight: normal;}
#content .right h1.home {background-color: #f1f2f2; height:110px;}
#content .right .image { width: 720px; height: 285px; position: relative;}
#content .right .image h1 { width: 680px; height: 50px; background-image: url('../images/70.png'); background-repeat: repeat; padding: 0px; text-transform: uppercase; font-size: 24px; color: #FFFFFF; font-family: Arial; padding-left: 40px; background-color: transparent; line-height: 50px; z-index: 2; position: absolute; bottom:0px; left:0px;}

/* text area */
#content .right .text {font-size: 14px; color: #666666; padding-top: 26px; padding-bottom: 26px; padding-left: 40px; padding-right: 40px;
background-color: #f1f2f2; min-height: 300px;}
#content .right .text p {margin-bottom: 20px;}
#content .right .text hr {margin-top: 20px; margin-bottom: 20px; height: 1px; background-image: url('../images/hr.gif'); background-repeat: repeat-x; border: 0px;}
#content .right .text ul {margin-bottom: 20px; margin-left: 20px;}
#content .right .text ul li {font-size: 12px; list-style-type: disc; margin-bottom: 5px;}
#content .right .text h2 {font-weight: normal; margin-bottom: 10px; font-size: 18px; color: #333333;}
#content .right .text h3 {font-weight: normal; margin-bottom: 10px; font-size: 14px; color: #999999;}
#content .right .text h1 {font-weight: normal; margin-bottom: 10px; font-size: 30px; padding: 0px;}
#content .right .text h1 span {font-size: 18px;}
#content .right .text a {color: #760026;}

#content .right .text form {margin: 40px; font-family: Arial; font-size: 12px; clear: both;}
#content .right .text form input {width: 261px; height: 16px; padding-top: 6px; font-family: Times; margin-right: 0px; padding-left: 5px; font-size: 12px;}
#content .right .text form select {font-size: 12px; font-family: Times; width: 266px; height: 22px;}
#content .right .text form textarea {width: 266px; height: 133px;}
#content .right .text form img {border: 5px solid #FFFFFF; margin-top: 5px;}
#content .right .text form select.small {width: 75px; margin-right: 8px;}
#content .right .text form select.year {margin-right: 0px;}
#content .right .text form #date-pick img {border: 0px; margin-bottom: -4px; margin-left: 2px;} /* calendar */
#content .right .text form td {padding-bottom: 10px;}
#content .right .text form td p {margin-top: 5px;}
#content .right .text form input.phpForms_btn {height: auto;}

#content .right table {font-size: 11px; font-family: Arial; width: 100%; margin-bottom: 40px; }
#content .right table td { line-height: 15px; padding-top: 3px; padding-bottom: 3px;}
#content .right thead td {font-size: 12px; line-height: 25px; background-image: url('../images/hr.gif'); background-repeat: repeat-x; background-position: bottom;}

/*buttons - homepage */
#content .right ul.buttons {background-color: #a2a299; border-top:1px solid #535240; clear: both; width: 733px;}
#content .right ul.buttons h2 {font-family: Arial; font-size: 14px; color: #FFFFFF; text-transform: uppercase; background-color: #302f26; height: 34px; line-height: 34px; width: 367px; margin-bottom: 1px; font-weight: normal; text-indent: 12px;}
#content .right ul.buttons p {font-size: 12px; font-family: Georgia; color: #333333; margin-top: 16px; margin-left: 14px; margin-bottom: 7px;}
#content .right ul.buttons a {font-size: 11px; font-family: Arial; color: #88002c; text-decoration: none; margin-left: 14px; display: block; font-weight: bold; margin-bottom:20px;}
#content .right ul.buttons li {float: left; width: 367px; background-color: #a2a299; overflow: hidden;}
#content .right ul.buttons li.last {width: 366px;}

/* find us */
#map {width:720px; height:285px; position: relative; margin-bottom: 1px;}

/* whats on */
#content .right ul.whats-on {margin: 0px; clear: both; margin-right: 16px;}
#content .right ul.whats-on img {border: 5px solid #FFFFFF; margin-right: 20px; float: left; margin-bottom: 16px;}
#content .right ul.whats-on h2 {margin-bottom: 0px;}
#content .right ul.whats-on li {list-style-type: none; margin: 0px; clear: both; display: block;}
#content .right ul.whats-on div {padding-bottom: 16px; margin-bottom: 16px; background-image: url(../images/hr-dotted.gif); background-position: bottom; background-repeat: repeat-x; width: 416px; float: right; min-height: 90px;}
#content .right ul.whats-on div.clear {background-image: none; padding: 0px; margin: 0px; float: none; min-height: inherit;}

/*online booking */
.booking #content h1 {font-size: 24px; color: #FFFFFF; text-transform: uppercase; height: 51px; font-weight: normal; margin-bottom: 1px; background-color: #191813; line-height: 51px; padding-left: 26px; font-family: Arial; margin-top: 1px;}
.booking #content h2 {color: #666666; font-family: Georgia; font-size: 18px; font-weight: normal; padding: 26px;}
.booking #content .form {background-color: #292920; color: #FFFFFF;}
.booking #content .form form {margin: 40px; font-family: Arial; font-size: 12px; clear: both; margin-left: 66px; margin-right: 66px;}
.booking #content .form form input {width: 261px; height: 16px; margin-right: 0px; padding-top: 6px; padding-left:5px; font-family: Times; }
#content .right .text form select {width: 266px; height: 22px; margin-right: 0px; font-family: Times;font-size: 12px;}
.booking #content .form form textarea {width: 266px; height: 100px;}
.booking #content .form form img {border: 5px solid #FFFFFF; margin-top: 15px;}
.booking #content .form form select.small {width: 80px; margin-right: 13px;}
.booking #content .form form td {padding-bottom: 10px;}
.booking #content .form form td p {margin-top: 5px;}
.booking #content .form form input.phpForms_btn {width: 85px;}
.booking #content .form form a {color: #88002C;}

.booking #content .form ul {clear: both; height: 120px;}
.booking #content .form ul li {background-color: #FFFFFF; width: 360px; float: left; height: 106px;}
.booking #content .form ul li.newsletter {width: 254px; background-color: #292920;}
.booking #content .form ul li.newsletter h2 {padding-left: 10px;}
.booking #content .form ul li img {float: left; margin-right: 10px;}
.booking #content .form ul li p {color: #666666; padding-bottom: 3px; font-size: 12px; margin-right: 10px;}
.booking #content .form ul li a {color: #88002C; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold;}
.booking #content .form ul li div {float: right; width: 242px;}
.booking #content .form ul h2 {color: #88002C; font-size: 14px; text-transform: uppercase; font-family: Arial; padding: 10px; margin: 0px; font-weight: normal; padding-left: 0px;}
.booking #content .form ul form {margin: 0px; padding: 0px 10px 0px 10px;}
.booking #content .form ul form input {width: 198px; height: 18px; border: 1px solid #333333; color: #333333; font-family: Arial; padding-left: 10px; background-color: #000000; margin-bottom: 3px; padding-top: 4px;} 
.booking #content .form ul form input#subscribe {background-color: #292920; border: 0px; color: #88002c; text-align: left; margin: 0px; padding: 0px; height: 15px; font-weight: bold;}

.booking #content .form ul.buttons {padding: 14px; padding-right: 0px; background-color: #535240; height: 170px;}
.booking #content .form ul.buttons img {border: 5px solid #FFFFFF; float: none;}
.booking #content .form ul.buttons li {background-color: #cccbc6; width: 226px; margin-right: 15px; height: 170px;}
.booking #content .form ul.buttons li p {padding-left: 10px; font-family: Arial; margin-top: 5px;}
.booking #content .form ul.buttons li a {padding-left: 10px;}
.booking #content .form ul.buttons li.last {margin-right: 0px;}
.booking #content .form ul.buttons li a.nopad {padding: 0px;}
/* contact us */
body.contact #content .right h2, body.contact #content .right h1 {font-family: Times;}

/* guestbook */
.sign-guestbook {position: absolute; right: 10px; bottom: 10px; z-index: 3}

/* menu */
.prices {clear: both; background-image: url(../images/hr-dotted.gif); background-position: bottom; background-repeat: repeat-x; margin-bottom: 20px; height: 60px;}
.prices p {width: 33%; float: left; text-align: center; background-image: url(../images/hr-dotted.gif); background-position: top; background-repeat: repeat-x; padding-top: 20px;}



/* footer */
#footer {font-size: 10px; color: #FFFFFF; padding-left: 16px; padding-top: 0px;  line-height: 30px; background-color: #535240; clear: both; border-bottom: 10px solid #FFFFFF;}
#footer ul {float: right;}
#footer ul li {float: left;}
#footer a {color: #ef80b3; text-decoration: none; padding-left: 16px; padding-right: 16px;}
#footer a:hover {text-decoration: underline;}