* {
outline: none;
}
body {
padding: 0px;
margin: 0px;
background: #1b1613;
color: #af9c91;
font-size: 62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2 {
margin: 0px;
padding: 0px;
color: #fff;
font-size: 1.8em;
line-height: 1em;
text-transform: uppercase;
font-weight: normal;
}
#content h2 {
margin-bottom: 20px;
}
#inner h2 {
color: #fff;
}
.clear {clear:both;}
a img {border:0px none;}
a {color:#fff;}
#header_wrap {
height: 115px;
background-color: #f6f7f3;
width: 100%;
}
#header {
width: 960px;
margin: 0 auto;
position: relative;
}
#header h1 {
margin: 0px auto;
padding: 20px 0px 0px;
display:block;
width: 184px;
height: 77px;
}
#header h1 a {
display: block;
width: 184px;
height: 77px;
text-indent: -9999px;
overflow: hidden;
background:url(images/logo.png) no-repeat;
}
#header a.book_top {
width: 100px;
position: absolute;
right: 0px;
top: 0px;
padding: 30px 10px 40px;
text-align: center;
display: block;
font-size: 1.4em;
color: #433832;
text-decoration: none;
text-transform: uppercase;
background:url(images/book_bottom.png) bottom no-repeat #e2ddcf;
}
#navigation {
background-color: #1b1613;
width: 100%;
padding: 0px;
}
#navigation ul {
font-size: 1.2em;
text-transform: uppercase;
width: 980px;
margin: 0 auto;
padding: 0px;
list-style: none;
}
#navigation ul li {
float: left;
padding: 0px;
margin: 0px;
}
#navigation ul li a {
color: #ffffff;
text-decoration: none;
display:block;
padding: 10px 9px;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus, .sf-menu > li:hover > a, .sf-menu > li.sfHover > a {  
background-color:#2c2422!important;
}
#mast {
background:url(images/mast_bg.jpg) repeat-x;
}
#slides {
width: 960px;
margin: 0 auto;
position:relative;
}
#slides .slide_open {
width: 836px;
height:368px;
float: left;
}
#slides .slide_closed {
width: 21px;
border-right: 1px solid #fff;
background-color: #d9d3c0;
padding: 20px;
color: #665854;
float: left;
font-size: 1.4em;
height: 328px;
text-transform:uppercase;
overflow: hidden;
}
#slides .slide_closed a {
color:  #665854;
text-decoration:none;
}
#slides .slide_closed a:hover {
color:#fff;
}
#slides .slide_text {
display: block;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg);
writing-mode: lr-tb;
width: 328px;
height: 328px;
}
#main_wrap {
background:url(images/middle_bg.png) repeat-y top;
padding: 40px 0px 30px;
}
#main {
width: 960px;
margin: 0px auto;
}
#main .main_left, #main .main_right {
width: 450px;
float: left;
font-size: 1.2em;
line-height: 1.4em;
}
#main .main_right {
float: right;
}
#subfooter {
width: 990px;
margin: 50px auto 60px;
}
#subfooter .sub_block, #footer .footer_block {
width: 296px;
margin: 0 17px;
float:left;
}
#subfooter a.section_block {
text-decoration: none;
}
#subfooter a.section_block, #subfooter a.section_block img {
display: block;
padding: 0px;
margin: 0px;
border: 0px none;
}
#subfooter a.section_block .section_text {
display: block;
padding: 10px 20px;
font-size: 1.4em;
text-transform: uppercase;
color: #f6f7f3;
text-decoration: none;
background-color: #2f2320;
width: 256px;
height: 15px;
}
#footer {
width: 990px;
margin: 0 auto 60px;
}
#footer h5 {
font-size: 1.8em;
line-height: 1.0em;
color: #fff;
font-weight: normal;
padding: 0px;
margin: 0px;
margin-bottom: 20px;
}
#footer ul {
font-size: 1.2em;
padding: 0px;
margin: 0px;
list-style: none;
}
#footer ul.no_head {
padding-top: 38px;
}
#footer ul li {
display: block;
padding: 10px 0px;
border-bottom: 1px solid #393732;
}
#footer ul li:last-child {
border-bottom: none;
}
#inner #content_wrap {
background:url(images/mast_bg_inner.png) repeat-x top;
}
#inner #content {
width: 960px;
padding: 60px 25px 30px;
margin: 0 auto;
background-color: #1b1613;
color: #AF9C91;
font-size: 1.2em;
line-height: 1.4em;
}
#inner #content .sidebar_left {
float: left;
width: 250px;
}
#inner #content .content_right {
width: 680px;
float: right;
}
#inner #content .sidebar_right {
float: right;
width: 250px;
}
#inner #content .content_left {
width: 680px;
float: left;
}
.columns_2 {
-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	}
.columns_3 {
-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	}
.columns_2 p:first-child, .columns_3 p:first-child {
margin-top: 0px;
}
#inner #content .mainimage {
margin-bottom: 20px;
}
#inner #sub_wrapper {
padding: 40px 0px;
background-color: #2c2422;
width: 100%;
margin-bottom: 40px;
}
#inner #subcontent {
width: 960px;
margin: 0 auto;
}
#inner #subcontent .bookingform {
width: 680px;
float: right;
padding: 0px;
margin: 0px;
font-size: 1.2em;
}
.bookingform select {
border: 0px none;
line-height: 1.5em;
padding: 5px;
}
#subcontent h4 {
font-size: 1.6em;
font-weight: normal;
line-height: 1.0em;
padding: 0px;
margin: 0px;
color: #fff;
text-transform: uppercase;
margin-bottom: 10px;
}
.bookingform select.long {
width: 200px;
margin-right: 15px;
margin-bottom: 15px;
}
.bookingform select.med {
width: 144px;
margin-right: 15px;
margin-bottom: 15px;
}
.bookingform select.short {
width: 91px;
margin-right: 14px;
margin-bottom: 10px;
}
.bookingform input[type=submit] {
background-color: #d9d3c0;
color: #433832;
border: 0px none;
cursor: pointer;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 5px 15px;
margin-left: 1px;
width: 200px;
text-transform: uppercase;
}
.bookingform input[type=submit]:hover {
background-color: #1B1613;
color: #fff;
}

#inner ul.subnav {
padding: 0px;
margin: 0px;
list-style: none;
margin-bottom: 20px;
margin-top: 20px;
}
#inner ul.subnav li {
padding: 0px;
margin: 0px;
margin-bottom: 5px;
text-transform: uppercase;
}
#inner ul.subnav li a {
display: block;
background-color: #2c2422;
color: #af9c91;
padding: 5px 15px;
text-decoration: none;
}
#content h2 {
font-size: 1.6em;
}
#content .breadcrumbs {
height: 14px;
padding-top: 2px;
margin-bottom: 20px;
text-transform: uppercase;
color: #b6a986;
}
#inner ul.subnav li a:hover {
background-color: #b6a986;
color: #2c2422;
}

#inner .sidebar_left .side_block, #content .content_block {
padding: 15px;
background-color: #2c2422;
margin-bottom: 20px;
}
#roominfo {
width: 680px;
margin-bottom: 30px;
height: 295px;
background-color: #2c2422;
}
#roominfo, .roomlist {
width: 680px;
margin-bottom: 30px;
height: 295px;
background-color: #2C2422;
}
#roominfo h2, .roomlist h2 {
font-size: 1.6em;
}
.roomimages {
width: 385px;
height: 295px;
float: left;
position: relative;
}
.roomimages ul {
padding: 0px;
margin: 0px;
}
li.room-pic {
width: 385px;
height: 295px;
float: left;
list-style: none;
padding: 0px;
margin: 0px;
}
.prev {
display: none;
}
.roomimages a.button, .roomlist a.button, .next a {
display: block;
width: 60px;
padding: 10px;
text-align: center;
background-color: #b6a986;
color: #1b1613;
text-transform: uppercase;
text-decoration: none;
position:absolute;
z-index: 20;
right: 0px;
bottom: 0px;
cursor: pointer;
}
.roomtext {
width: 250px;
padding: 20px;
float: right;
color: #d4d4d4;
}
.roomlist {
margin-bottom: 15px;
height: 175px;
position: relative;
}
.roomlist .roomimages {
width: 200px;
height: 175px;
}
.roomlist .roomtext {
width: 440px;
}

.room_features {
width: 385px;
float: left;
}
.room_features ul {
list-style: none;
padding: 0px;
margin: 0px;
width: 385px;
}
.room_features ul li {
padding: 10px;
width: 160px;
margin-right: 25px;
float: left;
border-bottom: 1px solid #5b5551;
}
.room_features ul li:nth-child(even) {
margin-right: 0px;
}
#roominfo .roomtext {
width: 250px;
padding: 20px;
float: right;
font-size:
}
.testimonial {
width: 270px;
float: right;
}
.testimonial blockquote {
padding: 0px;
margin: 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
line-height: 1.4em;
color: #c7bfa8;
font-style:italic;
}
a.morelink {
display:block;
padding: 9px 0px;
border-top: 1px solid #5B5551;
border-bottom: 1px solid #5B5551;
color: #af9c91;
text-decoration: none;
margin-top: 10px;
text-transform: uppercase;
}
a:hover.morelink {
color: #fff;
}
#timeline {
width: 680px;
background:url(images/timeline_bg.png) bottom repeat-x;
position: relative;
margin-bottom: 25px;
}
#timeline .timeline_item {
padding: 0px 20px 30px 30px;
width: 120px;
float: left;
}
#timeline .timeline_item .timeline_date {
font-size: 2.6em;
color: #695853;
}
#timeline .timeline_item .timeline_info {
color: #fff;
font-size: 0.9em;
}
#timeline .timeline_active {
background:url(images/timeline_arrow.png) bottom no-repeat;
}
#timeline a.timeline_prev, #timeline a.timeline_next {
display: block;
width: 18px;
height: 18px;
text-indent: -9999px;
background:url(images/history_arrow_left.gif) no-repeat;
overflow: hidden;
cursor: pointer;
position: absolute;
left: 0px;
top: 0px;
}
#timeline a.timeline_next {
background-image:url(images/history_arrow_prev.gif);
right: 0px;
left:auto;
}
.img_left {
float: left;
margin-right: 25px;
margin-bottom: 25px;
}
#inner .mainimage {
display:block;
margin-bottom: 25px;
}
#inner .historyimage {
display:block;
margin-bottom: 0px;
}
.package {
padding: 15px;
background-color: #2C2422;
margin-bottom:20px;
-moz-column-count: 1 !important;
-webkit-column-count: 1 !important;
column-count: 1 !important;
}
.package h3 {
margin-top:0px;
color:#fff;
}
.menu_section {
margin-bottom:20px;
padding-bottom: 20px;
border-bottom: 1px solid #bebebe;
line-height: 1.5em;
width: 70%;
position:relative;
}
.menu_section h1 {
font-size: 1.6em;
margin-bottom:20px;
font-weight:normal;
text-transform:uppercase;
color:#fff;
}
.menu_section a.top {
display: block;
text-indent: -9999px;
position: absolute;
right: 0px;
bottom: 0px;
width: 92px;
height: 16px;
cursor:pointer;
overflow: hidden;
outline: none;
background:url(images/top.png) no-repeat;
}
.menusub {
color: #9B9B9B;
font-style: italic;
margin-bottom: 20px;
}
.menu_item {
padding-bottom: 15px;
padding-right: 60px;
position:relative;
}
.menu_item strong {
font-size: 1.17em;
}
.menu_item .price {
position:absolute;
right:0px;
top: 0px;
color: #fff;
font-weight: bold;
}
.gal_sub h2 { color:#fff!important;}
.gal_sub a {
font-size: 12px !important;
color:#d4d4d4 !important;
border-bottom: 1px solid #383844 !important;
padding-left:20px!important;
background:url(images/galnavbul.png) left no-repeat;
}
.gal_sub a:hover {
color:#fff !important;
border-bottom-color:#fff !important;
}
.item {
padding: 15px 0px;
border-bottom:1px solid #d8d8d8;
}
.contactform, .contact_details {
width: 360px;
float:left;
margin-bottom:20px;
}
.contact_pic, .contact_map {
width:300px;
float:right;
margin-bottom:20px;
}
.contact_details {
clear:both;
}
.contactform {
padding: 0px;
margin: 0px 0px 40px;
}
.contactform ul, .contactform ul li{
list-style:none;
padding: 0px;
margin: 0px;
}
.contactform ul li {
margin-bottom: 5px;
}
.contactform ul li label {
width: 80px;
float:left;
margin-right: 10px;
display:inline-block;
line-height: 22px;
font-weight:bold;
clear:left;
}
.contactform ul li input[type=text], .contactform ul li textarea {
padding: 3px;
display:inline-block;
border: 1px solid #D2D2D6;
width: 262px;
float:left;
margin-bottom:7px;
}
.contactform ul li input[type=text]:focus, .contactform ul li textarea:focus {
border-color:#2C2422;
}
.contactform ul li input[type=submit] {
border: 0px none;
background-color: #d9d3c0;
color: #433832;
text-transform:uppercase;
padding: 5px 15px;
margin-left: 90px;
float:left;
clear:left;
font-weight:bold;
cursor:pointer;
}
.contactform ul li input[type=submit]:hover {
background-color: #2C2422;
color: #fff;
}
.error {
padding: 10px;
background-color: #ffdddd;
border: 1px solid #d46a6a;
margin: 10px 0px;
color: #000;
font-size: 1em;
}
.error strong {
font-size: 1.1em;
color: #a63333;
}
.success {
padding: 10px;
background-color: #f0ffdf;
border: 1px solid #8eb462;
margin: 10px 0px;
color: #000;
font-size: 1em;
}
.success strong {
font-size: 1.1em;
color: #79ad42;
}