/* NAVIGATION */
#nav {

		margin:0 auto; 

		padding:0; 

		list-style:none;

		

		width:960px;

	background-color:#B0A078;

		

		

	

	}	

	

		/* make the LI display inline */

		/* it's position relative so that position absolute */

		/* can be used in submenu */

		#nav .m {

			float:left; 

		

			width:130px; 

			font-size:14px;

			position:relative;

			z-index:500; 

		font-family: Georgia, "Times New Roman", Times, serif;

		background-color:#B0A078;

	

		}

		

		/* this is the parent menu */

		#nav .m a {

			display:block; 

			padding:7px 4px 0 4px; 

			

			height:29px; 

			text-decoration:none; 

			

			text-align:center; 

			color:#fff;

			text-shadow: 0 1px 1px #000;

		}



		#nav .m a:hover {

			color:#362F2D;

			text-shadow: 0 1px 1px #fff;

		}

	

		/* you can make a different style for default selected value */

		#nav a.selected {

		

		}

	

		/* submenu, it's hidden by default */

		#nav ul {

			position:absolute; 

			left:0; 

			display:none; 

			margin:0 0 0 -11px; 

			padding-left:10px; 

			list-style:none;

			

		}

		

		#nav ul li {

			width:130px; 

			float:left; 

			border-top:1px solid #362F2D;

			

		}

		

		/* display block will make the link fill the whole area of LI */

		#nav ul a {

			font-size:12px;

			display:block;  

			height:15px;

			padding: 10px 15px ; 

			color:#fff;

			background-color:#B0A078;

			text-align:center; 




		}

		

		#nav ul a:hover {

			color:#362F2D;

			background-color:#bfae83;

				filter:alpha(opacity=95);    /* ie  */

	-moz-opacity:0.95;    /* old mozilla browser like netscape  */

	-khtml-opacity: 0.95;    /* for really really old safari */  

	opacity: 0.95;    /* css standard, currently it works in most modern browsers like firefox,  */

			

		}



		/* fix ie6 small issue */

		/* we should always avoid using hack like this */

		/* should put it into separate file : ) */

		*html #nav ul {

			margin:0 0 0 -2px;

		}



/* NAVIGATION */

.image-left-center
{
	text-align:left;
}
.image-center-center
{
	text-align:center;
}
#bookingtool
{
padding:25px 0px;
}

.mobile > div
{
-webkit-border-radius:5px;
-mox-border-radius:5px;
border-radius:5px;
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	border:1px solid #532F17;
	overflow:hidden;
	padding:2px 5px;
	width:45px;
	height:inherit;
}
.mobile > div > span
{

	background:#532F17;
	height:5px;
	float:left;
	margin:3px 0px;
	width:100%;
}
.mobile
{
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	float:right;
	padding:5px;
	display:none;
}
.mobile-click > div
{
	background:#9b8a68;
	border:1px solid #ccc0a7;
}
.mobile-click  > div > span
{
	background:#ccc0a7;
}
.contact-bar, #packagedeal
{
	display:none;
}
.press-feed
{
	margin-bottom:15px;
}
/*
.r1
{
	display:none;
}
*/
.r2
	{
		display:none;
	}
.r2
{
	line-height: 1.3em;
}
#fb_link
{
	position:absolute; top:10px; right:20px;
}
@media (max-width: 959px)
{
	#fb_link
	{
		position:absolute; top:-45%; right:20px;
	}
	.r1
	{
		display:block;
	}
	
	#header, #footer, #content, .lower-content
	{
		width:100% !important;
	}
	#top
	{
		background-color:transparent;
	}
	#header
	{
		background-size:100% 100%;
		height:auto;
	}
	.logo
	{
		float:left;
		width:100%;
		text-align:center;
		height:auto;
	}
	.contact-bar
	{
		 background: url(../images/slider-bg.jpg);
		float:left;
		width:100%;
		display:block;
	}
	
	#check
	{
		margin-top:0px !important;
	}
	.contact-header
	{
		position:relative;
		right:0 !important;
		top:0 !important;
		width:100% !important;
		float:left;
		margin:10px 0px;
		text-align:center;
	}
	.ch
	{
		display:none;
	}

	
	#package
	{

		display:none;
	}
	#packagedeal
	{
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		background:#F0D068;
		color: #362F2D;
  text-shadow: 0 1px 1px #fff;
		border-top:1px solid #D8A135;
		border-bottom:1px solid #D8A135;
		float:left;
		width:100%;
		padding:5px;
		display:block;
		text-align:center;
		font-weight:bold;
	}
	#packagedeal div
	{
		float:left;
		width:33%;
	}
	.contact-header img
	{
		display:none;
	}
	.image
	{
		max-width:100%;
		height:auto;
	}
	/* MENU */
	#navigationbar
	{
		height:auto;
		border:0px;
	}
	#nav
	{
		width:100% !important;
	}
	.m
	{
	-webkit-user-select: none;  
-moz-user-select: none;     
-ms-user-select: none;    
user-select: none;  

		display:none;
		width:100% !important;
		border-bottom:1px dashed #532F17;
	}
	.m > a
	{
-webkit-user-select: none;  
-moz-user-select: none;     
-ms-user-select: none;    
user-select: none;  

		padding-top:12px !important;
	}
	.wsub
	{
		cursor:pointer;
	}
	.sub
	{
		position:relative !important;
		left:0;
		z-index:550;
		width:100%;
	}
	.sub > li
	{
		width:100% !important;
		border-top:0px !important;
		border-bottom:1px solid #fff !important;
	}
	#nav ul a 
	{
		background-color:#532F17;
-webkit-user-select: none;  
-moz-user-select: none;     
-ms-user-select: none;    
user-select: none;  
	}
	#nav .mobile
	{
		display:block !important;
	}
	
	#content
	{
		height:auto !important;
		margin:0 !important;
	}
	/* BANNER */
	.theme-default #slider , #slider, .nivo-slice{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100% !important;
		background-size:100% 100% !important;
		height:355px !important;
		overflow:hidden !important;
	}
	.nivo-caption p:first-child
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
		margin-left:0;
	}
	.sliderbg
	{
		z-index:-1;
		height:1500px !important;
	}
	
	/* CONTENT */
	
	.lowercontent, .mainbox, #column3, .title
	{
		width:100% !important;
	}
	.mainbox, #opacitytrans
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.cols3 .col
	{	width:100%;
		margin-left:0;
		margin-right:0;
	}
	.col
	{
		text-align: center;
	}
	.col span
	{
		  width: 100%;
		  float: left;
		  word-wrap:break-word;
	}
	.colcontent
	{
		padding:0px 10px;
		min-height:auto;
	}
	.image-left-center
	{
		text-align:center;
	}
		.image-center-center
	{
		text-align:center;
	}
	/* BOOKING TOOL */
	#bookingtool
	{
		text-align:center;
	}
	.press-feed
	{
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
		margin-bottom:30px;
		margin-right:0px;
		margin-left:0px;
	}
	
	/* FOOTER */
	#bottom, #footer
	{
	
		height:auto;
		text-align:center;
	}
	#bottom
	{
		background-color:#544741;
		background-image:url('');
	}
	.cols3-main .left-col, .cols3-main .main-col, .cols3-main .right-col, .title2, .left-col span
	{
		width:100% !important;
	}
	.left-col
	{
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.left-col span
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.footernav li
	{
		width:100% !important;
	}
	.left-col, .right-col, .main-col
	{
		margin-left:0;
		margin-right:0;
	}
	.main-col
	{
		margin:15px 0px;
	}
	.footernav li
	{
		padding:10px 0px;
	}
	
	
	
	.cola
	{
		margin-left:0;
		width:100%;
	}
	
	
	
	
	div.caption-container, span.image-caption, div.slideshow-container, div.loader, div.slideshow a.advance-link, div.slideshow span.image-wrapper
	{
		width:100% !important;
	}
	
	div.slideshow img
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
	}
	
	div.slideshow a.advance-link
	{
		line-height:normal !important;
	}
	div.slideshow-container
	{
		height:480px !important;
	}
	div.navigation a.pageLink
	{
		margin:0px !important;
		width:10% !important;
	}
	ul.thumbs
	{
		width:80% !important;
	}
	
	
	
	
	#package-content
	{
		width:100% !important;
		margin-left:0px !important;
	}
	
	
	
	.rates-content
	{
		width:100% !important;
		margin-right:0px !important;
	}
	
	
	
	
	.col
	{
		width:100%;
		margin-left:0px;
	}	
	
	
	
	.theme-default .nivoSlider img
	{
		width:100%;
	}
	
	#self-banner
	{
		height:auto !important;
	}
	
	/* CONTACT */
	input [type="text"], input[type="password"], textarea, .field, .area, select
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;		
	}
	span.required-message
	{
		margin-right:0px !important;
	}
	
	
	
	
	
	/* WP */
	#primary, #secondary
	{
		margin:0px;
		width:100%;
	}
	#secondary
	{
		margin:0px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		  padding: 0px 10px;
		width:100%;
	}
	.widget_search #s
	{
		width:100%;
	}
	img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	article
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:10px;
		width:100%;
	}
	.wp-caption
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100% !important;
	}
	.entry-content p
	{
		word-wrap:break-word;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:10px;
	}
	#respond input[type="text"], #respond textarea
	{
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		height:60px;
	}
	.singular #author-info
	{
		width:100%;
		padding:0;
		margin:0;
	}
	#respond
	{
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
	}
	#respond input#submit
	{
	
		left:0;
	}
	#nav-single
	{
		float:none;
		text-align:center;
	}
	#nav-single .nav-next
	{
		padding:0px;
	}
	#nav-single .nav-previous, #nav-single .nav-next
	{
		width:50%;
		float:left;
		text-align:center;
	}
	.singular .entry-header .entry-meta
	{
		text-align: center;
		width: 100%;
	}
	.singular .entry-title
	{
		text-align: center;
	}
	.entry-meta
	{
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		  padding: 0px 10px;
	}
	#author-avatar 
	{
		width:100%;
		margin-right:0;
		text-align:center;
		margin-top:10px;
	}
	#author-description, .entry-header
	{
		margin-left:0;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		  padding: 0px 10px 10px 10px;
	}
	
	.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title
	{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:0px 10px;
	}
	
	label#captcha_code_label
	{
		width:100%;
	}
}
@media (max-width:800px)
{
	div.slideshow-container
	{
		height:420px !important;
	}
	
}
@media (max-width:700px)
{
	div.slideshow-container
	{
		height:380px !important;
	}
	/* BANNER */
	.theme-default #slider , #slider, .nivo-slice{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100% !important;
		background-size:100% 100% !important;
		height:300px !important;
		overflow:hidden !important;
	}
	.nivo-caption h3
	{
		font-size:18px;
	}
}
@media (max-width:450px)
{
	.clearer
	{
		clear:both;
	}
	.r1s
	{
		font-size:16px;
	}
	div.slideshow-container
	{
		height:220px !important;
	}
	/* BANNER */
	.theme-default #slider , #slider, .nivo-slice{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100% !important;
		background-size:100% 100% !important;
		height:250px !important;
		overflow:hidden !important;
	}
	.nivo-caption h3
	{
		font-size:11px;
		line-height:normal;
	}
	.nivo-caption p
	{
		font-size:11px;
		line-height:normal;
	}
	.nivo-caption
	{
		min-height:0px;
	}
	
}
@media (min-width:960px)
{
	#nav .m {
		display:block !important; 
	}
	/* BANNER */
	.theme-default #slider , #slider, .nivo-slice{
		height:435px !important;
		overflow:hidden !important;
	}

}