/*
''template details start''
'name:Page
'primary:true
'serial:8810
'cssFile:template_page.css
'aspFile:template_page.asp
''template details end''
*/


/*========================= 01 ==========================*/	
/*=======================================================*/
/*================== RESPONSIVE STARTS ==================*/
/*=======================================================*/
/*=======================================================*/	

		/*------ Global Reset & Standards ------*/
			html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td,
			article, aside, canvas, details, embed, 
			figure, figcaption, footer, header, hgroup, 
			menu, nav, output, ruby, section, summary,
			time, mark, audio, video { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; }
			table { border-collapse:collapse; border-spacing:0; }
			.left, .columns.left { float:left; }
			.right, .columns.right { float:right; }
			.hide { display:none; }
		
		/*------ Responsive Grid ------*/
			.row { width:100%; max-width:940px; min-width:940px; margin:0 auto; }	/* To fix the grid into a different size, set max-width to your desired width */
			.row .row { min-width:0px; }
			.column, .columns { margin-left:2.127663%; float:left; min-height:1px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.column:first-child, .columns:first-child, .alpha { margin-left:0px; }
			.column.omega, .columns.omega { float: right; }
			.row .one.columns 		{ width: 6.382989%; }
			.row .two.columns 		{ width: 14.893641%; }
			.row .three.columns 	{ width: 23.404293%; }
			.row .four.columns 		{ width: 31.914945%; }
			.row .five.columns 		{ width: 40.425597%; }
			.row .six.columns 		{ width: 48.936249%; }
			.row .seven.columns 	{ width: 57.446901%; }
			.row .eight.columns 	{ width: 65.957553%; }
			.row .nine.columns 		{ width: 74.468205%; }
			.row .ten.columns 		{ width: 82.978857%; }
			.row .eleven.columns	{ width: 91.489509%; }
			.row .twelve.columns	{ width: 100%; }
			img, object, embed 		{ max-width: 100%; height: auto; }
			img { -ms-interpolation-mode: bicubic; }
			#map_canvas img, .map_canvas img { max-width: none!important; }
			.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
			.row:after, .clearfix:after { clear: both; }
			.row, .clearfix { zoom: 1; }
		
		/*------ Mobile Grid ------*/
			@media only screen and (max-width:940px) 
			{
				body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
				.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				[class*="column"] + [class*="column"]:last-child { float: none; }
				[class*="column"]:before, [class*="column"]:after { display: table; }
				[class*="column"]:after { clear: both; }
			}
			
/*=======================================================*/	
/*========================= 01 ==========================*/	
/*=======================================================*/







/*========================= 02 ==========================*/	
/*=======================================================*/	
/*=================== WEBSITE STYLING ===================*/
/*=======================================================*/
/*=======================================================*/	


html, body {
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	color:#666;
	background:#fff;
}

a { color:#09b2c9; }
a:hover { color:#0bd4ef; }
.mobile { display:none; }
.clear { clear:both; }

/* header */
#headerBlock { padding:40px 0; background:#fff; }
.propertyInfo { font-size:18px; font-weight:300; float:left; margin-top:5px; }
.propertyInfo h3 { color:#ed5400; font-size:30px; font-weight:400; line-height:30px; margin-bottom:10px; font-family:'Oswald', sans-serif; text-transform:uppercase; }
.propertyInfo a { color:#ed5400; text-decoration:none; }
.propertyInfo .contact-row { display:inline-block; line-height:28px; }
.icoLocation { background:url(/~images/template/iconLocation.jpg) center left no-repeat; padding-left:20px; }
.icoPhone { background:url(/~images/template/iconPhone.jpg) center left no-repeat; padding-left:20px; }

/* book online */
.bookingBox { background:#eee; border-radius:8px; border:1px solid #ddd; padding:15px; float:right; }
.webrooms-datepicker { position:relative; width:470px; height:55px; }
.datepicker-label { background:url(/~images/template/iconCalendar.png) left center no-repeat; padding-left:20px; color:#65cbf8; display:inline-block; margin-top:3px; }
.datepicker-input { border:none; padding:5px; border-radius:3px; display:block; margin:2px 5px 0 0; background:#fff; color:#333; }
.datepicker-button { position:absolute; top:0; right:0; }
#ui-datepicker-div .ui-datepicker-title select,
#ui-datepicker-div .ui-datepicker-calendar { font-size:14px !important; }
.datepicker-button { font-family:'Oswald', sans-serif; color:#fff; font-weight:700; font-size:16px; padding:12px 20px 12px 40px; display:inline-block; border-radius:8px; border:1px solid #000; cursor:pointer;
										 box-shadow:inset 0px 1px 0px 0px #424242; background:#0e0e0e; background:url(/~images/template/iconBook.png) no-repeat 15px center, linear-gradient(to bottom, #2c2c2c, #0e0e0e); text-transform:uppercase; }
.datepicker-button:hover { background:url(/~images/template/iconBook.png) no-repeat 15px center #0e0e0e; }

/* nav */
.navBar { background:#ed5400; box-shadow:0 1px 5px rgba(0,0,0,0.2); }
.nav-collapse, .nav1L { width:auto; text-align:center; padding:0; margin:0; }
.nav-collapse ul, .nav1L ul { padding:0; margin:0; }
.nav-collapse ul li, .nav1L ul li { padding:0; margin:0; display:inline-block; padding:18px 0; }
.nav-collapse ul li a, .nav1L ul li a { text-decoration:none; display:block; font-size:18px; color:#fff; border-right:1px solid rgba(255,255,255,0.3); padding:0 19px; line-height:16px; }
.nav-collapse ul li a:hover, .nav1L ul li a:hover { text-shadow:1px 1px 0 rgba(0,0,0,0.2); }
.nav-collapse ul li.last a, .nav1L ul li.last a { border-right:none; }

/* page */
#pageBackground { background:#ddd; padding:40px 0; }
#pageContainer { background:#fff; box-shadow:0 1px 5px rgba(0,0,0,0.1); padding:40px; overflow:auto; }
#pageContainer .pad { padding:0 15px 10px; }
			h1 { color:#666; font-size:26px; font-weight:400; border-bottom:1px solid #eaeaea; padding:0 0 12px 0; margin-bottom:35px; text-align:center; font-family:'Oswald', sans-serif; text-transform:uppercase; }
			h2 { font-size:16px; font-weight:700; color:#ed5400; }
			h3 { font-size:16px; font-weight:600; color:#ed5400; } 
			h4 { font-size:16px; }
			p { margin:10px 0; }
			ul { list-style:disc; margin:5px 0 5px 20px; }
			.divL { float:left; width:49%; }
			.contactCard { background:#fcfaf5; height:210px; padding:30px; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1); }
			.contactCard h4 { margin-bottom:10px; }
			.divR { clear:right; float:right; margin-bottom:30px; width:49%; }
			.email-outer { height:210px; padding:30px; background:#fcfaf5; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1); }
			.email-row { width:100%; font-size:14px; }
			.email-label { display:inline-block; line-height:30px; vertical-align:top; width:100px; }
			.email-field { display:inline-block; width:210px; }
			.email-field input, .email-field textarea { border:1px solid #ddd; border-radius:3px; padding:4px; width:100%; }
			.captcha-label { color:#999; display:block; font-size:11px; font-style:italic; line-height:14px; margin:5px 0; }
			.mapDiv { margin:10px 0; box-shadow:0 1px 3px rgba(0,0,0,0.2); }
			.revDiv { float:left; width:570px; margin-top:-20px; }
			.widget { float:right; width:240px; }
			.cmsGallery { margin-bottom:20px; }
			#pageContainer .cmsGallery li { border:none; margin:4px; }
			
			/* articles */
			.newsJump,	.newsArchive { display:none !important; }
			#pageContainer .newsBlock { padding:30px; border:none; background:#fcfaf5; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1); margin:20px 0; }
			#pageContainer .newsText { font-size:inherit; font-weight:400; }
			#pageContainer h2.newsTitle { border:none; position:static; width:auto; margin-bottom:0; font-size:18px; }
			#pageContainer .newsBlock .newsLinks { margin-top:10px; }
			#pageContainer .newsBlock .newsImage { margin:10px 0 10px 30px; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); }
			#pageContainer .newsBlock h3.newsDate { color:#9d8762; font-style:normal; padding:0; margin:0; font-weight:normal; font-size:inherit; display:inline-block; }
			#pageContainer .newsBlock h4.newsVenue { color:#9d8762; font-style:normal; padding:0; margin:0; font-weight:normal; font-size:inherit; display:inline-block; border:none; }
			#pageContainer .newsBlock .newsTeaser { font-size:inherit; font-weight:600; color:#000; margin-bottom:10px; }
			#pageContainer .newsBlock .newsLinks a  { font-size:inherit; }
			#pageContainer .newsBlock .newsVideo iframe { height:430px; width:760px; }
			#pageContainer .newsBlock .newsImage, 
			#pageContainer .newsBlock .newsImageFrame, 
			#pageContainer .newsBlock .newsImageBG { width:350px; height:210px; }
			#pageContainer .newsBlock .newsImageBG { background-size:cover !important; background:#fff; }
			#pageContainer .articles-reviews .newsBlock h4.newsVenue { padding:0; margin:0 0 5px 0; border-left:none; }
			#pageContainer .articles-reviews .newsBlock .newsImage, 
			#pageContainer .articles-reviews .newsBlock .newsImageFrame, 
			#pageContainer .articles-reviews .newsBlock .newsImageBG { width:100px; height:100px; }
			#pageContainer .articles-reviews .newsBlock .newsImageBG { background-size:100px 100px !important; }
			#pageContainer .articles-reviews .newsBlock .newsImage { border:none; margin:10px 0 10px 20px; float:right; box-shadow:none; display:none; }
			#pageContainer .articles-reviews .newsBlock .newsTeaser { display:none; }		
			
			/* roomtypes */
			#pageContainer .rwrRoomtype { background:#fcfaf5; box-shadow:none; border:none; padding:40px 30px; margin-bottom:30px; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1); min-height:250px; }
			#pageContainer .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li.first { border:10px solid #fff; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); }
			#pageContainer .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li { border:none; }
			#pageContainer .rwrRoomtype table.avail-table { width:435px; }
			#pageContainer .rwrRoomtype .desc-book-button { font-family:'Oswald', sans-serif; color:#fff; font-weight:400; font-size:16px; padding:12px 0; width:435px; display:inline-block; border-radius:8px; border:1px solid #000; cursor:pointer;
										 box-shadow:inset 0px 1px 0px 0px #424242; background:#0e0e0e; background:url(/~images/template/iconBook.png) no-repeat 15px center, linear-gradient(to bottom, #2c2c2c, #0e0e0e); text-transform:uppercase; }
			#pageContainer .rwrRoomtype .desc-book-button:hover { background:url(/~images/template/iconBook.png) no-repeat 15px center #0e0e0e; }
			#pageContainer .rwrRoomtype ul.desc-features-outer { background:none; padding:10px 0; margin:0; display:none; }
			#pageContainer .rwrRoomtype ul.desc-features-outer li { font-size:14px; width:auto; float:none; margin:0;  margin-left:20px; }
			#pageContainer .rwrRoomtype .no-images .desc-description-outer { width:auto; }
			#pageContainer .rwrRoomtype .desc-description-outer { color:#333; padding:10px 0; }			
			#pageContainer .rwrRoomtype h2 { padding:0; margin:0; font-size:20px; border:none; }
			#pageContainer .rwrRoomtype .desc-from { color:#ef9408; position:static; padding:0; background:none; display:inline-block; }
			#pageContainer .rwrRoomtype .desc-cap { color:#ef9408; position:static; padding:0; margin-left:5px; background:none; display:inline-block; }
			#pageContainer .rwrRoomtype .desc-photos-thumbs { margin-top:-35px; }
			#pageContainer .rwrRoomtype .popup-desc { overflow:visible; }
			
			
/* footer */
#footerBlock { padding:50px 0; background:#fff; }
#footerBlock .propertyInfo { margin-top:10px; }
.propertyBadges { text-align:right; }
.propertyBadges img { float:right; margin:0 4px; padding:0; }
.footerCopy { background:#1f1f1f; padding:15px; color:#585858; font-size:14px; text-align:center; }
.footerCopy a { color:#585858; text-decoration:none; }
.footerCopy a:hover { color:#888; }


/*=======================================================*/	
/*========================= 02 ==========================*/	
/*=======================================================*/







/*========================= 03 ==========================*/	
/*=======================================================*/
/*==================== MOBILE STARTS ====================*/
/*=======================================================*/
/*=======================================================*/	


			@media only screen and (max-width:960px) 
				{
					body { text-align:center; font-size:100%; line-height:140%; }
					.mobile { display:block; margin:auto; }
					.remove { display:none !important; }			
					
			/* header */
			#headerBlock { padding:1em 0 0 0; }
			.propertyInfo { font-size:100%; float:none; margin:0; }
			.propertyInfo h3 { font-size:130%; line-height:100%; margin:0 0 5px 0; }
			.icoLocation,
			.icoPhone { background:none; padding:0; font-size:100%; }
			.bookingBox { margin:0.5em 0 0 0; float:none; background:none; padding:0; border:none; }
			.webrooms-datepicker { width:auto; height:auto; }
			.datepicker-label,
			.datepicker-input { display:none; }
			.datepicker-button { font-size:14px; border-radius:0; border:none; padding:12px 0; margin:0; width:100%; background-position:10px center; position:static; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
			.datepicker-button:hover { background-position:10px center; } 
			
			/* page */
			#pageBackground { padding:0; }	
			#pageContainer { padding:1.5em; }
			h1 { font-size:125%; margin-bottom:0.5em; line-height:115%; }
			#pageContainer .pad { padding:0.5em 0; text-align:left; font-size:95%; line-height:115%; }
			.contactCard, .divL, .divR { float:none; width:auto; margin-bottom:1em; height:auto; }
			.contactCard h2 { text-align:left; }
			.contactCard { padding:2em; }
			.divR { margin-bottom:2em; }
			.email-outer { float:none; height:auto; margin:1em 0; padding:2em; width:auto; }
			.email-label, .email-field { width:95%; }
			.captcha-label { margin: 0.5em 0; }
			#pageContainer .form-captchaimage { margin:0.1em; }
			.revDiv { float:none; width:auto; }
			.widget { float:none; margin:auto; }
			.newsBlock .newsVideo { display:none; }

			/* footer */
			#footerBlock { padding:2em 1em; background:#111; color:#999; }
			.propertyBadges { text-align:center; margin-top:1em; }
			.propertyBadges a { text-decoration:none; }
			.propertyBadges img { float:none; display:inline-block; width:60px; margin:0 2px; }
			.footerCopy { font-size:90%; line-height:100%; }

										/* ROOMTYPES */
						#pageContainer .categoryDiv h2 { text-align:center; }
						#pageContainer .rwrRoomtype { margin-bottom:2em; padding:1.5em; }
						#pageContainer .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li.first {  }	
						#pageContainer .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li {  }			
						#pageContainer .rwrRoomtype .desc-text-div { font-size:14px; }
						#pageContainer .rwrRoomtype .desc-book-button { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
						#pageContainer .rwrRoomtype h2 { text-align:center; border-bottom:none; margin:0; }
						#pageContainer .rwrRoomtype .fromCap { text-align:center; }
						#pageContainer .rwrRoomtype .desc-from { position:static; padding:0; background:none; display:inline-block; }
						#pageContainer .rwrRoomtype .desc-cap { position:static; padding:0; margin-left:5px; background:none; display:inline-block; }
						#pageContainer .rwrRoomtype .desc-photos-thumbs { width:100%; float:none; margin:1em 0 0 0; }
						#pageContainer .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer { margin:0; }
						#pageContainer .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li.first { width:90%; height:auto; margin:0 0 5px 0; }	
						#pageContainer .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li.first img { height:auto; display:block; }	
						#pageContainer .rwrRoomtype .desc-caption { display:none; }
						#pageContainer .rwrRoomtype .desc-book-button { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0.5em; }
						#pageContainer .rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li.first img { margin:0; }
						#pageContainer .rwrRoomtype table.avail-table { width:95%; }
						#pageContainer .rwrRoomtype .desc-book-button { width:95%; padding:0.5em 0; background:#111; font-family: 'Source Sans Pro', sans-serif; font-size:12px; }
						#pageContainer .rwrRoomtype .desc-book-button:hover { background:#000; }
						
					/* articles */
						#pageContainer .newsBlock .newsImage { float:none; width:auto; margin:0 auto 1em auto !important; height:150px; }
						#pageContainer .newsBlock .newsImageBG { background-size:100% !important; width:auto; height:150px; }
						#pageContainer .newsBlock { padding:1.5em; text-align:center; }
						#pageContainer .newsBlock .newsImageFrame { width:auto; height:150px; }
						#pageContainer .newsBlock h3.newsDate { font-size:100%; display:block; padding:0; margin:0; }
						#pageContainer .newsBlock h4.newsVenue { font-size:100%; display:block; padding:0; margin:0 0 0.5em 0; border:none; text-align:center; }
						#pageContainer .newsBlock h2.newsTitle { width:auto; margin:0.5em 0; font-size:120%; position:static; border-bottom:none; text-align:center; }
						#pageContainer .newsBlock .newsTeaser { text-align:left; font-size:inherit; }
						#pageContainer .newsBlock .newsLinks { margin-top:1em; }
						#pageContainer .newsBlock .newsLinks a { text-align:left; font-size:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
					#pageContainer .newsBlock .newsText { text-align:left; font-size:95%; }
						

				}
		
		/*------ Mobile Grid ------*/
			@media only screen and (max-width:960px) 
			{
				body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
				.row,
				.rowPad { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; max-width:none; min-width:none; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				[class*="column"] + [class*="column"]:last-child { float: none; }
				[class*="column"]:before, [class*="column"]:after { display: table; }
				[class*="column"]:after { clear: both; }
			}
		
			/* MOBILE NAV */
			.nav-toggle { text-decoration:none; background:#ed5400; font-size:125%; padding:0.5em 0; display:block; color:#fff;  text-align:center;}
			.nav-toggle:before { color:#fff; content:"\2261"; position:absolute; right:5px; top:5px; background:rgba(0,0,0,0.3); padding:5px 8px; }
			.nav-toggle.active::before { content:"x"; }
			a.nav-toggle:hover { color:#ffffc2; }
			.js .nav-collapse { clip:rect(0 0 0 0); max-height:0; display:block; overflow:hidden; zoom:1; }
			.nav-collapse.opened { max-height:9999px; }
			@media screen and (min-width:960px) {
			  .js .nav-collapse.closed { max-height:none; }
			  .nav-toggle { display:none; }
			}
			@media screen and (max-width:960px) {
				.nav-collapse { height:auto; padding:0; }
				 .navBar .nav-collapse { padding:0; background:#222; height:auto; }
				 .navBar .nav-collapse ul li { border:none; border-bottom:1px solid #000; display:block; width:100%;  padding:0;}
			   .navBar .nav-collapse ul li a { display:block; width:100%; color:#fff; font-size:100%; padding:0.75em 0; }
			}
		

/*=======================================================*/	
/*========================= 03 ==========================*/	
/*=======================================================*/