body { margin: 0; padding: 0; background-color: #141414; overflow: hidden; }

.logo { position: absolute; top: 80px; left: 50px;  }



.sidebar h3 { font-family: 'Roboto Slab'; font-size: 24px; font-weight: normal; color: #fff; text-shadow: 1px 1px #141414; text-transform: uppercase; }

.heading { -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top; position: absolute; width: 620px; margin-left: 265px; margin-top: 25px; }
	
	.accomdirect { position: absolute; z-index: 99999999; bottom: 80px; left: 50px; }
	
	#TA_rated296 { position: absolute; z-index: 99999999; bottom: 65px; left: 150px; }

.sidebar { position: absolute; right: 0; top: 0; width: 250px; background: #141414; height: 100%;z-index: 6; background-image: url(../images/vector-bg.png); background-repeat: no-repeat; background-position: bottom;
-webkit-box-shadow: 0 8px 12px 6px #000;
	   -moz-box-shadow: 0 8px 12px 6px #000;
	        box-shadow: 0 8px 12px 6px #000; }
			
			.float-right { float: right; margin-right: 100px; }
			
#content h2 {  font-family: 'Roboto Slab'; font-size: 36px; color: #fff; margin: 0; padding: 0; padding: 15px;  }			
#content h3 {  font-family: 'Roboto Slab'; font-size: 24px; color: #fff; margin: 0; padding: 0; margin-left: 15px; margin-bottom: 15px;  }		
#content h4 {  font-family: 'Roboto Slab'; font-size: 20px; color: #e5cda5; margin: 0; padding: 0; margin-left: 15px; margin-bottom: 15px;  }

.footer { position: absolute; bottom: 0; padding-top: 10px; padding-bottom: 10px; background-color: #40210c; width: 100%; z-index: 5; }

.book { position: absolute; right: 175px; top: 43%; background: rgba(255,255,255,1);-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;font-family: 'Roboto Slab'; font-size: 18px; width: 150px; height: 150px; text-align: center; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; cursor: pointer; }
.book:hover { background-color: #e5cda5;  }


.gallery { margin:0; padding:0; list-style:none; }
.gallery li { float: left; margin-left: 15px; margin-bottom: 10px; }
.gallery li img {  border: 3px solid #fff; }

.room-container { width: 550px; text-align: center; }

.room-container h3 { font-family: 'Roboto Slab'; font-size: 24px; margin: 0; padding: 0; margin-bottom: 15px; }

.room-container p { font-family: 'Roboto Slab'; font-size: 14px;  }



.room-container a { background-color: #141414; padding: 10px; margin-top: 15px; color: #fff; text-decoration:none; }

.room-container ul { text-align: left; list-style: none; margin: 0; padding: 0; }
.room-container li { background-image: url(../images/tick.png); background-repeat:no-repeat; background-position: top left; padding-left: 30px; margin-bottom: 10px;font-family: 'Roboto Slab'; font-size: 14px;  }


.events-container { width: 800px; }

.events-container h3 { font-family: 'Roboto Slab'; font-size: 24px; margin: 0; padding: 0; margin-bottom: 15px; }

.events-container p { font-family: 'Roboto Slab'; font-size: 14px;  }

.events-container a { background-color: #141414; padding: 10px; margin-top: 15px; color: #fff; text-decoration:none; }

.events-container ul { text-align: left; list-style: none; margin: 0; padding: 0; }
.events-container li { background-image: url(../images/tick.png); background-repeat:no-repeat; background-position: top left; padding-left: 30px; margin-bottom: 10px;font-family: 'Roboto Slab'; font-size: 14px;  }

.link { background-color: #e5cda5; padding: 10px; margin-top: 15px; color: #141414; text-decoration:none; }
.email-link { color: #e5cda5;  }

.img-float { float: right; margin-bottom: 15px; }

.menu-right { position: absolute; margin: 0; padding: 0; margin-top: 20px; margin-left: 20px; }
.menu-right li { list-style: none; }
.menu-right li a { text-decoration: none; color: #b29f7f;font-family: 'Roboto Slab'; font-size: 18px;  }
.menu-right li a:hover { color: #e5cda5; }

.copyright { position: absolute; bottom: 15px; right: 25px; color: #fff;font-family: 'Roboto Slab'; font-size: 12px; }
.copyright a {color: #b29f7f; text-decoration: none; }
.rates-side { position: absolute; bottom: 75px; right: 80px; color: #fff;font-family: 'Roboto Slab'; font-size: 50px; line-height:35px;  }
.rates-side span { font-size: 18px; font-style:italic; color: #e5cda5;  }
.rates-side div { margin-bottom: -45px; }


#content { width: 60%;  position: absolute; top: 200px; left: 50px; background-color: rgba(25,25,25,0.5); -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 	-webkit-backface-visibility: hidden;
    -webkit-animation: divAnimation 0.7s linear;
    -moz-animation: divAnimation 0.7s linear;
    -o-animation: divAnimation 0.7s linear;
    -ms-animation: divAnimation 0.7s linear;
    animation: divAnimation 0.7s linear;
	padding-bottom: 15px;
	 }

#content p { color: #fff; font-family: Arial, Helvetica, sans-serif; margin-left: 15px; margin-right: 15px; margin-top: 0; }

.rooms { margin: 0; padding: 0; }
.rooms li { list-style: none; float:left;  margin-left: 15px;}
.rooms img { border: 2px solid #fff; }


.book div { padding-top: 60px; }


.book a { position: absolute;background: #3b5998;  background-image: url(../images/facebook.png); background-repeat: no-repeat; background-position: center;-webkit-border-radius: 5%;
-moz-border-radius: 5%;
border-radius: 5%; width: 60px; height: 40px; padding-top: 18px; color: #fff; text-decoration: none; top: 93px; left: 47px;  margin-top: 15px;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}

.book a:hover { background-color: #7798db; }

.menu { margin: 0; padding: 0; list-style: none; }

.menu li { float: left;  border-right: 1px solid #62412b; }
.menu li a { text-decoration: none; padding-left: 15px; padding-right: 15px; color: #e5cda5; font-family: 'Roboto Slab';}

.menu li a:hover { color: #fff; }

.cb-slideshow { list-style: none; }

.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    
}
.cb-slideshow li span {
    width: 80%;
    height: 100%;
    position: absolute;
    top: -15px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}



@media screen and (min-width: 1600px) { 
	.cb-slideshow li span { width: 95%; }
	.sidebar h1 { font-size: 30px;  }
	.heading { width: 750px; }
	
}

.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 160px;
    padding: 0 30px;
    line-height: 120px;
    color: rgba(255,255,255,0.8);
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/banners/1.jpg) ;
}
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/banners/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/banners/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/banners/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/banners/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../images/banners/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	   
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	   
	}
	22% {
		opacity: 0;
		
	}
	25% {
	    opacity: 0;
	    
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	   
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	  
	}
	22% {
		opacity: 0;
	
	}
	25% {
	    opacity: 0;
	  
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	   
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	  
	}
	22% {
		opacity: 0;
	
	}
	25% {
	    opacity: 0;
	  
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	   
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	  
	}
	22% {
		opacity: 0;
	
	}
	25% {
	    opacity: 0;
	  
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    
	}
	22% {
		opacity: 0;
		
	}
	25% {
	    opacity: 0;
	   
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    
	}
	8% {
	    opacity: 1;
	   
	}
	17% {
	    opacity: 1;
	  
	}
	19% {
	    opacity: 0;
	  
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	  
	}
	8% {
	    opacity: 1;
	
	}
	17% {
	    opacity: 1;
	 
	}
	19% {
	    opacity: 0;
	  
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	
	}
	8% {
	    opacity: 1;
	
	}
	17% {
	    opacity: 1;
	
	}
	19% {
	    opacity: 0;
	 
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	
	}
	8% {
	    opacity: 1;
	
	}
	17% {
	    opacity: 1;
	 
	}
	19% {
	    opacity: 0;
	
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	   
	}
	8% {
	    opacity: 1;
	
	}
	17% {
	    opacity: 1;
	 
	}
	19% {
	    opacity: 0;
	   
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}

@-webkit-keyframes divAnimation { 
	0% {
	    opacity: 0;
	    
	}

	100% {
	    opacity: 1;
		
	    
	}
}
@-moz-keyframes divAnimation { 
	0% {
	    opacity: 0;
	    
	}

	100% {
	    opacity: 1;
		
	    
	}
}
@-o-keyframes divAnimation { 
	0% {
	    opacity: 0;
	    
	}

	100% {
	    opacity: 1;
		
	    
	}
}
@-ms-keyframes divAnimation { 
	0% {
	    opacity: 0;
	    
	}

	100% {
	    opacity: 1;
		
	    
	}
}
@keyframes divAnimation { 

	0% {
	    opacity: 0;
	    
	}

	100% {
	    opacity: 1;
		
	    
	}
	

}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../fonts/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

.tooltip {
	display: inline;
	position: relative;
	z-index: 999;
}

/* Trigger text */

.tooltip-item {


}



/* Gap filler */

.tooltip-item::after {
	content: '';
	position: absolute;
	width: 160px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
	pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 150px;
	left: 165%;
	margin: 0 0 20px -180px;
	bottom: 65px;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	background: #e5cda5;
	opacity: 0;
	cursor: default;
	pointer-events: none;
	 font-family: 'Roboto Slab';
}

.tooltip-effect-1 .tooltip-content {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-2 .tooltip-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
	transform: perspective(1000px) rotate3d(1,0,0,45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.tooltip-effect-3 .tooltip-content {
	-webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-4 .tooltip-content {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scale3d(0.7,0.3,1);
	transform: scale3d(0.7,0.3,1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.tooltip-effect-5 .tooltip-content {
	width: 180px;
	margin-left: -90px;
	-webkit-transform-origin: 50% calc(100% + 6em);
	transform-origin: 50% calc(100% + 6em);
	-webkit-transform: rotate3d(0,0,1,15deg);
	transform: rotate3d(0,0,1,15deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	-webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
	transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
}

.tooltip:hover .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
	transform: perspective(1000px) rotate3d(1,0,0,0deg);
}

/* Arrow */

.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #e5cda5;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

.tooltip-text {
	font-size: 18px;
	line-height: 1.35;
	display: block;
	padding-top: 10px; padding-bottom: 10px;
	color: #141414;
	font-family: 'Roboto Slab';
	text-align: center;
}

.tooltip-effect-5 .tooltip-text {
	padding: 1.4em;
}

.tooltip-text a {
	font-weight: bold;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
	
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
	overflow: hidden;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



/** START MOBILE CSS **/

@media only screen and (max-width : 1000px) {
.footer { position: fixed; }

#content {     left: 10px;
    padding-bottom: 15px;
    position: absolute;
    top: 150px;
    width: 95%; }
	
	.float-right, .float-left { float: none; }
	
	.link { padding: 0; margin-top: 0; color: #e5cda5; background-color:transparent; }

.heading { display: none; }
.book, .copyright { display: none; }

.cb-slideshow li span { width: 100%; }

.room-container, .events-container { width: 100%; }
.events-container img { float: none; }

.logo {
    position: relative;
    z-index: 100;
	margin: auto;
	left: inherit;
	top: inherit;
	width: 214px;
	padding-top: 30px;
}

.sidebar { background: none; box-shadow: none; width: 1px; }

.menu-right { margin: 0!important; }

       #nav
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999999999999;
		width: 100%;
		
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; display: block; text-indent: 30px; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 25px; top: 25px;
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 145px !important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #40210c;
			border-bottom: 1px solid #62412b;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }

}

/** END MOBILE CSS **/