body {
  background: url(../../images/bg.png) #f5e9cc fixed;
}
#title-wrapper .title-dec-left {
  position: absolute;
  left: -275px;
  top: -41px;
  width: 111px;
  height: 125px;
  background-image: url(../../images/hotel/logo.png);
  background-repeat: no-repeat;
}
#title-wrapper .title-dec-right {
  position: absolute;
  right: -275px;
  top: -15px;
  width: 111px;
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  border: 1px;
  border-color: rgba(0, 0, 0, .2);
  border-style: solid;
	background-color: #f0ddca
	
}
#title-wrapper .title-dec-right h2 {
  color: #333;
  font-size: 24px;
  text-align: center;
  line-height: 50px;
  margin: auto;
  font-weight: 700;
  padding: 15px
}
#title-wrapper .title-dec-right:hover h2 {
  color: #FFF;
}
#title-wrapper .title-dec-right:hover {
  background-color: #333;
  color: #FFF;
}
/* The main colour */
#navigation, #main-menu ul, .page-content table, .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .booknow, .booknow-accompage, .ui-state-highlight, .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
  border-color: #FFF;
}
blockquote {
  border-color: #f9f2eb;
}
.title-end, .blog-title .comment-count, .blog-title-single .comment-count, .event-prev .event-prev-date, .widget .widget-title h5 {
  background-color: #f9f2eb;
}
.button1, .bookbutton {
  background: url(../../images/gradient1.png) #f9f2eb bottom left repeat-x;
}
.button1:hover, .bookbutton:hover {
  background: url(../../images/gradient1h.png) #f0ddca left bottom repeat-x;
}
.blog-title .comment-count .comment-point, .blog-title-single .comment-count .comment-point {
  background: url(../../images/comment-point.png) #f0ddca no-repeat;
}
#slides .prev, #slides1 .prev, #slides .next, #slides1 .next, #twitter_icon:hover, #facebook_icon:hover, #googleplus_icon:hover, #skype_icon:hover, #flickr_icon:hover, #linkedin_icon:hover, #vimeo_icon:hover, #youtube_icon:hover, #rss_icon:hover {
  background-color: #f9f2eb;
}
.accordion h4.ui-state-active, .toggle .active, .page-content a, .page-full a, .sidebar a:hover, .blog-title-single h2 a, .ui-state-highlight, .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover, #footer a:hover, #footer-bottom a:hover {
  color: #ccc;
}
.menu-2 li:hover {
  padding-left: 2px;
}
.menu-3 {
  padding-left: 14px;
}
.menu-4 {
  margin-left: 13px;
}
.menu5 {
  color: #000;
}
.widget .widget-title h5:before {
  border-color: #e26143 transparent;
}
/* Main colour in rgba format @ 70% transparency */
.caption {
  background: rgba(249, 242, 235, 0.7);
}
/* Main colour in format for IE, "80E26143" is the colour #e26143, the "80" added to the front give 80% */
.ie8 .caption {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80E26143, endColorstr=#80E26143);
}
/* A darker shade of the main colour */
.corner-left {
  border-top: 20px solid;
  border-color: #f0ddca;
  border-left: 20px solid transparent;
}
.corner-right {
  border-top: 20px solid;
  border-color: #f0ddca;
  border-right: 20px solid transparent;
}
/* Feature background colour */
.top-bar, .gmap-btn-wrapper, #navigation, .booknow-accompage, .booknow, #footer {
  background-color: #f9f2eb;
}
#footer-bottom {
  background: #311807;
  color: #7a6353;
}
.booknow-accompage .price-detail, #main-menu li span, .widget .latest-posts-list li .lpl-content h6 span {
  color: #9d8c81;
}
#main-menu li, .main-menu-contact-info li, #footer .widget ul li, #footer .widget .wp-tag-cloud li, #footer .widget .wp-tag-cloud li:last-child {
  border-color: #685345;
}
#footer {
  color: #333;
}
#color-font2 {
  color: #bfa364;
  font-weight: 300;
}
#img-border {
  border: 1px solid #bfa364;
}
#img-borders {
  border: 1px solid #bfa364;
}
#img-borders2 {
  border: 1px solid #bfa364;
}
#img-border-2 {
  border: 1px solid #bfa364;
  padding: 4px;
}
.img-border-3 {
  border: 1px solid #bfa364;
  padding-top: 7px;
  padding-right: 7px;
  padding-left: 7px;
}
.img-border-4 {
  border: 1px solid #bfa364;
  padding-top: 4px;
  padding-right: 4px;
  padding-left: 4px;
  margin-bottom: 10px;
}
.h15 {
  clear: both;
  height: 10px;
  width: 100%;
}
.h25 {
  clear: both;
  height: 10px;
  width: 100%;
}
.h35 {
  clear: both;
  height: 20px;
  width: 100%;
}
.mar1010 {
  clear: both;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.yellow {
  color: #333;
}
#full-text {
  text-align: justify;
}
.full-text {
  text-align: justify;
  font-size: 10px;
}
/**/
table {
  overflow: hidden;
  border: 1px solid #d3d3d3;
  background: #fefefe;
  width: 100%;
  margin: 5% auto 0;
  -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3-4 */
  border-radius: 5px;
}
th, td {
  padding: 18px 28px 18px;
  text-align: center;
}
th {
  padding-top: 22px;
  text-shadow: 1px 1px 1px #fff;
  background: #e8eaeb;
}
td {
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
tr.odd-row td {
  background: #f6f6f6;
}
td.first, th.first {
  text-align: left
}
td.last {
  border-right: none;
}
/*
	Background gradients are completely unnecessary but a neat effect.
	*/
td {
  background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
  background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}
td:last-child {
  width: 15%
}
td:first-child {
  text-align: left !important;
  padding-left: 20px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  color: #C41F22 !important;
  font-size: 16px !important
}
td i {
  color: #333 !important;
  font-size: 13px !important
}
tr.odd-row td {
  background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
  background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}
th {
  background: -moz-linear-gradient(100% 20% 90deg, #f9f2eb, #f9f2eb);
  background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#f9f2eb), to(#f9f2eb));
}
/*
	I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
	Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius
	
	And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
	*/
tr:first-child th.first {
  border-radius-topleft: 5px;
}
tr:first-child th.last {
  border-radius-topright: 5px;
}
tr:last-child td.first {
  border-radius-bottomleft: 5px;
}
tr:last-child td.last {
  border-radius-bottomright: 5px;
}
.site-link-2 {color:#333 !important}
.site-link-2:hover {color:#ccc !important}