@charset "utf-8";

body 					{ margin: 0; padding: 0; background: #ffffff; color: #000000; font-size: 18px; font-family:  "Noto Sans", Arial, Helvetica, Geneva, sans-serif;  text-align: left; word-wrap: break-word; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; overflow-x: hidden;}
html, body				{ height: 100%; min-height: 100%; }

.clearfix:after			{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix		{ height: 1%; }

textarea				{ font-size: 13px; font-family: 'Verdana'; resize: none; }
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='number'],
input[type='password']	{ font-size: 13px; }
textarea,
input, select	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type='submit']	{
	background-color: #55af32;
    border: 0px solid;
    border-bottom: 0px solid;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    color: white;
    font-weight: bold;
    padding: 6px 25px;
    text-align: center;
    text-shadow: 0 -1px 0 #55af32;
	font-size:17px!important;
	 margin-right: 5px;}

input[type='submit']:hover {
    opacity:.85;
    cursor: pointer; 
	background:#083f88;
}

/* DEFAULT STYLING */
a							{ color: #1975d1; text-decoration: underline; }
a:hover						{ color: #444444; }
h1, h2, h3, h4, h5, h6		{ color: #848484; font-weight: normal; }
h1							{ font-size: 30px; }
h2							{ font-size: 36px; color: #222222; }
h3							{ font-size: 22px; text-transform: uppercase; }
h4							{ font-size: 20px; font-weight: bold; color: #848484; }
h5							{ font-size: 18px; }
h6							{ font-size: 17px; font-weight: bold; }
p, li, td, th				{ color: #222222; line-height: 20px; font-size: 16px; }
hr							{ color: #848484; }

#wrapper img				{ max-width: 100%; height: auto; }
iframe						{ max-width: 100%; border: 0; }
#maps iframe				{ width:99%;}

/* CGMap */
.CGMapCanvas					{ background-color: lightblue; }
#CGMapCanvas					{ height: 270px; margin-top: -5px;}
#CGMapCanvas_Contact			{ margin-top: 40px; height: 400px; }

#middle li						{ margin-bottom: 6px; line-height: 18px; }
#middle li ul, 
#middle li ol					{ margin-top: 6px; }
#middle hr						{ border: 0; width: 80%; margin: 20px auto; background-color: #cccccc; height: 1px; }
#middle ul > li ul				{ list-style-type: circle; }
#middle ol > li > ol			{ list-style-type: lower-alpha; }
#middle ol > li > ol > li > ol	{ list-style-type: lower-roman; }
#middle blockquote				{ font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; padding: 0 8px 0 20px; border-left: 5px solid #cccccc; overflow: hidden; }


#wrapper			{ width: 100%; margin: 0 auto; padding: 0;}


/* HORIZONTAL MENU */

#menuh							{ position: relative; width: 100%; height: 40px; background: #795f92; margin: 0 auto; text-align: center; z-index:1500;}
#menuh nav						{ position: relative; display: block; text-align: center; max-width: 1490px; width: 100%; margin: 0 auto; }
#menuh nav a					{ display: block; padding: 10px 20px; text-decoration: none; color: #ffffff; font-family: Century Gothic, Arial, sans-serif; font-size: 15px; }
#menuh nav a:hover				{ background: #333333; color: #ffffff; font-size: 15px; }
#menuh nav ul li ul a			{ color: #ffffff; font-size: 15px; }
#menuh nav ul li ul a.active	{ background: #333333; color: #ffffff; font-size: 15px; }
#menuh nav a.active				{ background: #333333; color: #ffffff; font-size: 15px; }
#menuh nav a.active-child		{ background: #333333; color: #ffffff; font-size: 15px; }
#menuh nav ul					{ margin: -10px 0 0 0; padding: 9px 4px 10px 0; list-style: none; text-align: left; display: inline; }
#menuh nav ul li				{ display: inline-block; margin-right: -4px; position: relative; padding: 0; cursor: pointer; z-index:1500;}
#menuh nav ul li ul a:hover		{ background:#333333; color: #fff; }
#menuh nav ul li ul				{ padding: 0; position: absolute; top: 50px; left: 0; width: 200px; display: block; opacity: 0;  background: #555; visibility: hidden; z-index: 90; }
#menuh nav ul li ul li			{ width:100%; background: #555; display: inline-block; color: #fff; }
#menuh nav ul li ul li:hover 	{ background: #666; }
#menuh nav ul li:hover ul 		{ display: block; opacity: 1; visibility: visible; }

/* LEVEL 3 AND UP */
#menuh nav ul li ul li ul,			
#menuh nav ul li:hover ul li ul 	{ padding: 0; position: absolute; top: 10px; left: 200px; width: 200px; display: block; opacity: 0; visibility: hidden; z-index: 90; }
#menuh nav ul li ul li ul:hover 	{ opacity: 1; visibility: visible; }
#menuh nav ul li ul li ul li		{ background: #555; display: block; color: #fff; }

#menuh nav ul li ul li ul li:hover	{ background: #666; }
#menuh nav ul li ul li:hover ul 	{ display: block; opacity: 1; visibility: visible; }


/* HEADER DETAILING */


#headerwrap 		{ position: relative; display: inline-block; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center ;}
#header				{ position: relative; top: 0; width: 1490px; height: auto; margin: 0 auto; }


#headerimage					{ position: relative; display: inline-block; margin: 17px auto;}
#headermiddle					{ position: relative; display: inline-block; margin: 17px auto; width: 30%; margin: 27px auto 19px; vertical-align: top; }
#headermiddle h2				{ color: #222222; }
#headerright					{ position: relative; display: inline-block; width: 18%; vertical-align: top; text-align: right; padding: 42px 0; }
#headerrightbutton				{ position: relative; display: inline-block; background: #ffcc33; text-transform: uppercase; color: #172b60; text-decoration: none; padding: 6px 28px; }
#headerrightbutton:hover,
#headerrightbutton:focus		{ opacity: 0.8; }
#headerright img:hover,
#headerright img:focus			{ opacity: 0.8; }
.gcheader						{ position: relative; display: inline-block; float: right; top: 40px;}

/* SLIDESHOW */


#slideshowwrap			{ position: relative; display: block; width: 100%; max-width: 100%; height: auto; max-height: 650px; overflow: hidden;}
.cycle-slideshow		{ width: 100%; height: auto; z-index: 10; }
.cycle-slide			{ width: 100%; line-height: 0; }
.cycle-slide a			{ display: block; width: 100%; height: auto; line-height: 0; }
.cycle-slide a:hover,
.cycle-slide a:focus		{  }
.cycle-slide img			{ line-height: 0; }

.slideshow-overlay						{ position: absolute; top:30%; z-index: 1400; padding: 0px; width:90%; height: 50px; margin:0 auto; text-align:center; left:5%;}
.slideshow-text							{ display: inline-block; width: 100%; color: #000000; font-size: 20px; vertical-align: top; }
.slideshow-text .title					{ color:#ffffff; font-size:60px;}
.slideshow-text .desc					{ color:#ffffff; font-size:40px;}
.slideshow-pager						{ position:absolute; display: inline-block; width: 100%; text-align: center; z-index: 1500; bottom:20px;}
.slideshow-pager a						{ border: 1px solid red; display: inline-block; width: 10px; height: 10px; margin: 0 0 0 5px; border: 3px solid #666; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.slideshow-pager a.cycle-pager-active	{ border-color: #ffffff; }
.slideshow-pager a:hover,
.slideshow-pager a:focus	{  }

#nextprevious			{ position: absolute; height: 56px; width:100%; top:45%; bottom:45%; z-index:1500;}
#prevbutton				{ display: inline-block; float: left; }
#nextbutton				{ display: inline-block; float: right; }

/* BOOKING BAR */

.bookingwrap		{ width: 100%; margin: 0 auto; padding: 0; overflow: hidden; text-align: center; height: 65px; background: #86a06d; z-index: 29; position: relative; }


/* PAGE TREE */
#pagetree				{ text-align: right; }
#pagetree p				{ font-size: 12px; color: #848484; margin: 0; padding: 10px 0 0 0; }
#pagetree p a			{ font-size: 12px; color: #848484; text-decoration: none; }
#pagetree p a:hover		{ font-size: 12px; color: #848484; text-decoration: underline; }
#pageheading			{ width: auto; padding-bottom: 0; text-align: left; }

/* CONTENT AREA */

#middlewrap			{ width: 100%; height: auto; margin: 0 auto; padding: 0; overflow: hidden;  text-align:center;}
.middle				{ max-width: 1490px; width: 100%;  margin: 0 auto; padding: 10px 0 30px 0; background: #ffffff; /* min-height: 100px; */ overflow: hidden; text-align:left;}

	/* home page content */
	#maintext				{ display: inline-block; width: 65%; vertical-align: top; }


/* HOME RIGHT SIDE BUTTONS */

#middlebuttons			{ width: 35%; height: auto; float: right; display: inline-block; vertical-align: top; position: relative; margin-top: 20px; }
.middlebutton			{ width: auto; height: auto; margin: 15px; background: #4c4336; padding: 10px 0px; }
.middlebutton h2		{ color: #dacc9e; font-size: 28px; margin: 2px 15px 0px 15px; }
.middlebutton p		{ font-size: 18px; margin: 2px 15px 0px 15px; color: #ffffff; }
.middlebutton a		{ text-decoration: none; }
.middlebutton:hover	{ opacity: 0.8; }


/* VERTICAL MENU */
#leftcontainer				{ float: left; width: 182px; border: 1px solid #bbbbbb; display: inline-block;  }
#leftcontainer ul			{ position: relative; margin: 0; padding: 0; list-style: none; }
#leftcontainer ul li a		{ position: relative; display: inline-block; margin: 0 auto; padding: 10px; border: 1px solid #bbbbbb; text-decoration: none; }
#leftcontainer ul a.active 	{ color: #000000; }

/* FEATUREBOX */
.featurebox 				{ position: relative; display: block; width: 95%; padding: 30px 0; }
.featureleft				{ position: relative; display: inline-block; width: 31%; margin-right: 4%; }
.featureright				{ position: relative; display: inline-block; width: 64%; vertical-align: top; }
.featureright h2			{ margin: 0 auto 10px; }
.featureright h5			{ margin: 10px 0; }
.featureright h5 a			{ text-decoration: none; color: #222222; }

/* ROOM FILTERING */
#roomfilter							{ margin: 0 10px; }
.filterHead							{ text-transform: uppercase; font-size: 14px; padding: 5px; margin: 3px 0; border-bottom: 1px solid #ccc; }
.filterOpts							{ font-size: 12px; padding: 5px; }
.filterOpts label					{ display: block; }
.filterSect							{ margin-bottom: 10px; }
.filterSect input[type='checkbox']	{ margin-right: 3px; }
.filterSect input[type='submit']	{ font-size: 11px; margin: 5px 5px 5px 3px; }

/* RECENTLY VIEWED ROOMS */
#recentview					{ float: left; width: 100%; clear: left; margin-left: 10px; }
.recent_view				{ overflow: hidden; display: inline-block; position: relative; width: 200px; padding-bottom: 20px;}
.recent_view:hover			{ opacity:0.8;}
.recent_view a				{ display: inline-block; max-width: 100%; text-decoration:none; color:#727272;}
.recent_view a:hover		{ text-decoration:underline;}
.recent_image				{ display: inline-block; width: 50%; vertical-align: middle; text-align: center; }
.recent_image a				{ line-height: 0; }
.recent_image img			{ max-width: 90% !important; }
.recent_detail				{ display: inline-block; width: 50%; vertical-align: middle; }
.recent_title				{  }
.recent_price				{  }

/* IMAGE LIBRARY */
#imagelibrary				{ margin: 4px; padding: 4px; }
#imagelibrary img			{ margin: 3px; }

/* IMAGE STYLING */
html>body .outerpair1			{ background: url(../images/upperrightfade.png) no-repeat right top; }
html>body .outerpair2			{ background: url(../images/lowerleftfade.png) no-repeat left bottom; padding: 8px 0 0 8px; }
html>body .shadowbox			{ background: url(../images/shadow.png) bottom right; }
html>body .innerbox			{ position: relative; left: -8px; top: -8px; }
.shadowbox img				{ border: 1px solid #000000; vertical-align: bottom; }

.pageimagecenter			{ text-align: center; margin: 0 auto; padding: 0; max-width: 100%; }
.pageimageright				{ float: right; margin: 5px 0 5px 5px; padding: 0; max-width: 100%; }
.pageimageleft				{ float: left; margin: 5px 5px 5px 0; padding: 0; max-width: 100%; }
.pageimagenone img			{ margin: 3px; padding: 0; }

/* Parallax */

section.module.uppercontent 						{ background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden;}
section.module.uppercontent-1 						{ max-height: 100%; height: auto; width: 100%; max-width: 1920px; margin: 0 auto 0 auto; }
.uppercontent-1										{ background-image: url(../images/restaurant.jpg)!important;}
.windowholderdiv									{ position: relative; display: block; width: 100%; text-align: center; max-width: 1920px; margin-left: auto; margin-right: auto; margin-bottom: -4px; /* -4px - This gets rid of the weird margin between divs */ }
.windowdivheight									{ height: auto; max-height: 742px; }
.windowdivheight .middle							{ margin: 95px auto; }
.window												{ position: relative; z-index: 20; max-width: 1920px; display: none; }
.windowholderdiv h2 								{ color: #ffffff; margin: 5px 0; }
.windowholderdiv p 									{ color: #ffffff; margin: 0; font-size: 22px; line-height: 30px; }
.windowholderdiv a 									{ display: inline-block; background: #ffffff; color: #172b60; text-transform: uppercase; letter-spacing: 1px; padding: 5px 75px; text-decoration: none; margin-top: 65px; }
.windowholderdiv a:hover,
.windowholderdiv a:focus							{ opacity: 0.8; }
#windowversion img									{ max-width: 100%; }
.middleparallax										{ max-width: 1490px; width: 100%;  margin: 0 auto; padding: 100px 0 100px 0; overflow: hidden; }

/* SOCIAL SHARING BUTTONS */
#social						{ width: 100%; height: auto; float: left; padding: 5px 0; overflow: hidden; }
#social span a				{ width: 32px;  }
.a2a_svg					{ position: relative; float: left; width: 32px; display: inline-block; }
.a2a_label 					{ display: none !important; }

/* SEARCH */
#search						{ margin: 10px; }
#search input[type='text']	{ height: 24px; width: 100%; }
#search input[type='submit']	{ height: 24px; line-height: 14px; }

#results ul					{ font-size: 13px; list-style: none; padding: 0; margin: 0; }
#results ul li					{ padding: 5px 10px; border: 1px solid #dfdfdf; margin: 3px 0 10px 0; }
#results .title				{ padding-bottom: 5px; }
#results .title a			{ font-weight: bold; }
#results small				{ display: block; color: #578a1e; margin-top: -4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#results .desc				{ font-size: 12px; line-height: 18px; width: 400px; max-width: 100%; }

/* PAGE GALLERY */
.pagegalleryheading			{ display: none; }
.pagegalleryinner			{ width: 100%; margin: 0; padding: 0; }
.pagegalleryimage			{ position: relative; display: inline-block; width: 14%; height: 0; padding-bottom: 14%; overflow: hidden; margin: 0.3%; vertical-align: middle; }
.pagegalleryimage img		{ border: 0; vertical-align: middle; line-height: 0; position: absolute; display: block; max-width: 240% !important; /*min-width: 100% !important;*/ height: auto; /*min-height: 100%;*/ /*left: -25%;*/ }
.pagegalleryimage a			{ line-height: 0; }
.pagegalleryimage a:hover img,
.pagegalleryimage a:focus img { opacity: 0.7; }
.ui-icon-circle-arrow-e		{}
.ui-icon-circle-arrow-e		{}

/* LINKS SECTION */
.link						{ background: #efefef; overflow: hidden; border: 1px solid #bbbbbb; margin: 15px 0; padding: 5px; }
.linktop					{ margin: 0; padding: 5px; }
.linktop,
.linktop a					{ font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.linkleftcontainer			{ float: left; width: 150px; height: auto; max-width: 25%; margin: 0 5px 0 0; }
.linkleftcontainer img		{ border-style: none; margin: 0; padding: 0; line-height: 0; }
.linkrightcontainer			{ height: 120px; overflow-y: auto; border: 1px solid #bbbbbb; background: #ffffff; padding: 5px; }
.linkrightcontainer p		{ margin: 0; }
.linkfooter					{ padding: 5px 0 0 0; text-align: right; }

/* HTML SITEMAP */
#sitemap a					{ text-decoration: none; }
.sitemapL2:before,
.sitemapL3:before,
.sitemapL4:before,
.sitemapL5:before,
.sitemapL6:before			{ content: "\00BB"; display: inline-block; margin: 0 3px 0 0; }
.sitemapL1					{ margin: 0 0 5px 0;  }
.sitemapL1 a					{ font-size: 16px; text-transform: uppercase; font-weight: bold; }
.sitemapL2					{ margin: 10px 0 3px 10px; }
.sitemapL2 a					{ color: #333333; text-transform: uppercase; }
.sitemapL3					{ margin: 0 0 3px 20px; }
.sitemapL4					{ margin: 0 0 3px 30px; }
.sitemapL5					{ margin: 0 0 3px 50px; }
.sitemapL6					{ margin: 0 0 3px 60px; }

/* BLOG */
.homeposts					{ position: relative; display: inline-block; width: 48%; text-align: left; padding-left: 20px; vertical-align: top; border: 1px solid green; }
.homeposts a				{ color: #ffffff; text-decoration: none; font-weight: bold; font-size: 16px; }
.date						{ color: #ffffff; }
.shortdescription			{ color: #ffffff; margin-bottom: 10px; vertical-align: top; }
.shortdescription a			{ color: #ffffff; text-decoration: none; font-size: 13px; font-weight: normal; }
.shortdescription a:hover	{ font-weight: bold; }
.shortdescription img		{ width: 120px; height: auto; float: left; margin-right: 5px; padding: 5px 5px 5px 0 !important; }
.slide img					{ display: inline-block; width: 300px; }

figure 						{ display: inline-block; margin: 1em 10px; width: 300px; vertical-align: top; font-style: italic; }
figcaption						{ display: none; }

/* Post List */
.posts							{ position: relative; display: inline-block; width: 100%; padding: 20px 0 25px 0; border-bottom: 3px solid #dfdfdf; }
.posts a						{ display:inline-block; text-decoration: none; font-size: 16px; width: 80%; font-weight: bold; }
.posts a:hover					{ text-decoration: underline; }
.post a							{ display: inline-block; text-decoration: none; width: 80%; font-weight: bold; }
.post a:hover					{ color: #2b292a; }
.posts .date					{ display: inline-block; color: #999999!important; letter-spacing: -0.5px; font-size: 13px; }
.bloghead						{ width: 100%; }
.blogread a 					{ font-size: 13px; }
.blogread a:hover				{ color: #f26e5e; }

.shortdesclist					{ margin-bottom: 10px; vertical-align: top; }
.shortdesclist a				{ text-decoration: none; font-size: 13px; font-weight: normal; }
.shortdesclist a:hover			{ font-weight: bold; color: #f26e5e; }
.shortdesclist img				{ width: 120px; float: left; margin-right: 5px; padding: 5px 5px 5px 0 !important; }

/* Post Display */
.post .date					{ color: #bbbbbb; letter-spacing: -0.5px; font-size: 14px; font-weight: bold; text-transform: uppercase;}

/* Next Post */
.next_post					{ margin: 15px 0; }

/* Popular Posts */
.popular_posts				{ padding: 0 0 10px 0; border-top: 3px solid #dfdfdf; border-bottom: 3px solid #dfdfdf; }
.popular_posts li			{ padding: 0; }
.popular_posts a			{ text-decoration: none; font-size: 14px; color: #f26e5e; }

/* Comments */
.comment					{ border-bottom: 1px solid #cccccc; padding: 13px 0; width: 60%; overflow: hidden; }
.commentName,
.commentName a				{ font-weight: bold; text-decoration: none; }
.commentDate				{ color: #666666; font-size: 12px; padding-bottom: 10px; }
.commentText,
.commentText p				{ color: #555555; margin: 0; }

/* Room LIST */
#room						{ margin-top: 20px; border: 0px solid purple; }

.roomitem					{ position: relative; display: inline-block; vertical-align: top; width: 31%; min-height: 480px; margin: 5px 1% 20px; text-align: center; overflow: hidden; background:#f0ecf3; padding-bottom:10px;}
.roomtitle					{ padding: 10px 3px 3px 5px; font-size: 18px; text-align: left; color: #848484;}

.roomimage					{ position: relative; display: inline-block; vertical-align: top; margin: 0px; text-align: center; width:100%;}
.roomimage img				{ width:100%;}
.roomimage a:hover img		{ opacity: 0.7; }

.roomdetails				{ position: relative; display: inline-block; text-align: center; width: 100%; }
.roombtns					{ position:absolute; bottom:-70px; width: 100%; margin: 15px auto; }
.roombtns a					{ display: inline-block; text-decoration: none; padding: 7px 7px; margin: 5px; width: 40%; border: 0px solid; text-align: center; }
.roomview					{ background:#4c4336; color: #ffffff; }
.roomview a					{ color: #FF3DB8; }
.roomview:hover				{ color: #ffffff; opacity: .65; cursor: pointer;  -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.roomorder					{ background: #0f4993; color:#ffffff; }
.roomorder a				{ color: #ffffff; }
.roomorder:hover			{ color: #ffffff; opacity: .65; cursor: pointer;  -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);  }
.roomenquire				{ background: #0f4993; color: #ffffff; }
.roomenquire a				{ color: #ffffff; } 
.roomenquire:hover			{ opacity: .95; cursor: pointer; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); color: #ffffff; }

.roomorder,
.roomview,
.roomenquire,
.roomD_thumb,
#roomD_order,
#roomD_enquire				{ transition: 0.5s; }
.little						{ font-size: 11px; font-style: italic; font-weight: normal; }

.widSSPData			{ border:0!important;}
#CDSWIDSSP		{ width:100%!important;}
.widSSPH11			{ font-size:18px!important;}
.widSSPQuote		{ font-size:14px!important;}
.widSSPLegal		{ color:#ffffff;}

/* ROOM DISPLAY */

#roomD_left		{ display: inline-block; width: 65%; vertical-align: top; }
#roomD_right		{ display: inline-block; width: 33%; vertical-align: top; margin-left: 2%; background:#f4f4f4; padding:20px 0; }

#amenitieswrap		{ width: 100%; height: auto; margin: 0 auto; padding: 0; background: #f0f0f0; overflow: hidden; text-align: center; }

.roomD_large		{ max-width: 100%; text-align: center; overflow: hidden; }
.roomD_large a	{ background: url("../images/loading.gif") no-repeat 50% 50%; display: inline-block; width: 100%; height: auto; }
.roomD_large img	{ max-width: 100%; height: auto; }

.roomD_images	{ text-align: center; }
.roomD_thumb		{ margin: 5px; background: #ffffff; line-height: 0; }
.roomD_thumb,
.roomD_thumb a	{ display: inline-block; width: 150px; height: 110px; line-height: 96px; overflow: hidden; }
.roomD_thumb img	{ vertical-align: middle; }
/*.roomD_thumb:hover	{ -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }*/

#roomD_right h1	{ margin-top: 20px; padding: 10px 0 0 0;}
.roomD_detail	{ padding: 0 10px; font-size: 15px; }
.roomD_status	{ font-size: 15px; }
#available		{ color: #009f00; }
#outofstock,
#soldout		{ color: #9f0000; }

#titlebox		{ width:100%; height:100%; background:#ffffff; margin-top:-45px;}
#bedconfig		{ color:#083f88; margin-top:-10px; padding-bottom:40px;}

#roomD_price		{ font-size: 24px; font-weight: bold; padding: 10px; margin-top: 15px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
#roomD_was		{ font-size: 13px; text-decoration: line-through; color: #9f0000; display: block; }

#rate			{ display: inline-block; width: 90%; margin: 0 auto; border: 1px solid #f26e5e; margin-left: 10px; margin-bottom: 20px; }
.rates 			{ display: inline-block; width: 25%; color: #f26e5e; }
.ratespeak		{ display: inline-block; width: 25%; color: #f26e5e; font-weight: bold; }
#ratestitle		{ display: inline-block; text-align: center; font-size:24px; width: 100%; padding: 5px 0; color: #ffffff; background: #f26e5e; }
.ratestype		{ display: inline-block; width: 50%; color: #f26e5e; padding: 5px 0 5px 20px; }
.ratestypepeak		{ display: inline-block; width: 50%; color: #f26e5e; padding: 5px 0 5px 20px; font-weight: bold; }
.ratespn		{ display: inline-block; width: 15%; color: #f26e5e; font-style: italic; font-size: 12px; }
.ratespp		{ display: inline-block; width: 15%; color: #f26e5e; font-style: italic; font-size: 12px; }

#roomD_links		{ padding: 10px; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }
#roomD_links a	{ display: inline-block; color: #ffffff; text-decoration: none; padding: 8px 10px; margin: 8px 0 10px 0; }
#roomD_order		{ width: 90%; background: #dbc58f; }
#roomD_order:hover	{ background: #009f00; }
#roomD_enquire	{ width: 90%; background: #515151; }
#roomD_enquire:hover	{ background: #00cfff; }
#roomD_pdfs		{ padding: 10px; border-bottom: 1px solid #dddddd; }
.roomD_pdf		{ display: inline-block; width: 50%; }
.roomD_pdf img	{ max-width: 20px !important; margin-right: 6px; vertical-align: middle; }

.roomD_text		{ padding: 0 10px; }
.roomD_text h2	{ font-weight:bold; font-size:15px; color:#2b2b2b;}
.roomD_textdetails	{ position: relative; display: inline-block; padding: 0 10px; vertical-align: top; width: 490px; }
.roomD_textfeatures	{ position: relative; display: inline-block; padding: 0 10px; vertical-align: top; width: 490px; }

#amenities			{ color:#ffffff; text-align:left; padding:10px 0;}
#amenities h2		{ font-weight:bold; font-size:15px; color:#2b2b2b; margin-left:10px;}
.amenity			{ position:relative; display:inline-block; width:40px; height:40px;}
.amenitiesimg		{ position:relative; display:inline-block; width:30px; height:30px; vertical-align:middle;}
.amenitytxt			{ position:relative; display:inline-block; width:150px; vertical-align:middle; padding-left:5px;}
#amenities a		{ position:relative; float:right; bottom:0; text-align:right; font-weight:bold; color:#5db9e8; text-decoration:none; }
#amenities .btn-default	{ display:none!important;}

.panel-preview 		{ height: auto;}
.panel-body			{ padding:0!important;}
#expander			{ display:none; height:120px; }

#propertyamenities			{ color:#2b2b2b; text-align:left; padding:10px 0 10px 10px; background:#f4f4f4; margin:50px 0;}
#propertyamenities h2		{ color:#2b2b2b; margin-left:10px;}
.propertyamenity			{ position:relative; display:inline-block; width:210px; height:40px;}
.propertyamenitiesimg		{ position:relative; display:inline-block; vertical-align:middle; padding-right:2px; font-size:14px!important; height: 30px!important;}
.propertyamenitytxt			{ position:relative; display:inline-block; width:150px; vertical-align:middle; padding-left:5px;}
#propertyamenities a		{ position:relative; float:right; bottom:0; text-align:right; font-weight:bold; color:#5db9e8; text-decoration:none; }
#propertyamenities .btn-default	{ background:#f4f4f4; border:none;}


.facilitieslink	{ margin-left:20px; margin-top:50px; }
.facilitieslink a { display: inline; font-size: 14px; text-decoration: none; width: 250px; height: 45px; padding: 10px 10px; margin-top:20px; border: 2px solid #184c90;}
.facilitieslink:hover a { width: 250px; height: 45px; padding: 10px 10px; margin-top:20px; border: 2px solid; background:#184c90; color:#ffffff; text-decoration:none;}


.arrow			{ vertical-align:middle;}
#sleeps			{ margin-left:20px;}
#sleeps h2		{ font-weight:bold; font-size:15px; color:#2b2b2b;}
.sleepsinfo		{}

#bd				{ margin-left:20px;}
#bd h2			{ font-weight:bold; font-size:15px; color:#2b2b2b;}
.bdtitle		{ position:relative; display:inline-block; width:30%;}
.bdinfo			{ position:relative; display:inline-block; width:70%;}
.bdlink			{ margin-top:20px; }
.bdlink	a		{ font-weight:bold; color:#5db9e8; text-decoration:none;}

/* Booking Box */
#bookingbox		{ background: #e5e5e5; width: 100%; height: auto; border-radius: 0;}
#bookingbox input.calendar	{ width: 160px; }
.enquireboxbutton	{ position: relative; display: inline-block; padding: 20px 0 20px 30px; }
.enquireboxbutton a 	{ color: #ffffff; text-decoration: none; }
.enquireboxbutton a:hover 	{ color: #ffffff; text-decoration: none; }
.bookingboxbutton	{ position: relative; display: inline-block; padding: 20px 0 0 30px; }
.bookingboxtxt		{ position: relative; display: inline-block; text-align: left; width: 100%; font-size: 15px;font-weight:bold; padding: 15px 0 10px 30px; }
.bookingboxcheckin	{ position: relative; display: inline-block; padding: 0 10px 0 30px; z-index: 999; margin-bottom: 10px;}
.bookingboxcheckin img	{ vertical-align: middle; padding-right: 5px; z-index: 999; }
.bookingboxcheckout	{ position:relative; display: inline-block; padding: 0 10px 0 0; z-index: 999; margin-bottom: 10px; }
.bookingboxcheckout img	{ vertical-align: middle; padding: 5px 5px 5px 30px; z-index:999; }
.bookingboxpax		{ position:relative; display: inline-block; padding: 0 10px 0 30px; width:40%;}
.bookingboxpax img	{ vertical-align: middle; padding-right: 7px; z-index: 999; }
.bookingboxpaxchild	{ position:relative; display: inline-block; padding: 0 10px 0 0; width:40%;}
.bookingboxpaxchild img	{ vertical-align: middle; padding: 0 10px 0 10px; z-index: 999; }
select.number_adult3	{ height: 30px; padding: 5px; width: 100px; font-size: 15px!important; font-family: 'Arial'!important; }
select.number_child3	{ height: 30px; padding: 5px; width: 100px; font-size: 15px!important; font-family: 'Arial'!important; }
#bookingbox	select	{ font-size: 13px!important; font-family: 'Arial'!important; border:0;}

/* ROOM SPECS BOX */
#roomTabsWrap		{ position: relative; margin:0 auto; top: 0; width: 100%; height:auto; background:#ffffff; border-top: 6px solid #727272; margin-top:50px;}
#roomTabs 			{ width:100%; max-width: 1490px; margin: 0 auto; padding: 0; min-height: 250px; overflow: hidden; margin-top:-51px;}

#roomTabs > ul li		{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
#roomTabs > ul		{ list-style: none; margin: 0; padding: 0; border-bottom: 6px solid #727272; }
#roomTabs > ul li		{ background-color: #dcddde; display: inline-block; font-size:15px; color:#727272; padding: 10px 25px; margin: 0; cursor: pointer; margin-right:4px;}
#roomTabs > ul li.active	{ background-color: #727272; color:#dcddde;}
#roomTabs > div		{ background: #ffffff; width:100%;}
#roomTabs > div > div	{ display: none; }
#roomTabs > div > div.active	{ display: block; }

#roomTabs .review			{ display: inline-block; width: 99%; margin-bottom: 2%; vertical-align: top; }
#roomTabs .review:nth-child(odd)	{ margin-right: 2%; }
#roomTabs .specs h5		{ text-transform: uppercase; padding: 25px 5px 0 5px; font-size: 20px; color: #454545; }
#roomTabs .group		{ -webkit-columns: 1; -moz-columns: 1; columns: 1; }

#roomTabs .group > div:nth-child(odd) { background-color: #e2e2e2; }
#roomTabs .specs label	{ display: inline-block; vertical-align: top; width: 60%; padding: 10px 40px; box-sizing: border-box; color: #282828; font-size:15px; letter-spacing: 2px;}
#roomTabs .spec		{ display: inline-block; vertical-align: top; width: 40%; padding: 10px 40px; box-sizing: border-box; color: #282828; font-size:15px; letter-spacing: 2px;}

#roomTabs .full-width-spec	{ display: block; width: auto; }

#roomT_left		{ display: inline-block; width: 60%; vertical-align: top; }
#roomT_right		{ display: inline-block; width: 38%; vertical-align: top; margin-left: 2%; }

/* ROOM SPECS 2 BOX */
#roomTabs2Wrap		{ position: relative; margin:0 auto; top: 0; width: 100%; height:auto; background:#dcddde; border-top: 2px solid;  margin-top:50px;}
#roomTabs2 			{ width:100%; max-width: 1490px; margin: 0 auto; padding: 0; min-height: 250px; overflow: hidden; margin-top:-47px;}

#roomTabs2 > ul li		{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
#roomTabs2 > ul		{ list-style: none; margin: 0; padding: 0;}
#roomTabs2 > ul li		{ background-color: #727272; display: inline-block; font-size:15px; color:#dcddde; padding: 10px 25px; margin: 0; cursor: pointer; margin-right:4px;}
#roomTabs2 > ul li.active	{ background-color: #dcddde; color:#727272;}
#roomTabs2 > div		{ width:100%; background:#dcddde; }
#roomTabs2 > div > div	{ display: none; }
#roomTabs2 > div > div.active	{ display: block; }

#roomTabs2 .review			{ display: inline-block; width: 99%; margin-bottom: 2%; vertical-align: top; }
#roomTabs2 .review:nth-child(odd)	{ margin-right: 2%; }
#roomTabs2 .specs h5		{ text-transform: uppercase; padding: 25px 5px 0 5px; font-size: 20px; color: #454545; }
#roomTabs2 .group		{ -webkit-columns: 2; -moz-columns: 2; columns: 2; margin-bottom:20px;}
#roomTabs2 .group2		{ -webkit-columns: 1; -moz-columns: 1; columns: 1; }

#roomTabs2 .group > div:nth-child(odd) { background-color: #ececec; }
#roomTabs2 .specs label	{ display: inline-block; vertical-align: top; width: 25%; padding: 5px; box-sizing: border-box; color: #282828; font-size:15px; letter-spacing: 2px;}
#roomTabs2 .spec		{ display: inline-block; vertical-align: top; width: 75%; padding: 10px 40px; box-sizing: border-box; color: #282828; font-size:15px; letter-spacing: 2px;}

#roomTabs2 .full-width-spec	{ display: block; width: auto; font-size:15px; color:#727272;}

#roomT2_left		{ display: inline-block; width: 60%; vertical-align: top;}
#roomT2_right		{ display: inline-block; width: 38%; vertical-align: top; margin-left: 2%; }

/* DIRECTORY STYLING */
#directory					{ overflow: hidden; }
.directoryitem				{ background: #ffffff; border: 1px solid #848484; margin: 0 0 20px 0; padding: 15px; position: relative; overflow: hidden; }
.directorytitle				{ font-size: 18px; color: #848484; padding: 0; margin-bottom: 10px; display: block; }
.directorydesc				{ color: #848484; display: block; font-size: 13px; height: 70px; overflow: hidden; margin: 0 155px 15px 0; }
.directoryitem a				{ text-decoration: none; display: inline-block; width: 100%; }
.directoryimage				{ position:absolute; float: right; width: 150px; max-width: 45%; height: auto; max-height: 125px; text-align: center; display: inline-block; overflow: hidden; right: 15px; top: 15px; margin-bottom: 5px; }
.readmore					{ clear: right; background: #848484; color: #f0f0f0; font-size: 13px; padding: 7px 7px 4px 7px; letter-spacing: 1px; display: inline-block; }
.directoryitem a:hover .readmore			{ color:#848484; background: #f0f0f0; }
.directoryitem a:hover .directorytitle	{ color: #848484; }

/* DIRECTORY DISPLAY STYLING */

.directorydisplayright					{ width: 350px; float: right; margin-bottom: 20px; }
.directorydisplayfacts					{ margin-bottom: 10px; padding-bottom: 10px; font-size: 14px; line-height: 20px; }
.directorydisplayfacts h2				{ font-size: 18px; color:#848484; }
.directorydisplayfacts table			{ border-collapse: collapse; width: 100%; }
.directorydisplayfacts td				{ vertical-align: top; font-size: 14px; padding: 4px 0; border-bottom: 1px solid #d9d4cb; }
.directorydisplayfacts td:first-child	{ width: 30%; }
.directorydisplayfacts td:last-child	{ width: 70%; text-align: left; font-weight: bold; }
.directorydisplayfacts a				{ vertical-align: top; font-size: 14px; }
.directorydisplaylarge					{ width: 100%; height: auto; background: #f1eee6; line-height: 0; margin-bottom: 10px; max-width: 100%; text-align: center; overflow: hidden; }
.directorydisplaylarge a				{ background: url("../images/loading.gif") no-repeat 50% 50%; display: inline-block; width: 100%; height: auto; }
.directorydisplaylarge img				{ max-width: 100%; height: auto; }

.directorydisplaytext			{ width: auto; margin: 30px 0 20px 0; padding-right: 15px;}
.directorydisplayauthor			{ padding: 20px 45px; clear: both; border-top: 1px solid #d9d4cb; border-bottom: 1px solid #d9d4cb; line-height: 22px; font-size: 12px; }
.directorydisplayimages			{ margin-bottom: 5px; overflow: hidden; padding-bottom: 6px; border-bottom: 1px solid #d9d4cb; }
.directorydisplaythumb,
.directorydisplaythumb a		{ display: inline-block; width: 110px; height: 80px; line-height: 96px; overflow: hidden; }
.directorydisplaythumb img		{ border: 0; vertical-align: middle; padding:5px;}
.directorydisplaythumb:hover	{ -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }

.gm-style-iw				{ width: 324px !important; height: 120px !important; overflow: hidden !important; }
.gm-style-iw div 			{ overflow: hidden !important; }

/* BLOG */
/* Post List */
.posts					{ padding: 40px 0 25px 0; border-bottom: 3px solid #dfdfdf; }
.posts h1 a				{ text-decoration: none; }
.posts h1 a:hover,
.posts h1 a:focus			{}
.posts .date				{ color: #bbbbbb; letter-spacing: -0.5px; font-size: 14px; font-weight: bold; text-transform: uppercase; }

/* Post Display */
.post .date				{ color: #bbbbbb; letter-spacing: -0.5px; font-size: 14px; font-weight: bold; text-transform: uppercase; }

/* Next Post */
.next_post				{ margin: 15px 0; }

/* Popular Posts */
.popular_posts			{ padding: 0 0 10px 0; border-top: 3px solid #dfdfdf; border-bottom: 3px solid #dfdfdf; }
.popular_posts ul		{ padding-left: 20px; }

/* Comments */
.comment					{ border-bottom: 1px solid #cccccc; padding: 13px 0; width: 60%; overflow: hidden; }
.commentName,
.commentName a				{ font-weight: bold; text-decoration: none; }
.commentName a:hover,
.commentName a:focus		{}
.commentDate				{ color: #666666; font-size: 12px; padding-bottom: 10px; }
.commentText,
.commentText p				{ color: #555555; margin: 0; }

/* Blog Admin */
.admin_blog input[type='text']	{ width: 100%; }
.admin_blog textarea		{ width: 100%; min-height: 80px; }
.admin_blog table			{ width: 100%; }
.admin_blog td,
.admin_blog th				{ padding: 0 10px; }
.admin_blog td				{ padding: 5px 0; border-top: 2px solid #bbb; }
.admin_blog .comBox			{ padding: 5px; max-width: 500px; max-height: 35px; line-height: 17px; background: #efefef; overflow-y: auto; }

/* ADMIN STYLING */
#admin					{ position:relative; display:inline-block; width:90%; }
#adminpage input[name='login'],
#adminpage input[name='password'] { width: 100%; }

#adminpage					{ margin: 0 0 20px 0; font-size: 12px; font-weight: normal; text-align:left;}
#adminpage b				{ color: #000000; font-weight: bold; }

#adminpage table			{ margin-bottom: 10px; border: 1px solid #9f9f9f; background: #dfdfdf; }
#adminpage table img		{ display: inline-block; margin: 0 auto; }
#adminpage td				{ background: #dfdfdf; color: #000000; text-align: left; }
#adminpage th				{ background: #cfcfcf; color: #000000; text-align: left; }
#adminpagegallery			{ position: relative; font-size: 12px; font-weight: normal;}

#admindivouter				{ position: relative; display: inline-block; margin: 0 auto; background: #ffffff; width: 100%; float: right; }
#admindiv					{ text-align: left; margin-bottom: 10px; border: 1px solid #9f9f9f; background: #dfdfdf; }
.admincheckbox				{ position: relative; display: inline-block; width:250px; padding: 5px; }
.admincheckboxheading		{ position: relative; display: inline-block; text-align: left; }
.admincheckboxheading img	{ padding-right: 5px; }
.admincheckboxvalue			{ position: relative; display: inline-block; float: left; vertical-align: middle; padding: 2px 5px 0 0; }
.admininput					{ position: relative; display: inline-block; float: left; width: 100%; padding: 5px; }
.admininputheading			{ position: relative; display: inline-block; float: left; text-align: right; width: 200px; }
.admininputvalue			{ position: relative; display: inline-block; float: left; text-align: left; width: 550px; padding-left: 10px; }
.admindropdown				{ position: relative; display: inline-block; float: left; width: 100%; padding: 5px; }
.admindropdownheading		{ position: relative; display: inline-block; float: left; text-align: right; width: 200px; }
.admindropdownvalue			{ position: relative; display: inline-block; float: left; text-align: left; width: 550px; padding-left: 10px; }
.admindate					{ position: relative; display: inline-block; float: left; width: 100%; padding: 5px; }
.admindateheading			{ position: relative; display: inline-block; float: left; text-align: right; width: 200px; }
.admindatevalue				{ position: relative; display: inline-block; float: left; text-align: left; width: 550px; padding-left: 10px; }
.adminbutton				{ position: relative; display: inline-block; float: left; width: 100%; padding: 5px; }
.adminbuttonheading			{ position: relative; display: inline-block; float: left; text-align: right; width: 200px; }
.adminbuttonvalue			{ position: relative; display: inline-block; float: left; text-align: left; width: 550px; padding-left: 10px; }
.admineditor				{ position: relative; display: inline-block; float: left; width: 100%; padding: 5px; }
.admineditorheading			{ position: relative; display: inline-block; float: left; text-align: left; width: 100%; }
.admineditorvalue			{ position: relative; display: inline-block; float: left; text-align: left; width: 99%; }
.admintext					{ position: relative; display: inline-block; float: left; width: 100%; padding: 5px; }
.admintextheading			{ position: relative; display: inline-block; float: left; text-align: right; width:200px; }
.admintextvalue				{ position: relative; display: inline-block; float: left; text-align: left; width: 550px; padding-left: 10px; }
.adminimages				{ position: relative; display: inline-block; float: left; width: 100%; padding: 5px; }
.adminimagesnumber			{ position: relative; display: inline-block; float: left; text-align: left; width: 200px; }
.adminimagesvalue			{ position: relative; display: inline-block; float: left; text-align: left; width: 550px; padding-left: 10px; }
.adminsearch				{ position: relative; display: inline-block; float: left; width: 100%; padding: 5px; }
.adminsearchtitle			{ position: relative; display: inline-block; float: left; text-align: left; width: 200px; }
.adminsearchvalue			{ position: relative; display: inline-block; float: right; text-align: left; padding-left: 10px; }
.adminroomtreeouter 		{ position: relative; display: inline-block; text-align: center; padding: 5px 0; margin: 0 auto; width: 1490px; }

.roomedit					{ width: 1490px; margin: 0 auto; }
.roomedit > td				{ background: #d6d6d6; }
#admindivouter table.LogBody		{ width: 100%; }
#admindivouter table.log			{ width: 100%; background: #333333; }
#admindivouter table.log th		{ padding: 2px; background: #555555; color: #ffffff; font-size: 13px; }
#admindivouter table .logrow1 td	{ padding: 4px; background: #cfcfcf; font-size: 12px; }
#admindivouter table .logrow2 td	{ padding: 4px; background: #eeeeee; font-size: 12px; }
#admindivouter table .logrowS td	{ padding: 4px; background: #ffff66; font-size: 12px; }
#admindivouter table label			{ display: inline-block; width: 100%; padding: 2px; }
#admindivouter table label:hover	{ color: #cf0000; cursor: pointer; }

#adminpage table.roomedit	{ width: 100%; }
#adminpage .roomedit > td	{ background: #d6d6d6; }
#adminpage .roomedit2 > td	{  }
#adminpage table.LogBody		{ width: 100%; }
#adminpage table.log			{ width: 100%; background: #333333; }
#adminpage table.log th		{ padding: 2px; background: #555555; color: #ffffff; font-size: 13px; }
#adminpage table .logrow1 td	{ padding: 4px; background: #cfcfcf; font-size: 12px; }
#adminpage table .logrow2 td	{ padding: 4px; background: #eeeeee; font-size: 12px; }
#adminpage table .logrowS td	{ padding: 4px; background: #ffff66; font-size: 12px; }
#adminpage table label			{ display: inline-block; width: 100%; padding: 2px; }
#adminpage table label:hover,
#adminpage table label:focus	{ color: #cf0000; cursor: pointer; }

#edit_room tbody tr td fieldset table tbody tr td:first-child	{ width:180px;}

.audit_box li					{ width: 48%; display: inline-block; vertical-align: top; }
span.audit_showhide			{ background: #222; }

#adminpage input[size='90']	{ width: 100%; }
#adminpage input[name='insert']	{ width: 50%; }

/* SUBPAGES */
.subpages div			{ display: inline-block; width: 19%; margin: 4px 4px 4px 2px; text-align: center; vertical-align: top; }
.subpages a			{ display: inline-block; max-width: 100%; color: #848484; }
.subpages img		{ border: 0; margin-bottom: 5px; }
.subpages span		{ display: inline-block; text-decoration: none; width: 100%; max-width: 100%; }
.subpages a:hover img,
.subpages a:focus img,
.subpages a:hover 	{ opacity: 0.7; text-decoration: underline; }

/* CONTACT MESSAGE */
#contact			{ display:none; clear: both; width: auto; margin: 20px auto; color: #000000; font-size: 14px; text-align: center; }
#contact a 			{ color:#ffffff; text-decoration:none;}

/* CONTACT */
#contactform									{ position: relative; display: inline-block; overflow: hidden; width: 98%; }
#contactform input[name='enquiry[Postcode]']	{ width: 100px; }
#contactform #contact_thanks					{ padding: 15px; margin: 0 auto; width: 75%; text-align: center; border: 1px solid #afafaf; background: #cfcfcf; }

#contactright				{ position: relative; display: inline-block; width: 45%; vertical-align: top; font-weight: bold; text-align: left; }
#contactright img			{ padding: 5px 10px 5px 5px; vertical-align: middle; }
#contactright a:hover		{ color: #083f89; }
#contactright img a:hover	{ opacity: 0.6; }
#contactright a				{ color: #444446; text-decoration: none; }

#contact-us			{ width: 47%; float: left; display: inline-block;}
#contact-us a 		{ text-decoration:none;}
#contactpage		{ background-color: #EEEEEE; width: 50%; float: right; padding: 20px; display: inline-block;}
iframe				{ border:none;}
#maps iframe	{ height:400px; padding-top:40px;}

/* SITE FORMS */
.form			{ position: relative; display: inline-block; overflow: hidden; float: left; text-align: left; width: 90%; }
.form *			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form .error		{ color: #cc0000; }
.form > div		{ padding: 1px; margin: 0 0 10px 0; overflow: hidden; }
.form > div > label	{ width: 30%; float: left; padding-right: 10px; line-height: 24px; }
.form > div > div	{ width: 70%; float: right; }
.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form textarea,
.form select			{ width: 75%; padding: 4px; border: 1px solid #ccc; border-radius: 2px; }
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=url]:focus,
.form input[type=password]:focus,
.form input[type=tel]:focus,
.form input[type=number]:focus,
.form textarea:focus		{ outline: 0; border-color: #4697e4; }


.middleright img 	{ float: right; padding-bottom: 10px; }
.video-cover 	{ width: 300px; height: 195px; float: right; padding-bottom: 10px; }

#poi			{ width: 100%; margin:0 auto; text-align: center; padding: 20px 0 30px 0; }
#poihead		{ font-size: 30px; color: #ffffff; text-align: center; }
#poihead2		{ font-size: 20px; color: #ffffff; text-align: center; font-style: italic; padding: 10px 0; }
#poi			{ display: inline-block; position: relative; color: #ffffff; vertical-align: top; text-align: center; }
#poi ul			{ -webkit-padding-start: 0px; list-style-type: none; }
#poi a			{ color: #ffffff; text-decoration:none; letter-spacing: 1px; line-height: 25px; font-size: 20px; }
#poi a:hover		{ font-weight: bold; }

#bookingwrapinner	{ margin: 0 auto; text-align: center; }
.bookingtxt			{ position: relative; display: inline-block; color: #ffffff; font-size: 15px; padding: 15px 10px 0 0; display: none;}
.bookingcheckin		{ position: relative; display: inline-block; padding: 16px 10px 0 0; z-index: 999; }
.bookingcheckin	img	{ vertical-align: bottom; z-index: 999; }
.bookingcheckout	{ position: relative; display: inline-block; padding: 16px 10px 0 0; z-index: 999; }
.bookingcheckout img	{ vertical-align: bottom; z-index: 999; }
.bookingpax			{ position: relative; display: inline-block; padding: 16px 10px 0 0; bottom: 1px; }
.bookingpaxchild	{ position: relative; display: inline-block; padding: 16px 10px 0 0; bottom: 1px; }
.bookingbutton		{ position: relative; display: inline-block; padding: 0 10px 0 0; }
input.calendar		{ position: relative; bottom: 1px; height: 34px; padding: 5px; background: #5a5548; color: #ffffff; border: 0; font-size: 16px; }
input.calendar::-webkit-input-placeholder { color: #ffffff!important; }
input.calendar:-moz-placeholder { /* Firefox 18- */ color: #ffffff!important; }
input.calendar::-moz-placeholder {  /* Firefox 19+ */color: #ffffff!important; }
input.calendar:-ms-input-placeholder { color: #ffffff!important; }
select.number_adult	{ height: 34px; padding: 5px; background: #5a5548; color: #ffffff; border: 0; width: 160px; font-size: 16px; }
select.number_child	{ height: 34px; padding: 5px; background: #5a5548; color: #ffffff; border: 0; width: 160px; font-size: 16px; }
select.number_adult2	{ height: 34px; padding: 5px; background: #5a5548; color: #ffffff; border: 0; font-size: 16px; }
select.number_child2	{ height: 34px; padding: 5px; background: #5a5548; color: #ffffff; border: 0; font-size: 16px; }

/* CALENDAR OF EVENTS */
.calendar			{ width: auto; height: auto; overflow: hidden; margin-bottom: 16px; font-size: 12px; }
.calendar p,
.calendar li,
.calendar td,
.calendar th			{ font-size: 16px; line-height: 20px; }
.calendar p			{ margin: 0; padding: 0 0 10px 0; }
.calendar h4			{ margin: 0; padding: 0 0 5px 0; }
.calendar-spec		{ width: 100px; float: left; margin: 35px 6px 6px 0; text-align: center; }
.calendar-date		{ background: #848484; color: #e5e5e5;; font-weight: bold; text-align: center; padding: 5px 4px 4px 4px; margin: 0 auto; width: 100px; line-height: 16px; }
.calendar-date .day	{ font-size: 48px; color: #e5e5e5; line-height: 52px; }
.calendar-date .month	{ font-size: 16px; color: #e5e5e5; }
.calendar-date .month-start	{ font-size: 12px; color: #e5e5e5; margin-bottom:20px;}
.icon				{ display: inline-block; width: 25px; height: 25px; padding: 10px 0 0 0; }
.icondiv			{ display: inline-block; width: 1px; height: 32px; }
.calendar-text		{ margin-left: 130px; }
.calendar-text img { padding-right:10px!important;}

.legend				{ padding: 5px 0 0 0; line-height: 0; font-size: 11px; }
.legend a			{ font-size: 11px; }
.legend img			{ vertical-align: middle; margin: 0 0 3px 0; }
.legend-item		{ display: inline-block; padding: 0 40px 0 0; }

/* Button Style */
button.submit 		{ position: relative; background: #bf4e0c; border: 0px ; color: white; padding: 6px 23px 6px 17px; text-align: left; font-size: 16px; width: 185px; height: 35px; bottom: 1px; }
button.submit:hover 	{ opacity:.85; cursor: pointer; }
button.submit:active 	{ opacity: 0.8; }
button.submit img		{ position: relative; margin-left: 10px; }
.bookingbutton img	{ float: right; padding: 6px 0 5px; }


.bookingboxbutton button.submit {
    background-color: #222222;
    background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#222222));
    background: -webkit-linear-gradient(top, #222222, #222222);
    background: -moz-linear-gradient(top, #222222, #222222);
    background: -ms-linear-gradient(top, #222222, #222222);
    background: -o-linear-gradient(top, #222222, #222222);
    border: 0px solid;
    border-bottom: 0px solid;
    box-shadow: inset 0 1px 0 0 #222222;
    -webkit-box-shadow: 0 1px 0 0 #222222 inset;
    -moz-box-shadow: 0 1px 0 0 #222222 inset;
    -ms-box-shadow: 0 1px 0 0 #222222 inset;
    -o-box-shadow: 0 1px 0 0 #222222 inset;
    color: white;
    padding: 13px 35px;
    text-align: center;
    text-shadow: 0 -1px 0 #222222;
	font-size:17px;
	font-family: myriad pro;
}
.bookingboxbutton button.submit:hover {
    opacity:.85;
    cursor: pointer; 
	transform: none;
}

.submit2 {
    background-color: #848484;
    border: 0px;
    border-bottom: 0px solid;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    color: white;
    font-weight: bold;
    padding: 10px 10px 7px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #848484;
	font-size:17px;
}
.submit2:hover {
    text-shadow: 0 -1px 0 #FF944D;
    cursor: pointer; 
	background-color:#FF944D;
	text-decoration:none; 
	color:#ffffff;
}
.submit2:active {
    border: 1px solid #20911e;

}
.submit2 a:hover 	{ text-decoration:none; color:#ffffff;}

.submit {
    background-color: #bf4e0c;
    border-bottom: 0px solid;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    color: white;
    padding: 18px 25px;
    text-align: center;
	font-size:17px;
	text-decoration:none;
}

.submit a 	{ text-decoration:none; }

.submit:hover {
    text-shadow: 0 -1px 0 #083f88;
    cursor: pointer; 
	background-color:#083f88;	
	text-decoration:none; 
	color:#ffffff;
}
.submit:active {
    border: 1px solid #20911e;
}


.bookingboxbutton .submit {
    background-color: #795f92;
    border: 0px solid;
    border-bottom: 0px solid;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    color: white;
    font-weight: bold;
    padding: 10px 10px 7px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #222222;
	font-size:17px;
text-decoration:none;
}

.bookingboxbutton .submit a 	{ text-decoration:none;}

.bookingboxbutton .submit:hover {
    text-shadow: 0 -1px 0 #848484;
    cursor: pointer; 
	background-color:#848484;	
	text-decoration:none; 
	color:#ffffff;
}
.bookingboxbutton .submit:active {
    border: 1px solid #20911e;
}


/* VIDEO AND LINK SECTION */

#lowerbody				{ width: auto; height: auto; text-align: center; background: #795f92; }
#video					{ width: 682px; height: 382px; display: inline-block; position: relative; margin: 20px; vertical-align: top; text-align:left;}
#video h2, #video p 	{ color:#ffffff;}
#video iframe			{ height: 100%; }
#tripadvisor			{ width: 319px; height: auto; display: inline-block; position: relative; margin: 20px; vertical-align: top; background: #5a9342; color: white; font-size: 24px; padding: 40px 0px; }
#tripadvisorimg			{ width: auto; height: auto; padding: 40px 0px; }
#tripadvisorimg img		{ width: 50%; height: auto; }
#tripadvisor:hover,
#tripadvisor:focus		{ opacity: 0.7; }


/* LOWER LINKS AND INFO */

.lowerwrap				{ width: 100%; height: auto; margin: 0 auto; padding: 0; overflow: hidden; text-align: center; color: #ffffff; background: url('../images/lowerback.jpg'); }
.lowerin				{ width: 80%; margin: 0 auto; }
.lowerin ul				{ -webkit-padding-start: 0px; list-style-type: none; padding: 0; }
.lower1					{ position: relative; display: inline-block; width: 25%; vertical-align: top; text-align: left; padding: 40px 0; }
.lower1 h4				{ color:#ffffff;}
.lower1 a				{ color: #ffffff; text-decoration: none; letter-spacing: 1px; line-height: 25px; font-size: 20px; }
.lower1 a:hover			{ font-weight: normal; text-decoration: underline; }
.lower2					{ position: relative; display: inline-block; width: 25%; vertical-align: top; text-align: left; padding: 40px 0; }
.lower2 h4				{ color:#ffffff;}
.lower2 a				{ color: #ffffff; text-decoration: none; letter-spacing: 1px; line-height: 30px; font-size: 20px; display: block; }
.lower2 a:hover			{ font-weight: normal; text-decoration: underline; }
.lowerphonenumber		{ font-weight: bold !important; text-transform: uppercase; font-size: 25px !important;  }
.lower3					{ position: relative; display: inline-block; width: 25%; vertical-align: top; text-align: left; padding: 40px 0;  }
.lower3 h4				{ color:#ffffff;}
.lower3 img				{ padding: 0 5px; }
.lower3 img:hover,
.lower3 img:focus		{ opacity: 0.8; }
.lower3 a				{ color: #ffffff; text-decoration: none; letter-spacing: 1px; line-height: 25px; font-size: 20px; }
.lower3 a:hover			{ font-weight: normal; text-decoration: underline; }
.lower4 				{ position: relative; display: inline-block; width: 25%; vertical-align: top; text-align: center; padding: 40px 0; }
.lower4 img				{ padding: 2px; text-align:center;}
.lower4 p				{ color: #ffffff; line-height: 25px; font-size: 18px; }
.lower4 a				{ color: #ffffff; text-decoration: none; font-size: 18px; }
.lower4 span 			{ font-size:26px; width:100%; }
.lower4 a:hover			{ font-weight: normal; text-decoration: underline; }
.lower4 a:hover img		{ opacity: 0.7; }
#icontopmargin			{ margin-top: 15px; width: 100%; }


/* FOOTER */
.footerwrap { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; text-align: center;}
.footer				{ clear: both; padding: 20px 10px; color: #ffffff; font-size: 11px; font-weight: normal; text-align: center; background-color: #222222; }
.footer a			{ font-size: 11px; text-decoration: underline; color: #ffffff; }
.footer a:hover		{ text-decoration: none; }
.footer img			{ margin-left: 5px; vertical-align: top; }


/* Google Maps */
#googlemaps iframe	{ width: 100%; height: 270px; border: 0; position: relative; display: block;}

@media (max-width: 1640px) {
	
	.lowerin 			{ width: 90%;}
}



@media (max-width: 1490px) {
	#upperheader		{ width: 100%; }
	#header				{ width: 100%; }
	#headertext			{ margin: 58px 4%; }
	#contactform 		{ width: 100%; }
	#contactright 		{ width: 100%; max-width: 40%; }
	
	.lowerin 			{ width: 98%;}
	.lower1				{ width:20%;}
	.lower2				{ width:20%;}
	.lower3				{ width:20%;}
	.lower4				{ width:35%;}
}

@media (max-width: 1490px) {
	* 					{ width: auto; height: auto; }
	#menubg					{ height: auto; }
	#menuh					{ padding: 0px; height: auto;  margin-bottom: -5px;}
	#headerwrap				{ display: block; height: auto; }
	#headerwraplight		{ background: #ffffff; opacity: 0.5; }
	#header					{ height: auto; }
	#headerimage			{ margin: 20px 10px; }
	#headlogo				{ margin: 20px 0 19px; }
	#headertext				{ margin: 41px 4%; }
	#headerbooking			{ margin: 30px 0; }
	#menu ul li a:visited	{ padding: 5px 5px 5px 5px; margin: 5px; height: auto; }
	.middle					{ width: 99%; padding: 20px 10px 0 10px; }
	.middleleft				{ width: 50%; }
	.middleright			{ width: 50%; }
	#upper					{ width: 100%; height: auto; margin: 0; float: none; padding: 1px 1px 10px 10px; text-align: left; }
	.upperin				{ width: 33%; height: auto; padding-top: 5px; }
	.upperintxt				{ width: 130px; height: auto; padding: 20px 0 0 5px; }
	.upperhead				{ padding: 0; }
	#pagetree 				{ padding-right: 20px; }
	#bloghome				{ width: 100%; }
	.homeposts				{ width: 45%; }
	.bookingpax 			{ /* margin-left: 260px; */ padding-top: 5px; }
	#directory				{ width: 98%; }
	.directorydisplayright	{ margin-right: 20px; }
	#social					{ padding-right: 20px; }
	#lowerwrap				{ height: auto; }
	#lowerin				{ width: 100%; }
	#lower1					{ width: 18%; padding-left: 2px; }
	#lower2					{ width: 23%; padding-bottom: 10px; }
	#lower4					{ width: 30%; }	
	.bookingboxcheckin		{ padding: 0 10px 0 15px; }
	.bookingboxcheckin img	{ padding: 5px 5px 5px 15px;}
	.bookingboxpax		 	{ width:45%; padding:0 0 0 30px;}
	.bookingboxpaxchild 	{ width:45%; padding:0;}
	.amenity				{ width: 25%; }
	#video					{ width: 562px; height: 342px; display: inline-block; position: relative; margin: 20px; vertical-align: top; }
	#tripadvisor			{ width: 279px; height: auto; display: inline-block; position: relative; margin: 20px; vertical-align: top; background: #86a06d; color: white; font-size: 24px; padding: 40px 0px; }
	#tripadvisorimg			{ width: auto; height: auto; padding: 30px 0px; }

}

@media (max-width: 1080px) {
	
	input.calendar			{ width:150px;}
	select.number_adult		{ width:100px;}
	select.number_child		{ width:110px;}
/*	button.submit 			{ width: 150px;}*/
	.ui-state-default		{ font-size:15px;}
	
	.lower1				{ width:32%; padding:40px 0 0 0;}
	.lower2				{ width:32%; padding:40px 0 0 0;}
	.lower3				{ width:32%; padding:40px 0 0 0;}
	.lower4				{ width:100%; padding:0;}
}

@media (max-width: 960px) {
	* 					{ width: auto; height: auto; }

	#headerwrap 		{ width: 100%; height: auto; overflow: visible; }
	#header				{ width: 100%; }
	#menuh				{ width: 100%; padding:0px; margin-bottom: -5px; }
	#menuh nav			{ text-align: left; }
	#menuh nav a		{ padding: 5px; }
	#video				{ width: 420px; height: 300px; }
	#tripadvisor		{ width: 250px; height: 300px; padding: 0px; }
	#tripadvisorimg		{ width: auto; height: auto; margin: 0px; }
	#poi a 				{ font-size: 16px; }
	#contactpage		{ margin-right: 30px;  }
	#lower1				{ padding: 0px; margin: 1px; display: inline-block; }
	#lower2				{ padding: 0px; margin: 1px; display: inline-block; }
	#lower4				{ padding: 0px; margin: 1px; display: inline-block; }
	#lower3				{ padding: 0px; margin: 1px; display: inline-block; }
	#lowerwrap			{ text-align: left; }
	#lowerwrapdarker	{ text-align: center; }
		.submit			{ margin: 5px; display: inline-block; }
	#middlewrap			{ width: 100%; }
/*	#contactpage			{ vertical-align: top; min-width: 400px; float: left}
	#contact-us				{ }*/
	

	/* Booking Box */
	#bookingbox				{ width: 100%; margin-bottom: 10px; height: auto; padding-bottom: 30px; }
	.bookingboxtxt			{ padding: 15px 0 10px; }
	.bookingboxcheckin		{ width: 96%; padding: 0 2%; margin-left: 15px; }
	.bookingboxcheckin      { padding:0;}
	.bookingboxcheckout		{ width: 96%; padding: 0; margin-left:0px;}
	.bookingboxpax			{ width: 96%; padding: 0 2%;     margin-left: 30px; margin-bottom:10px; }
	.bookingboxpaxchild		{ width: 96%; padding: 0 2%;     margin-left: 20px;}
	.bookingboxpax select.number_adult	{ margin-bottom: 16px;  }
	.bookingboxpax img					{ padding-right: 5px; }
	.enquireboxbutton		{ position: relative; display: inline-block; padding: 20px 0 0 30px; }
	.enquireboxbutton a 		{ color: #ffffff; text-decoration: none; }
	.bookingboxbutton 		{ padding: 20px 0 0 25px;}

}

@media (max-width: 890px) {
	
	#headerrightbutton			{ padding:6px 8px;}
}

@media (max-width: 850px) {


	.bookingboxcheckin		{ width: 96%; padding: 0 2%; }
	.bookingboxcheckout		{ width: 96%; padding: 0 2%; }
	.bookingboxpax			{ width: 96%; padding: 0 2%; }
	.bookingboxpaxchild		{ width: 96%; padding: 0 2%; }
	.bookingboxpax select.number_adult	{ margin-bottom: 16px;  }
	.bookingboxpax img					{ padding-right: 5px; }
		#contactpage				{ display: inline-block; position: relative; width: 99%; max-width: 99%; margin: 1px; padding: 5px; }
		#contactform.form			{ display: inline-block; position: relative; width: 99%; max-width: 99%; margin: 1px; padding: 5px; }
		#contact-us					{ width: 99%; margin: 0px; padding: 0px; }
		#contactform div label		{ min-width: 100px; padding-left: 10px; }

}

@media (max-width: 780px) {

	#upperheaderleft		{ width: 52%; }
	#upperheaderright		{ width: 48%; }
	.middle					{ width: 96%; padding: 0; }
	.middleleft				{ width: 50%; }
	.middleright			{ width: 50%; }	
	.bookingwrap			{ height: auto; padding-bottom: 10px; }
	#upper					{ width: auto; height: auto; margin: 0; float: none; padding: 1px 1px 20px 10px; text-align: left; }
	.upperin				{ width: 33%; height: auto; padding-top: 5px; }
	.upperimage				{ width: 50px; height: 50px; }
	.upperintxt				{ width: 200px; height: auto; padding: 0; }
	.upperhead				{ padding: 0; }
	#pagetree 				{ padding-right: 20px; }
	#bloghome				{ width: 100%; }
	.homeposts				{ width: 45%; }
	.bookingtxt 			{ width: 100%; }
	#maintext				{ width: 50%; }
	#middlebuttons			{ width: 50%; }
	#directory				{ width: 98%; }
	.directorydisplayright	{ margin-right: 20px; }
	#poi a 					{ font-size: 14px; }
	#social					{ padding-right: 20px; }
	#map					{ width: 98%; }
	#lowerwrap				{ height: auto; }
	#lowerin				{ width: 100%; }
	#lower1					{ width: 48%; }
	#lower2					{ width: 48%; }
	#lower4					{ width: 48%; }	
	#testimonialwrap		{ height: auto; }
	#testimonialinner 		{ width: 100%; height: auto; padding-bottom: 10px; }
	#testimonial1			{ width: 30%; padding: 10px; }
	#testimonial2			{ width: 30%; padding: 10px; }
	#testimonial3			{ width: 30%; padding: 10px; }

	/* Room Pages */
	.roomitem					{ width: 47%; margin: 5px 1% 10px; }
	.roomtitle					{ height: 90px; }
	.roombtns a					{ padding: 7px 0; margin: 5px 0; width: 100%; }
	
	#roomD_left					{ width:98%;}
	#roomD_right				{ width:98%;}

	/* Booking Box */
	#bookingbox					{ width: 100%; padding-bottom: 20px; }
	#bookingbox input.calendar	{width: 160px; }
	.enquireboxbutton			{ position: relative; display: inline-block; padding: 20px 0 0 60px; }
	.enquireboxbutton a 		{ color: #ffffff; text-decoration: none; }

	.bookingboxbutton			{ position: relative; display: inline-block; padding: 20px 10px 0 60px; }
	.bookingboxtxt				{ padding: 15px;}
	.bookingboxcheckin			{ width:40%; position: relative; display: inline-block; padding: 0 10px 0 30px; z-index: 999; }
	.bookingboxcheckin img		{ vertical-align: middle; padding-right: 5px; z-index: 999; }
	.bookingboxcheckout			{ width:40%; position:relative; display: inline-block; padding: 0 10px 0 0; z-index: 999; }
	.bookingboxcheckout img		{ vertical-align: middle; padding: 5px 5px 5px 30px; z-index: 9999999; }
	.bookingboxpax				{ width:40%; position:relative; display: inline-block; padding: 0 10px 0 30px; }
	.bookingboxpax img			{ vertical-align: middle; padding-right: 7px; z-index: 9999999;}
	.bookingboxpaxchild			{ width:40%; position:relative; display: inline-block; padding: 10px 10px 0 0; margin-left:0;}
	.bookingboxpaxchild img		{ vertical-align: middle; padding: 0 10px 0 15px; z-index: 9999999; }
	select.number_adult3		{ height: 30px; padding: 5px; width: 160px; }
	select.number_child3		{ height: 30px; padding: 5px; width: 160px; }
	.amenity					{ width: 33%; }
}

@media (max-width: 740px) {
	
	#video				{ width: 400px; height: 320px; }
	#tripadvisor		{ width: 230px; height: 320px; }
	.middle				{ text-align: center; padding: 0px; margin: 0px; }
	#maintext			{ display: inline-block; width: 100%; vertical-align: top; }
	#middlebuttons		{ width: 75%; float: none; }
	#lowerin			{ width: 98%; }
	
	.slideshow-text .title					{ font-size:48px;}
	.slideshow-text .desc					{ font-size:30px;}
	#prevbutton img 						{ height:36px;}
	#nextbutton img 						{ height:36px;}
	.slideshow-pager						{ bottom:10px;}
	.slideshow-pager a						{ height:7px; width:7px;}
}


@media (max-width: 680px) {
	
	#headermiddle				{ width:40%; margin:0;}
	#headermiddle h2			{ font-size:32px;}
	#headerright				{ position:absolute; top:5px; right:2px; padding:0; width:25%; min-width:145px;}
	.gcheader 					{ top:80px;}
	.gcheader img 				{ height:80px!important; padding-right:5px;}
	
}
	
	
/* RESPONSIVE FOR MOBILE */
@media (max-width: 640px) {
	* 							{ width: auto; height: auto; }

	#headerimage				{ width: 120px; height: 120px; padding: 0px; margin: 5px; display: inline-block; vertical-align: initial; }
	#headerimage img			{ width: 100%; height: auto; }
	#headlogo					{ margin: 5px; }
	#headertext					{ margin: 5px; display: block; text-align: center; }
	#headerbooking				{ margin: 5px; display: block; }
	#header						{ text-align: center; height: auto; width: 100%; margin: 10px 0;  }
	#slideshowwrap				{ width:100%; height:auto;}
	.middle 					{ height: auto; width: 100%; padding: 0px; }
	/*	#middlebuttons h1		{ font-size: 16px; }
		#middlebuttons p		{ font-size: 12px; color: #ffffff; } */
	.bookingwrap				{ height: auto; padding-bottom: 10px; }
	#innerback					{ display: none; }
	#video						{ display: block; margin: 10px auto; width: 350px; }
	#tripadvisor				{ width: 200px; font-size: 20px; }

	/* Structure */
	
	#upper						{ width: auto; height: auto; margin: 0; float: none; padding: 1px 1px 20px 1px; text-align: left; }
	.upperin					{ width: 100%; height: auto; padding-top: 20px; }
	.upperimage					{ width: 50px; height: 50px; padding: 0 0 0 20px; }
	.upperintxt					{ width: 200px; height: auto; padding: 0 0 0 20px; }
	.upperhead					{ padding: 0; }
	.middleleft					{ width: 100%; }
	.middleright				{ width: 100%; }
	.homeposts					{ width: 100%; padding-left: 0; }
	#map						{ width: 98%; }
	#poi 						{ width: auto; margin: 0; float: none; padding: 5px; text-align: left; }
	#poi a 						{ font-size: 10px; }
	.pageimageright				{ float: none; }

	/* Main Menu */
	#menubg						{ margin-top: 0; padding-bottom: 0; text-align: left; }
	#menu						{ background-color: #222222; overflow: hidden; }
	#menu nav a					{ padding: 10px 5px; font-size: 13px; }

	/* Main Menu */
	#toggleMenu					{ width: auto; background: #222222 url("../images/menu-icon.png") 20px 15px no-repeat; color: #ffffff; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 12px 15px 13px 45px; cursor: pointer; text-align: left; }
	#toggleMenu:hover			{ background-color: #222222; width: 100%; color: #ffffff; }

	#menuh						{ background-color: #222222; position: relative; display: inline-block; top: 0; left: 0; width: 100%; height: auto; margin: 0; font-size: 15px; border:0!important; /* background: url("../images/menu-bg.png")  repeat;*/ z-index: 35; float: none; padding: 0; }
	#menuh nav a 				{ color: #ffffff; border:0; }
	#menuh nav ul li			{ width: 100%; margin-right: 0;  background: #454545; border:0;}
	#menuh nav ul li:hover		{ background: #222222; color: #ffffff; }
	#menuh nav a.active			{ background: #222222; color: #ffffff; font-weight: bold; }
	#menuh nav a:hover			{ background: #222222; color: #ffffff; }

	/*Slideshow*/
	.slideshow-overlay			{ width:100%; height:auto; margin-top:-20px;}
	.slideshow-text				{ width: 50%}
	.cycle-slide img			{ width: 100% }

	/* Hide Secondary Levels */
	#menuh nav ul li:hover ul 	{ display: none; opacity: 0; visibility: hidden; }

	/* Left Menu */
	#leftcontainer				{ width: auto; float: none; }
	#leftcontainer ul			{ display: none; }

	#map 						{ width:100%; }

	/* Featurebox */
	.featurebox					{ width: 100%; }
	.featureleft				{ display: block; width: 100%; margin: 0 auto; text-align: center; }
	.featureright				{ width: 100%; }

	/* Room Filtering */
	.filterOpts label			{ display: inline-block; margin-right: 10px; }

	/* Gallery */
	.pagegalleryimage			{ width: 30%; padding-bottom: 30%; margin: 0.5%; }

	/* HTML Sitemap */
	#sitemap > div				{ float: none !important; width: auto !important; }

	/* Directory Listing */
	.directorydesc				{ height: auto; max-height: 150px; margin-right: 0; display: inline; }
	.directoryimage				{ position: relative; float: right; right: 0; top: 0; }
	.readmore					{ display: block; text-align: center; margin-top: 7px; }

	/* Directory Display */
	.directorydisplaylarge		{ width: 100%; height: auto; }
	.directorydisplayright		{ float: none; width: auto; }
	.directorydisplaytext		{ margin: 0; width: auto; border: none; padding: 0; }
	.directorydisplaythumb		{ float: left; max-width: 32%; margin: 0 0.5% 1% 0.5%; height: 0; padding-bottom: 21%; overflow: hidden; }
	.directorydisplaythumb a img	{ border: 0; }
	.directorydisplayauthor		{ padding: 10px 5px; font-size: 11px; }

	/* Room List */
	.roomitem					{ position: relative; display: inline-block; width: 98%; height: auto !important; margin: 5px 1% 15px 1%; padding: 0; overflow: hidden; }

	/* Room */
	#room						{ margin-top: 20px; }
	#roomD_left					{ width: 100%; }	
	#roomD_right				{ width: 100%; margin-left: 0; }	
	.roomtitle					{ display: inline-block; width: 100%; }
	.roomsold					{ color: #ff0000; font-weight: bold; font-size: 9px; display: block; }
	.roomimage					{ position: relative; float: none; max-width: 100%; padding: 0; width: 98%; height: auto; margin: 5px 0; }
	.roomimage a				{ display: inline-block; width: 100%; }
	.roomimage img				{ vertical-align: middle; max-width: 100%; max-height: 100%; }
	.roomdetails				{ position: relative; display: inline-block; text-align: left; float: none; width: 98%; margin: 0; height: auto; padding: 0 1%; }
	.roomprice					{ display: inline-block; width: 99%; float: left; margin-top: 0; padding-left: 1%; }
	.roombtns					{ position: relative; display: inline-block; bottom: 0px; width: 100%; }

	#rate						{ margin-left: 0; width: 100%; }
	#ratestype					{ padding: 5px 0 5px 10px; }
	#ratestypepeak				{ padding: 5px 0 5px 10px; }
	#ratespn					{ width: 21%; font-size: 11px; }
	#ratespp					{ width: 21%; font-size: 11px; }

	.amenity					{ width: 20%; height: 35px; padding-left: 0; }
	.amenitiesimg				{ width: 30px; height: 30px; }
	.amenitytxt					{ width: auto; padding-left: 10px; }

	#map 						{ width:100%!important;}


	/* Recent Views */
	#recentview					{ float: none; width: auto; padding: 0 15px 15px 15px; margin: 0; border-top: 1px solid #bbbbbb; }
	.recent_view				{ width: 50%; vertical-align: middle; display: inline-block; }

	/* Admin Area */
	#adminpage textarea,
	#adminpage select,
	#adminpage input				{ width: 100%; }
	#adminpage input[size='3']		{ width: 50px; }
	#adminpage input[type='submit']	{ width: auto; }
	.audit_box li					{ width: auto; display: block; }

	/* Forces better display of page thumb editor */
	#adminpage td#subpage		{ width: 46%; display: inline-block; }
	#adminpage td#subpage table	{ width: 100%; }
	#adminpage td#subpage img	{ width: 100%; }

	/* Forces better display of page gallery editor */
	#adminpagegallery > table > tbody > tr > td,
	#adminpagegallery > table > tr > td						{ display: inline-block; width: 100%; }
	#adminpagegallery > table > tbody > tr > td > table,
	#adminpagegallery > table > tr > td > table				{ width: 100% !important; border: 0; }
	#adminpagegallery div[align='right']					{ text-align: center; }
	#adminpagegallery > form td								{ width: 19%; height: 75px; overflow: hidden; display: inline-block; }

	/* Replace parts of Site Report that wont display well on mobile with a message */
	#sr_mvp #sr_data	{ display: none; }
	#sr_mvp:after		{
		content: "This information cannot be displayed on this sized screen or device. Please view on a larger screened computer or device.";
		display: block;
		margin: 0 15px;
	}

	/* Subpages */
	.subpages div				{ width: 48%; margin: 2px 0 2px 2px; }

	.middleleft					{ width: 100%; }
	.middleleft img				{ width:100%;}
	.middleright 				{ width:100%; vertical-align:top;}

	.bookingwrap				{ width: 100%; height: auto; }
	.bookingwrapinner			{ width: 100%; height: auto; padding: 5px 0; }
	.bookingtxt					{ font-size: 14px;  text-align: center; padding: 0 0 5px 10px; }
	.bookingpax 				{ margin-left: 10px;}

	button.submit				{ margin-top: 20px; }
	
	/* Contact */
	#contactform 		{ width:98%;}
	#contactright 		{ width:98%;}
	#contacttext iframe	{ width: 100%; }
	
	#lowerwrap			{ height:auto;}
	#lower				{ text-align:left; padding-left:5px;}

	#testimonialwrap	{height:auto;}
	#testimonialinner	{width:100%; height:auto;}
	#testimonial1		{ width:90%; font:11px; padding:5px;}
	#testimonial2		{ width:90%; font:11px; padding:5px;}
	#testimonial3		{ width:90%; font:11px; padding:5px;}
	#lower img			{ padding:10px 2px 0 2px;}
	#lower a 			{ font-size:12px; text-align:left;}
	.lowera				{ text-align:left;}
	#footerwrap			{ height:auto; padding-bottom:5px;}
	
	/* Site Forms */
	.form > div		{ margin: 0 0 8px 0; }
	.form > div > label	{ width: 100%; float: none; margin: 0 0 5px 0; }
	.form > div > div	{ width: 100%; float: none; }
	.form input[type=text],
	.form input[type=email],
	.form input[type=url],
	.form input[type=password],
	.form input[type=tel],
	.form input[type=number],
	.form textarea,
	.form select		{ width: 100%; }
}

@media (max-width: 620px) {
	
	.bookingboxcheckin				{ width:45%; padding: 0 10px 0 0;}
	.bookingboxcheckin img			{ padding: 0 5px 0 0;}
	.bookingboxcheckout				{ width:45%; padding: 0 10px 0 0;}
	.bookingboxcheckiout img		{ padding: 0 5px 0 0;}
	.bookingboxpax					{ width:45%; padding: 0 10px 0 0;}
	
	.bookingboxpaxchild				{ width:45%; padding: 0 10px 0 0;}
	
	.calendar2 { width:150px;}

}

@media (max-width: 580px) {
	
	.bookingcheckin		{ width: 45%; padding:0; }
	.bookingcheckout	{ width: 45%; padding:0; }
	.bookingpax			{ width: 45%; padding:0; text-align:left;}
	.bookingpaxchild	{ width: 45%; padding:0; text-align:left;}	
	input.calendar 		{ width: 90%; }
	select.number_adult { width: 90%; margin-left:10px;}
	select.number_child { width: 90%; margin-left:10px;}
	button.submit 		{ width: 300px;}
	
	.lower1				{ width:48%; padding:20px 0 0 0;}
	.lower2				{ width:48%; padding:20px 0 0 0;}
	.lower3				{ width:100%; padding:0 0 0 0;}
	.lower4				{ width:100%; padding:20px 0;}
}	
	
@media (max-width: 510px) {
	
	.slideshow-text 					{ display:none;}
	.slideshow-text .desc				{ display:none;}
	.slideshow-text .title				{ display:none;}
	#nextbutton							{ display:none;}
	#prevbutton							{ display:none;}
	#headerimage 						{ width:100px;}
	#headermiddle h2 					{ font-size: 26px;}
	#middlebuttons						{ width: 90%; }
	
	/* Booking Box */
	#bookingbox							{ width:320px; }
	#bookingbox input.calendar			{ width:160px; }
	.enquireboxbutton					{ position:relative; display:inline-block; padding:20px 0 0 60px; } 
	.enquireboxbutton a 				{ color:#ffffff; text-decoration:none; }

	.bookingboxtxt						{ text-align: center; }
	.bookingboxcheckin					{ width: 96%; padding: 0 2%; text-align: left; }
	.bookingboxcheckout					{ width: 96%; padding: 0 2%; text-align: left; }
	.bookingboxcheckout img				{ padding: 5px 5px 5px 15px;}
	.bookingboxpax						{ width: 96%; padding: 0 2%; text-align: left; margin-left:15px;}
	.bookingboxpaxchild					{ width: 96%; padding: 0 2%; text-align: left; }
	.bookingboxpax select.number_adult	{ margin-bottom: 16px;  }
	.bookingboxpax img					{ padding-right: 5px; }
	.bookingboxbutton					{ width: 100%; padding: 0; margin: 0 auto; text-align: center; }
	.enquireboxbutton					{ width: 100%; padding: 30px 0; margin: 0 auto; text-align: center; }
}


@media (max-width: 420px) {
	
	#header				{ position:relative; display:inline-block; height:120px;}
	#headerimage		{ position:absolute; left:5px; top:10px; width:80px;}
	#headermiddle		{ position:absolute; left:100px; top:30px;}
	#headermiddle h2 	{ font-size: 20px;}
	#headerright		{ top:0; width:100%;}
	.gcheader 			{ top: 45px;}
	
	.lower1				{ width:100%; padding:0;}
	.lower2				{ width:100%; padding:0;}
	.lower3				{ width:100%; padding:0;}
	.lower4				{ width:100%; padding:20px 0 20px 0;}
	
}

@media (max-width: 400px) {
	.bookingpax							{ padding-bottom: 16px; }
	.bookingpaxchild					{ padding-bottom: 16px; }

	.roomitem							{ width: 98%; margin: 5px 0 10px; }
	
	#middlebuttons						{ width: 100%; }
}

@media (max-width: 360px) {
	
	#header 			{ height:140px;}
	#headerimage 		{ top:30px;}
	#headermiddle 		{ left:90px;}
	.gcheader 			{ top:60px;}
	.gcheader img 		{ height: 60px!important;}
	
	
	/* Room List */
	.roomitem		{ width: auto; display: block; height: 255px; margin: 5px 0 10px 0; }
	.roombtns a		{ font-size: 14px; }

	/* Room Display */
	.roomD_pdf		{ display: block; width: auto; }

	/* Recent Views */
	.recent_view		{ width: auto; display: block; }

	/* Shopping Cart */
	table.cart		{ border-collapse: separate !important; border-spacing: 0 5px; }
	table.cart th		{ display: none; }
	td.c_title,
	td.c_opt,
	td.c_unit,
	td.c_qty,
	td.c_sub			{ display: inline-block; width: 94%; height: auto; border-right: 1px solid #bbbbbb; }
	td.c_del			{ border: 1px solid #bbbbbb; border-right: 0; border-radius: 6px 0 0 6px; height: auto; }
	td.c_img			{ width: auto; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
	td.c_img img		{ width: 50px !important; }
	td.c_title			{ border-top: 1px solid #bbbbbb; border-radius: 0 6px 0 0; }
	td.c_unit			{ text-align: left; }
	td.c_qty			{ text-align: left; border-bottom: 1px solid #bbbbbb; border-radius: 0 0 6px 0; }
	td.c_qty input		{ width: auto; }
	#c_upBtn			{ font-size: 13px; padding: 2px 6px; margin: 0 0 0 4px; }
	td.c_sub			{ display: none; }
	td#c_total			{ padding: 0; border-top: 0; }
	.c_totals			{ float: none; width: auto; }
	.c_box				{ float: none; width: auto; margin-right: 0; }
	#c_cvvhelpbox		{ left: -140px; width: 160px; }
	
	.bookingcheckin 	{ padding: 10px 10px 0 0; width: 95%;}
	.bookingcheckout 	{ width: 95%;}
	
	#bookingbox			{ width: 100%; }
	
	.lower4 a 			{ font-size: 15px;}
}

@media (max-width: 320px) {

	#headerimage			{ margin: auto 3px; }
	#headlogo				{ margin: 0px 30px 0px 0px; }
	#headertext				{ margin: auto 3px; }
	#headerbooking			{ margin: auto 3px; }
	#upperbookingform		{ margin: auto 3px; }
		.bookingcheckin		{ width: 90%; margin: 5px; padding: 0px; }
		.bookingcheckout	{ width: 90%; margin: 5px; padding: 0px; }
		.bookingpax			{ width: 90%; margin: 5px; padding: 0px; margin-left:5px;}
		.bookingpaxchild	{ width: 90%; margin: 5px; padding: 0px; margin-left:5px;}
		.bookingbutton		{ width: 90%; margin: 5px; padding: 0px; }
		select.number_adult	{ margin-left:10px;}
		select.number_child	{ margin-left:10px;}
		button.submit 		{ width: 90%;}
	#middlebuttons			{ margin: auto ; width: 100%; }
	#middlewrap				{ width: 100%; padding: 3px; }
	#middle					{ height: auto}
	#maintext				{ display: inline-block; width: auto; vertical-align: top; height: auto; }
	h2						{ font-size: 28px; }
	#lowerbody				{ width: 100%; }
	#lower1					{ width: 100%; margin: 0px; }
	#lower2					{ width: 100%; margin: 0px; }
	#lower3					{ width: 100%; margin: 0px; }
	#lower4					{ width: 100%; margin: 0px; }





	/* Shopping Cart */
	table.cart *		{ font-size: 12px !important; line-height: 15px; }
	td.c_del		{ padding-right: 0; padding-left: 3px; }
	td.c_img		{ display: none; }
	td.c_title,
	td.c_opt,
	td.c_unit,
	td.c_qty,
	td.c_sub		{ padding-left: 0; }
	.c_totals div > span	{ width: 50%; }
	.c_totals span > span	{ width: 100%; }
}


/* DEBUG */

#debug		{ position: relative; padding: 10px 15px; text-align: left; background: #cfdaff; border-top: 12px solid #c4d2ff; border-bottom: 12px solid #c4d2ff; }
#debug h1	{ border: none; color: #001b51; text-transform: none; text-decoration: none; }
#debug pre	{ color: #000d27; }


/* DIRECTORY MAP */
.ubcmapbox									{ height: 320px; margin-bottom: 20px; }
.ubcmap										{ position: relative; overflow: hidden; background-color: #e5e3df; height: 300px; top: 0; left: 0; margin: 0; max-width: 100%; }
.ubcmap-big									{ position: fixed !important; top: 6% !important; margin: 0 10%; width: 80%; height: 600px !important; z-index: 1500; }
.ubcmap-enlarge								{  }
.ubcmap img									{ max-width: none !important; height: initial !important; }
.mapimage									{ position:relative; display:inline-block; width:90px; height:90px;}
.mapimage img								{ position:relative; display:inline-block; width:90px; height:90px;}
.mapcontent									{ position:relative; display:inline-block; width:230px; margin-left: 3px; vertical-align: top;}

.a2a_label									{ display:none;}

@media (max-width:700px)
{
	.ubcmap-enlarge							{ display:none;}
}