/*   
	Theme Name: Green Nature Resort & Spa
	Theme URI: http://www.greennature.com
	Description: Resort and Spa
	Author: wLabz, Inc.
	Author URI: http://www.wlabz.com
	Version: 1.0
*/


 * { margin:0; padding:0; outline:none; }
body { margin:0; padding:0px; font-size: 14px; background:url(images/pattern.jpg) 0px 0px repeat;  color:#323232; 
font-family: Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; overflow-x:hidden; font-weight:normal; }

button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color:#333333; border:none; }


b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
table, td { border-collapse:collapse; }
ul, li { list-style-type:none; }
a img { border:0 none; }
a, a:visited { outline:0; color: #07ca90; text-decoration: none; }
a:hover { color: #323232; text-decoration:none; }
a {  color:#07ca90; }
/* ------- end --------- */

/* clearing floats */
.clearfix:after { content: "&nbsp;"; font-size:0; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/*-----------------*/

/* headings */
h1 { color:#fff; text-transform:uppercase; margin:0px; padding:0px; }
h2 { font-weight:normal; font-size:27px; color:#665e65; margin:0px; padding:0px; }
h3 { font-size:15px; margin:0; padding:8px 0 10px 0; }
h4 { font-size:15px; padding:0; margin:0; }
h5 { font-weight:normal; font-size:14px; }
h6 { font-weight:normal; font-size:12px; padding-bottom:5px; }
/* ------- end --------- */

/* float */
.fLeft { float:left !important; }
.fRight { float:right !important; }  
.mainCantainer { max-width:1024px; margin:0 auto; position:relative;  }
.sliderCantainer { max-width:1024px; margin:0 auto; position:relative;  }
 


 


/* TopRep */
.topRep { height:40px; background:url(images/topRep.jpg) 0px 0px repeat; }

/* header */
.headerMain { padding:0px; }

.header { padding-top:12px; position:relative; z-index:100; }
.logo { width:211px; }
.logo img { width:100%; }

.topRight { width:278px; }
.topNav { padding-top:11px; }
.topNav ul { float: left;
    margin-top: 6px;
    padding: 0; }
.topNav ul li { float:left; padding:0; border-right:1px solid #0dba86; }
.topNav ul li:last-child { border-right:none; }
.topNav ul li a { font-size:16px; color:#0dba86; margin:0 10px; }
.topNav ul li a:hover { color:#4a4a4a; }
.topNav ul li a:hover { color:#4a4a4a; }
.topNav .social { float:left; margin-left:28px; }

.bookNow {
	float: right;
    margin-right: 15px;
    padding-top: 47px;
    width: 230px;
}

.bookNow a { display:block; width:230px; height:34px; font-size:20px; color:#fff; padding-top:6px; text-align:center; background:url(images/bookNow.jpg) no-repeat; }
.bookNow a:hover { background:url(images/bookNowHover.jpg) no-repeat; }

.nav { height:50px; background-color:#4a4a4a; width:100%; margin-top:20px; }
.nav ul { padding:0; }
.nav ul li { float:left; padding:0; border-right:1px solid #fff; margin-top:16px; }
.nav ul li:last-child { border-right:none; }
.nav ul li a { font-size:12px; color:#fff; margin:0 36px 0 37px; text-transform:uppercase; }
.nav ul li a:hover { color:#07ca90; }
.nav ul li.current-menu-item a { color:#07ca90; }

/* slider */
.sliderMain { background:url(images/sliderBottomRep.png) repeat-x 0 bottom; height:545px }
.slider								{ position: relative; display:block; }			
/* Spiderslider styles
-------------------------------------------------------------- */
/* Slider itself */
.spiderSlider
{
	overflow:hidden;
	position:relative;
	height:493px;
	top:-50px;
	z-index:-10;
}
/* Items container */
.spiderSlider .cover
{
	position:absolute;
	height:493px;
	z-index:10;
}
/* Items */
.spiderSlider .item
{
	float:left;
	position:relative;
}
.spiderSlider .item img
{
	width:100%;
	float:left;
	position:relative;
}
/* Thumbnail wrapper */
.spiderButton
{
	width:1029px;
	height:130px;
	overflow:hidden;
	position:relative;
	z-index:100;
	margin-top:-89px;
	margin-left:5px;
}
/* Thumbnail container */
.spiderButtonCover
{
	position:absolute;
	height:130px;
}
/* Thumbs */
.spiderButton .thumb
{
	display:block;
	float:left;
	margin-left:5px;
	width:200px;
	height:94px;
	margin-top:40px;
}
/* Frame on thumbs */
.cache
{
	opacity:1;
	background:url(images/thumb-img-hover.png) no-repeat scroll 0 0px transparent;
	cursor:pointer;
	position:absolute;
	width:200px;
	height:80px;
	z-index:1000;
}
/* Spider timer (in the previous frame) */
/*.filler
{
	background:blue;
	opacity:0.5;
	z-index:10;
	width:0;
	height:75px;
	margin-top:5px;
}
*/
/* Active thumbs */
.spiderButton .thumb.active
{
}
/* For clearing floats */
.clear
{
	clear:both;
}
/* If grayscale effect (for fading in so there isn't a color "pop") */
.spiderButton .thumb img
{
 	display:none;
}


.rslides_home { display: none; }

/* body */
.bodyMain { padding-top:15px; }
.body { padding:0px; }

.leftBar { width:21.2%; background-color:#05A671; padding: 20px 0; }

.welcomeBar { width:51.1%; background-color:#fff; border:2px solid #05a671; margin-left:18px; padding-bottom:20px; min-height:490px; }
.welcomeBar h1 { font-size:20px; font-weight:bold; background-color:#05a671; padding:15px 0px ; text-align:center;}
.welcomeBar img { width:100%; border-bottom:1px solid #05a671; height:auto; }
.welcomeBar p { padding:20px 15px; text-align:justify; line-height:20px; }
.welcomeBar a { background:url(images/arrow.jpg) no-repeat right 4px; font-size:14px; color:#00c58a; text-transform:uppercase; padding-right:15px; margin-left:10px; }
.welcomeBar a:hover { background:url(images/arrow.jpg) no-repeat right 4px; text-decoration:underline; padding-right:15px; }

.rightBar { width:22.1%; background-color:#05a671; margin-left:18px; padding:20px 7px;}
/*Vertical Orientation CSS Starts*/
.jscarousal-vertical
{
	width: 100%;
	height: 512px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.jscarousal-vertical-back, .jscarousal-vertical-forward
{
	width: 100%;
	height: 20px;
	background-color: #05ab75;
	color: White;
	position: relative;
	cursor: pointer;
	z-index:100;
}
.jscarousal-vertical-back
{
	background-image: url(images/prev-vertical.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.jscarousal-vertical-forward
{
	background-image: url(images/next-vertical.png);
	background-repeat: no-repeat;
	background-position: top;
}
.jscarousal-contents-vertical
{
	overflow: hidden;
	width: 100%;
	height: 472px;
}
.jscarousal-contents-vertical > div
{
	position: absolute;
	top: 20px;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.jscarousal-contents-vertical > div > div
{
	width: 90%;
	height: 147px;
	margin: 0px;
	padding:0px 10px 10px 10px;
	border-bottom:1px solid #fff;
}
.jscarousal-contents-vertical > div > div span
{
	display: block;
	width: 100%;
	text-align: left;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top:15px;
}
.jscarousal-contents-vertical > div > div p
{
	display: block;
	width: 100%;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	padding:20px 0;
}
.jscarousal-contents-vertical > div > div a { background:url(images/leftArrow.jpg) no-repeat right 5px; font-size:12px; color:#00c58a; text-transform:uppercase; padding-right:15px; }
.jscarousal-contents-vertical > div > div a:hover { background:url(images/leftArrow.jpg) no-repeat right 5px; text-decoration:underline; padding-right:15px; }

/*.jscarousal-contents-vertical img
{
	width: 110px;
	height: 80px;
	border: solid 1px #7A7677;
}*/
/*Vertical Orientation CSS Ends*/


/* footer */
.footerMain { background:#257c62 url(images/footerRep.jpg) repeat-x; margin-top:43px; }
.footer { padding-top:22px; }

.newsletter { width:276px; padding-top:0px; }
.newsletter span { width:276px; display:block; padding-top:0px; color:#FFF; margin-bottom:7px; }
.newsletter input[type="text"] { float:left; width:223px; height:23px; padding:5px 10px; background:url(images/newsletterSearch.jpg) no-repeat; font-size:14px; color:#257c62; }
.newsletter input[type="submit"] { width:33px; height:33px; padding:0px; background:url(images/newsletterSubmit.jpg) no-repeat; cursor:pointer; }

.ftSocialMedia { width:auto; padding-top:0px; }
.ftSocialMedia img { float:left; width:auto; margin-right:7px; }

.footerBottom { padding-top:100px; }

.ftNav { text-align:center; padding:0px 0 20px 0; }
.ftNav ul { display:inline-block; }
.ftNav ul li { float:left; padding:0; border-right:1px solid #fff; margin-top:16px; }
.ftNav ul li:last-child { border-right:none; }
.ftNav ul li a { font-size:13px; color:#fff; margin:0 13px; text-transform:uppercase; }
.ftNav ul li a:hover { color:#fff; text-decoration:underline; }

.footer p { text-align:center; padding:0px 0 5px 0; color:#FFF; }



/* Resort Spa */

.resort-spa { padding:20px 0 0px 0; }
.resort-spa h1 { font-size:24px; color:#07ca90; padding:0px 0 0px 0; text-transform:uppercase; font-weight:normal; }
.resort-spa-slider {  margin-top:20px; border: 1px solid #b2b3b3;
  background-color:#fff;
  padding:5px;}

.resort-spa p { padding-top:20px; text-align:justify; }

/* accommodation */

.accommodation { padding-top:20px; }
.accommodationLeft { width:65.3%; padding-top:0px; }
.accommodation-slider { padding-top:0px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
.accommodationLeft p { padding-top:20px; text-align:justify; }

.accommodationRight { width:32.2%; padding-top:0px; }
.accommodationBox { width:100%; padding-bottom:20px; }

.accommodationBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; }
.accommodationBox img { width:97%; margin-top:10px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }


/* guest */
.guest { padding:20px 0; border-bottom:1px solid #b0b0b0; }

.guestLeft { width:16.6%; }
.guestLeft img { width:100%; margin-top:0px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }

.guestRight { width:80%; padding-left:25px; }
.guestRight p { padding:0px 0px 15px 0px; text-align:justify; }

/* gallery */
.gallery { padding:0px 0;  }

.galleryLeft { width:67.5%; padding-top:0px; }
.galleryLeftBox { width:30.2%; margin:20px 20px 0 0;  }
.galleryLeftBox img { width:96%; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px;  }


.galleryRight { width:32.2%; padding-top:0px; }
.galleryRightBox { width:100%; padding-bottom:40px; }

.galleryRightBox h2 { font-size: 24px; color:#07ca90; text-transform:uppercase; font-weight:normal; }
.galleryRightBox img { width:97%; margin-top:10px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }

.galleryRightBox ul { padding-top:10px; }
.galleryRightBox ul li { padding-top:0px; clear:both; line-height:30px; background:url(images/media-arrow.jpg) no-repeat 20px 14px; padding-left:36px; }
.galleryRightBox ul li a { font-size: 14px; color:#323232;  }
.galleryRightBox ul li a:hover { color:#07ca90; text-decoration:underline;  }

.downloadBroucher { width:100%; padding-bottom:40px; }

.downloadBroucher h2 { font-size: 20px; color:#07ca90; text-transform:uppercase; font-weight:normal; }
.downloadBroucher img { width:97%; height:auto; margin-top:10px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }

.downloadBroucher h3 { text-align: center; font-weight:normal; }
.downloadBroucher h3 a { text-align: center; font-size: 18px; color:#07ca90;  }
.downloadBroucher h3 a:hover { text-decoration:underline;  }

/* Contact */
.contact { padding-top:20px; }
.contactBox { width:48.8%; padding-top:0px; }
.contactBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; margin-top:-5px; }
.contactBox p {  padding:0px 0px 15px 0px; text-align:justify; }

.contactBox ul { padding-top:0px; }
.contactBox ul li { float:left; width:100%; padding-top:20px; }
.contactBox ul li label { float:left; width:29.2%; padding:11px 20px 0 0; font-size:12px; font-weight:bold; text-align:right; }
.contactBox ul li input[type="text"], .contactBox ul li input[type="email"] { float:left; width:62.2% !important; padding:5px 10px; height:23px; font-size:12px; color:#919191; border:1px solid #cecece; }
.contactBox ul li textarea { float:left; width:62.2%; padding:10px; height:123px; font-size:12px; color:#919191; border:1px solid #cecece; resize:none; }

.contactBox ul li input[type="submit"] { float:right;padding:10px 20px; background-color:#257c62; font-size:12px; color:#fff; border:1px solid #044934; font-weight:bold; cursor:pointer; }

.contactBox br { display:none; }

.loction { padding-top:40px; }
.loction h2 { font-size: 24px; color:#07ca90; text-transform:uppercase; font-weight:normal; margin-top:0px; }

.map { margin-top:20px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
.map img { width:100%; padding:0px; }



p.copyright { margin:0; padding:0px 0px 50px 0px; }



/********* Jamil *********/



	/****** for iPhone and android  *****/
	@media only screen and (max-width: 700px) { 
		
		body { overflow-x: hidden; overflow-y:hidden; }
		/* TopRep */
		.topRep { height:28px; background:url(images/smallTopRep.jpg) 0px 0px repeat; }
		
		/* header */
		.header { margin:20px 10px 0 10px; text-align:center; }
		.logo { width:100%; float:none; text-align:center; }
		.logo img { width:211px; }
		
		.topRight { width:100%; padding-top:39px; }
		.topNav { padding-top:11px; text-align:center; }
		.topNav ul { padding:0; display:inline-block; }
		.topNav ul li { float:left; padding:0; border-right:1px solid #0dba86; }
		.topNav ul li:last-child { border-right:none; }
		.topNav ul li a { font-size:16px; color:#0dba86; margin:0 10px; }
		.topNav ul li a:hover { color:#4a4a4a; }
		
		.bookNow { width:auto; padding-top:25px; margin-left:0px; text-align:center; display:block; }
		.bookNow a { display:block; width:230px; height:34px; font-size:20px; color:#fff; padding-top:6px; text-align:center; background:url(images/bookNow.jpg) no-repeat; margin:0 auto; }
		.bookNow a:hover { background:url(images/bookNowHover.jpg) no-repeat; }
		
		.nav { height:auto; background-color:#05a671; width:100%; }
		.nav ul { padding:0; }
		.nav ul li { float:none; width:100%; padding:0; border-right:none; margin-top:0px; }
		.nav ul li:last-child { border-right:none; }
		.nav ul li a { font-size:24px; font-weight:bold; color:#fff; padding:15px 0 20px 0; margin:0 0px 0 0px; text-transform:uppercase; display:block; text-align:center; }
		.nav ul li a:hover { color:#fff; background:url(images/smallNavHover.jpg) repeat-x; }
		.nav ul li a.active { color:#fff; }
		
		/* slider */
		.sliderMain { background:none; height:auto; }
		.slider	{ position: relative; padding:0 10px 0 15px; display:none; }
		.rslides_home { display:block; margin: 15px 10px 0 !important; width: 95% !important; }
		
		/* body */
		.body { padding:0 10px; }
		
		.leftBar { width:21.2%; background-color:#05A671; display:none; }
		
		.welcomeBar { width:99%; background-color:#fff; border:2px solid #05a671; margin-left:0px; padding-bottom:20px; }
		.welcomeBar h1 { font-size:20px; font-weight:bold; background-color:#05a671; padding:15px 30px ; text-align:center; }
		.welcomeBar img { width:100%; border-bottom:1px solid #05a671; height:auto; }
		.welcomeBar p { padding:20px 10px; text-align:justify; }
		.welcomeBar a { background:url(images/arrow.jpg) no-repeat right 4px; font-size:14px; color:#00c58a; text-transform:uppercase; padding-right:15px; margin-left:10px; }
		.welcomeBar a:hover { background:url(images/arrow.jpg) no-repeat right 4px; text-decoration:underline; padding-right:15px; }
		
		.rightBar { width:21.2%; background-color:#4a4a4a; display:none; }
		
		/* footer */
		.footerMain { background:#257c62 url(images/smallfooterRep.jpg) repeat-x; margin-top:14px; }	
		.footer { padding:42px 3px 0 10px; }
		
		.newsletter { width:59%; padding-top:0px; }
		.newsletter span { width:70%; display:block; padding-top:0px; color:#FFF; margin-bottom:7px; font-size:12px; }
		.newsletter input[type="text"] { float:left; width:70%; height:23px; padding:5px 10px; background:url(images/newsletterSearch.jpg) no-repeat; font-size:14px; color:#257c62; }
		.newsletter input[type="submit"] { width:33px; height:33px; padding:0px; background:url(images/newsletterSubmit.jpg) no-repeat; cursor:pointer; }
		
		.ftSocialMedia { width:30%; padding-top:13px; }
		.ftSocialMedia img { float:left; width:25%; margin-right:7px; }
		.footerBottom { padding-top:100px; padding-bottom:20px; }
		.footerBottom p { text-align:center; }
		.ftNav { text-align:center; padding:107px 0 45px 0; display:none; }
		
		/* accommodation */

		.accommodation { padding-top:20px; }
		.accommodationLeft { float:none; width:100%; padding-top:0px; }
		.accommodation-slider { padding-top:0px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
		.accommodationLeft p { padding-top:20px; text-align:justify; }
		
		.accommodationRight { float:none; width:98.5%; padding:20px 10px 0 10px; }
		.accommodationBox { width:100%; padding-bottom:20px; }
		
		.accommodationBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; }
		.accommodationBox img { width:100%; margin-top:10px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
		
		/* guest */
		.guestRight { width:75%; padding-left:25px; }
		.guestRight p { padding:0px 0px 15px 0px; text-align:justify; }
		
		
		/* gallery */
		.galleryLeft { float:none; width:100%; padding-top:0px; }
		.galleryLeftBox { width:28%; margin:15px 0px 0 15px;  }
		.galleryLeftBox img { width:95%; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px;  }
		
		.galleryRight { float:none; width:100%; padding-top:20px; }
		
		/* Contact */
		.contactBox { float:none; width:100%; padding-top:0px; }
		.contactBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; margin-top:20px; }
		
		.contactBox ul { padding-top:0px; }
		.contactBox ul li { float:left; width:100%; padding-top:10px; }
		.contactBox ul li label { float:left; width:90%; padding:11px 20px 10px 0; font-size:12px; font-weight:bold; text-align:left; }
		.contactBox ul li input[type="text"] { float:left; width:95%; padding:5px 10px; height:23px; font-size:12px; color:#919191; border:1px solid #cecece; }
		.contactBox ul li textarea { float:left; width:95%; padding:10px; height:123px; font-size:12px; color:#919191; border:1px solid #cecece; resize:none; }
		
		.contactBox ul li input[type="submit"] { float:right;padding:10px 20px; background-color:#257c62; font-size:12px; color:#fff; border:1px solid #044934; font-weight:bold; cursor:pointer; }
		
	}

	/****** for iPod and iPad Portrait  *****/
	@media only screen and (min-width: 701px) and (max-width:1024px) { 
		body { overflow-x: hidden; overflow-y:hidden; }
		/* TopRep */
		.topRep { height:26px; background:url(images/meidumTopRep.jpg) 0px 0px repeat; }
		
		/* header */
		.header { margin:12px 23px 0 23px; position:relative; }
		
		.nav { height:50px; background-color:#4a4a4a; width:100%; margin-top:20px; }
		.nav ul { padding:0; }
		.nav ul li { float:left; padding:0; border-right:1px solid #fff; margin-top:16px; }
		.nav ul li:last-child { border-right:none; }
		.nav ul li a { font-size:12px; color:#fff; margin:0 14px; text-transform:uppercase; }
		.nav ul li a:hover { color:#07ca90; }
		.nav ul li a.active { color:#07ca90; }
		
		/* slider */
		.sliderMain { background:none; height:auto; }
		.slider { position: relative; margin:0 23px 0 23px; paddng:0; display:none; }
		.rslides_home { display:block; margin:0 23px 0 23px !important; width:auto !important; }
		
		/* body */
		.body { padding:0 20px 0 22px; }

		.leftBar { width:21.2%; background-color:#05A671; padding: 20px 0; }
		
		.welcomeBar { width:51.1%; background-color:#fff; border:2px solid #05a671; margin-left:10px; padding-bottom:20px; min-height:490px; }
		.welcomeBar h1 { font-size:20px; font-weight:bold; background-color:#05a671; padding:15px 0px ; text-align:center; }
		.welcomeBar img { width:100%; border-bottom:1px solid #05a671; height:auto; }
		.welcomeBar p { padding:20px 15px; text-align:justify; line-height:20px; }
		.welcomeBar a { background:url(images/arrow.jpg) no-repeat right 4px; font-size:14px; color:#00c58a; text-transform:uppercase; padding-right:15px; margin-left:10px; }
		.welcomeBar a:hover { background:url(images/arrow.jpg) no-repeat right 4px; text-decoration:underline; padding-right:15px; }
		
		.rightBar { width:22%; background-color:#05a671; margin-left:10px; padding:20px 7px 20px 4px;}
		
		/*Vertical Orientation CSS Starts*/
		.jscarousal-contents-vertical > div > div
		{
			width: 90%;
			height: 147px;
			margin: 0px;
			padding:0px 10px 10px 10px;
			border-bottom:1px solid #fff;
		}
		.jscarousal-contents-vertical > div > div span
		{
			display: block;
			width: 100%;
			text-align: left;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			padding-top:10px;
		}
		.jscarousal-contents-vertical > div > div p
		{
			display: block;
			width: 100%;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:14px;
			text-align:none;
			padding:10px 0;
		}
		.jscarousal-contents-vertical > div > div a { background:url(images/leftArrow.jpg) no-repeat right 5px; font-size:12px; color:#00c58a; text-transform:uppercase; padding-right:15px; }
		.jscarousal-contents-vertical > div > div a:hover { background:url(images/leftArrow.jpg) no-repeat right 5px; text-decoration:underline; padding-right:15px; }
		
		/*.jscarousal-contents-vertical img
		{
			width: 110px;
			height: 80px;
			border: solid 1px #7A7677;
		}*/
		/*Vertical Orientation CSS Ends*/
		
		
		
		
		/* footer */
		.footer { padding:22px 13px 0 20px; }
		
		.footerBottom { padding-top:130px; }
		.ftNav {display:none; }
		
		
		
		/* accommodation */

		.accommodation { padding-top:20px; }
		.accommodationLeft { width:63.3%; padding-top:0px; }
		.accommodation-slider { padding-top:0px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
		.accommodationLeft p { padding-top:20px; text-align:justify; }
		
		.accommodationRight { width:32.2%; padding-right:10px; }
		.accommodationBox { width:100%; padding-bottom:20px; }
		
		.accommodationBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; }
		.accommodationImg { margin-top:10px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
.accommodationImg img { width:100%; padding:0; }
		
		/* guest */
		.guestRight { width:79%; padding-left:25px; }
		.guestRight p { padding:0px 0px 15px 0px; text-align:justify; }
		
		/* gallery */
		.galleryLeftBox { width:29%; margin:20px 20px 0 0;  }
		.galleryLeftBox img { width:93%; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px;  }
		
		/* Contact */
		.contactBox { float:none; width:100%; padding-top:0px; }
		.contactBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; margin-top:20px; }
		
		.contactBox ul { padding-top:0px; }
		.contactBox ul li { float:left; width:100%; padding-top:10px; }
		.contactBox ul li label { float:left; width:90%; padding:11px 20px 10px 0; font-size:12px; font-weight:bold; text-align:left; }
		.contactBox ul li input[type="text"] { float:left; width:60%; padding:5px 10px; height:23px; font-size:12px; color:#919191; border:1px solid #cecece; }
		.contactBox ul li textarea { float:left; width:97%; padding:10px; height:123px; font-size:12px; color:#919191; border:1px solid #cecece; resize:none; }
		
		.contactBox ul li input[type="submit"] { float:right;padding:10px 20px; background-color:#257c62; font-size:12px; color:#fff; border:1px solid #044934; font-weight:bold; cursor:pointer; }
		
		
		
	 }

div.wpcf7-response-output { width:480px; }
span.wpcf7-not-valid-tip { margin: 17px 0 0 -310px; }


/****************  Custom Guest Page Styles  *****************/

.reviewer span.fn {
	color: #07CA90;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

#wpcr_respond_1 blockquote.description
{
    background: none repeat scroll 0 0 #F3F3F3;
    margin-bottom: 20px;
    padding: 20px;
}

#wpcr_respond_1 p.response
{
    background: none repeat scroll 0 0 #4A4A4A;
    color: #07CA90;
    font-size: 14px;
    font-style: italic;
    margin-left: 50px !important;
    padding: 20px !important;
}


.wpcr_spacing1 {
    padding-bottom: 15px;
}