/*
''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:14px;
	color:#333;
	background:#fff;
}

a { color:#3087b6; text-decoration:none; }
a:hover { color:#35b0fe; }
.mobile { display:none; }
.clear { clear:both; }

/* header */
#headerBlock { padding:20px 0 35px 0; background:#fff; }
#headerBlock { 
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
 }
#headerBlock { background:url(/~images/template/background-header.jpg) center top no-repeat; }
#headerBlock .row { position:relative; }
.logo { box-shadow:0 1px 5px rgba(0,0,0,0.3); display:inline-block; }
#headerBlock .logo  { position:absolute; top:0; left:0; }
.propertyInfo { font-size:18px; line-height:24px; color:#318728; margin:30px 0 0 230px; }
.propertyInfo a { color:#318728; }
.propertyInfo h3 { color:#222; font-size:16px; font-weight:700; font-family:'Roboto Slab', serif; }
.icoLocation { background:url(/~images/template/icon_map.png) center left no-repeat; padding-left:20px; }
.icoPhone { background:url(/~images/template/icon_phone.png) center left no-repeat; padding-left:20px; }
.icoEmail { background:url(/~images/template/icon_email.jpg) center left no-repeat; padding-left:20px; }
.headerIcons { position:absolute; right:0; top:30px; }
.headerIcons img { margin: 5px; }

/* book online */
#navBar { position:relative; }
.bookBar { background:#222; position:absolute; top:0; right:0; height:30px; padding:25px 15px; }
.webrooms-datepicker { position:relative; }
.datepicker-label,
.datepickerCal { background:url(/~images/template/icon_calendar.png) left center no-repeat; display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-999px; vertical-align:middle; }
.datepicker-input { border:none; padding:0 5px; border-radius:0; display:inline-block; background:#fff; color:#333; width:60px; opacity:0.5; font-size:10px; line-height:16px; height:16px; vertical-align:middle; margin:0 5px; }
.datepicker-input:hover {opacity:1; cursor:pointer; transition-duration:1s; }
#ui-datepicker-div { z-index:9999 !important; font-size:100%; }
.datepicker-button,
a.datepickerButton { font-family:'Cuprum', sans-serif; color:#fff; line-height:30px; font-weight:700; font-size:20px; display:inline-block; cursor:pointer; background:none; text-transform:uppercase; border:none; vertical-align:middle; padding:0; margin:0; }
.datepicker-button:hover { cursor:pointer; }

/* page */
#pageContainer { padding:40px; }
#pageRight {  }
			h1 { color:#222; font-size:22px; font-weight:700; border-bottom:1px solid #eaeaea; padding:0 0 10px 0; margin-bottom:30px; text-align:center; font-family:'Roboto Slab', serif; }
			h2 { font-size:18px; font-weight:700; color:#318728; }
			.intro { text-align:center; margin-bottom:20px; padding:0 20px; }
			h3 { font-size:16px; font-weight:600; color:#318728; } 
			h4 { font-size:16px; }
			p { margin:10px 0; }
			.pad { margin:10px 20px; }
			ul { list-style:disc; margin:5px 0 5px 20px; }
			hr { border:none; height:0; border-bottom:1px solid #ccc; }
			.divL { float:left; width:49%; }
			.contactCard { background:#fff; border:1px solid #eee; height:210px; padding:30px; box-shadow:0px 1px 3px rgba(0,0,0,0.2); font-size:16px; line-height:20px; }
			.contactCard h4 { margin-bottom:10px; }
			.divR { clear:right; float:right; margin-bottom:30px; width:49%; }
			.email-outer { height:210px; padding:30px; background:#fff; border:1px solid #eee; box-shadow:0px 1px 3px rgba(0,0,0,0.2); }
			.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; }
			#pageContainer .slides .cmsGallery { background:#fff; height:191px; width:534px; box-shadow:0 1px 3px rgba(0,0,0,0.3); margin:0 auto 25px auto; }
			#pageContainer .slides .cmsGallery ul { height:191px; width:534px; overflow:hidden; }
			#pageContainer .slides .cmsGallery li { height:191px; width:534px; background:none; border:none; box-shadow:none; display:block; margin:0; overflow:hidden; text-align:center; vertical-align:middle; }
			#pageContainer .slides .cmsGallery h2 { display:none; }
			#pageContainer .slides .cmsGallery li .big-slide { height:191px; width:534px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.note { padding:20px; background:#eee; font-style:italic; font-size:13px; color:#555; }
.pageTable { margin-top:10px; }
.pageTable td { padding:5px; border:2px solid #fff; background:#eee; font-size:13px; }
.box { background:#fff; border:1px solid #eee; padding:30px; box-shadow:0px 1px 3px rgba(0,0,0,0.2); }
		
			/* articles */
			.newsJump,	.newsArchive { display:none !important; }
			#pageContainer .newsBlock { background:none; box-shadow:none; border:none; margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #ccc; }
			#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 3px rgba(0,0,0,0.2); border:none; }
			#pageContainer .newsBlock h3.newsDate { color:#999; font-style:normal; padding:0; margin:0; font-weight:normal; font-size:inherit; display:inline-block; }
			#pageContainer .newsBlock h4.newsVenue { color:#999; 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; }		
			
/* description blocks */
.roomtype { margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #ccc; overflow:visible; position:relative; min-height:185px; }
.roomtype ul.imageGallery { list-style:none; padding:0; margin:0; position:absolute; left:20px; top:0; width:300px; }
.roomtype ul.imageGallery li { width:55px; height:40px; display:inline-block; overflow:hidden; margin:5px 5px 0 0; }
.roomtype ul.imageGallery li img { min-height:40px; width:auto; }
.roomtype ul.imageGallery li a { cursor: url("/~css/images/magnify.cur"), zoom-in; display:block; width:auto; text-align:center; }
.roomtype ul.imageGallery li.first { width:300px; height:150px; margin:0; }
.roomtype ul.imageGallery li.first img { min-height:150px; width:auto; margin:auto; }
#pageContainer .roomtype h2,
.roomtype .roomDescription,
.roomtype .roomLink { margin-left:340px; margin-right:20px; }
.roomtype .roomLink { color:#fff; background:#118ad7; border-radius:6px; font-size:15px; font-weight:600; padding:3px 15px; }
.roomtype .roomLink:hover { opacity:0.9; }

/* accom footer */
.accomFooter { background:url(/~images/template/background-footer.jpg) center top no-repeat; height:400px; margin-top:-50px; }
.accomBox { background-color:#fff; text-align:center; box-shadow:0 1px 5px rgba(0,0,0,0.3); position:relative; height:160px; margin-top:215px; background-position:center 30px; background-repeat:no-repeat; }
.accomBox h2 { color:#222; font-size:18px; font-weight:700; font-family:'Roboto Slab', serif; padding-top:75px; }
.accomBox a { display:block; position:absolute; top:0; left:0; padding:0 30px; height:60px; background:none; padding-top:100px; font-weight:700; line-height:14px; }	
.accomCamp { background-image:url(/~images/template/icon_camp.jpg); }
.accomCabin { background-image:url(/~images/template/icon_cabin.jpg); }
.accomMotel { background-image:url(/~images/template/icon_motel.jpg); }
.accomGroups { background-image:url(/~images/template/icon_group.jpg); }
			
/* footer */
#footerBlock { padding:60px 0; background:#318728; text-align:center; box-shadow:inset 0px 1px 10px rgba(0,0,0,0.3); }
#footerBlock .logo { display:inline-block; margin:0; width:150px; vertical-align:top; }
.footerNav { display:inline-block; vertical-align:top; }
.footerMenu { font-size:14px; text-align:left; color:#fff; display:inline-block; margin:5px 0 0 40px; font-weight:700; text-align:left; vertical-align:top; }
.footerMenu h4 { margin-bottom:5px; font-family:'Cuprum', sans-serif; font-weight:700; text-transform:uppercase; font-size:20px; }
.footerMenu h4 a { color:#fff; }
.footerMenu ul { margin:0 0 0 20px; }
.footerMenu ul a { line-height:20px; color:#fff; }
.footerMenu a:hover { opacity:0.75; }
.footerCopy { background:#222; padding:15px; color:#666; font-size:14px; text-align:center; }
.footerCopy a { color:#666; text-decoration:none; }
.footerCopy a:hover { color:#aaa; }

/* webcam */
.webcamGallery { width:100%; margin:auto; box-shadow:0 3px 10px rgba(0,0,0,0.3); background-color:#eee; transform:rotate(-3deg); border:15px solid #fff; }
.row .webcamGallery ul { overflow:hidden; margin:0; position:relative; }
.row .webcamGallery ul li { list-style:none; margin:0; }
.webcamGallery .big-slide { width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.webcamGallery .big-slide-caption { position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.75); padding:5px 10px; font-size:14px; color:#fff; }
.camControls { text-align:center; margin-top:10px; }
.camControls .btn { outline:none; display:inline-block; margin:10px 3px; font-family:inherit; background:#000; border:none; color:#fff; font-size:16px; padding:10px 15px; font-weight:300; opacity:0.5; }
.camNext:hover, .camPrev:hover { opacity:1; cursor:pointer; transition-duration:0.75s; }
.row .webcamGallery ul,
.row .webcamGallery ul li,
.webcamGallery .big-slide { height:450px; width:100%; }


/*=======================================================*/	
/*========================= 02 ==========================*/	
/*=======================================================*/



/*========================= 03 ==========================*/	
/*=======================================================*/
/*====================== NAVIGATION =====================*/
/*=======================================================*/
/*=======================================================*/	

/* nav */
.navBar { background:#318728; box-shadow:0px 1px 10px rgba(0,0,0,0.3); height:80px; }
.navigation { width:auto; padding:0; margin:0; font-family:'Cuprum', sans-serif; margin-left:210px; }
.navigation ul { padding:0; margin:0; }
.navigation ul li { padding:0; margin:0; display:inline-block; }
.navigation ul li a { text-decoration:none; display:block; font-size:20px; color:#fff; border-right:1px solid rgba(255,255,255,0.1); padding:30px 20px; line-height:20px; text-transform:uppercase; }
.navigation ul li a:hover { text-shadow:1px 1px 0 rgba(0,0,0,0.2); }
.navigation ul li.last a { border-right:none; }

/* navigation */
.flexnav { overflow:hidden; margin:0 auto; width:100%; max-height:0; }
.flexnav.opacity { opacity:0; }
.flexnav.flexnav-show { max-height:2000px; background:#111; opacity:1; }
.flexnav li { font-size:100%; position:relative; overflow:hidden; padding:0; margin:0; display:inline-block; }
.flexnav li a { position:relative; z-index:2000; overflow:hidden; text-decoration:none; display:block; }
.flexnav li a:hover { text-shadow:1px 1px 0 rgba(0,0,0,0.2); background:rgba(255,255,255,0.05); }
.flexnav li.last a { border-right:none; }	
.flexnav li ul { width:300px; text-align:left; }
.flexnav li ul li { font-size:100%; position:relative; overflow:hidden; float:left; display:block; }
.flexnav li ul.flexnav-show li { overflow:visible; }
.flexnav li ul li a { display:block; border:none; font-weight:400;
	background:#111; border-bottom:1px solid #000; border-top:1px solid #222; font-size:14px; color:#ccc; padding:10px 20px; }
.flexnav li ul li a:hover { color:#fff; background:#222; }
.flexnav ul li ul li a { }
.flexnav ul li ul li ul li a { }
.flexnav .touch-button { position:absolute; z-index:9999; top:1px; right:0; display:inline-block; background:rgba(0,0,0,0.075); text-align:center; 
	width:40px; height:41px; display:none; }
.flexnav .touch-button:hover { cursor:pointer; }
.flexnav .touch-button .navicon { position:relative; top:1.4em; font-size:12px; color:#666; }

/* screen */
@media all and (min-width:960px) {
.flexnav { overflow:visible; }
.flexnav.opacity { opacity:1; }
.flexnav li { position:relative; list-style:none; display:inline-block; overflow:visible; width:auto; }
.flexnav li a { }
.flexnav li > ul { position:absolute; top:auto; left:0; }
.flexnav li > ul li { width:100%; }
.flexnav li ul li > ul { margin-left:100%; top:0; }
.flexnav li ul li a { }
.flexnav li ul.open { display:block; opacity:1; visibility:visible; z-index:1; }
.flexnav li ul.open li { overflow:visible; max-height:100px; }
.flexnav li ul.open ul.open { margin-left:100%; top:0; }
.menu-button { display:none; } 
}

/* mobile */
@media screen and (max-width:960px) {
	.bodyStyle { margin-top:40px; }
.navBar { height:auto; z-index:1000; position:fixed; top:0; left:0; width:100%; }
.navigation { width:100%; height:auto; padding:0; margin:0; }
.menu-button { position:relative; display:block; line-height:40px; padding:0; background:#111; color:#fff; cursor:pointer; text-align:center; font-size:125%; }
.menu-button .touch-button { background:#000; position:absolute; z-index:9999; top:0; right:0; width:40px; height:40px; display:inline-block; text-align:center; }
.menu-button .touch-button .navicon { font-size:12px; position:relative; color:#fff; width:40px; height:40px; color:#000; display:block; }
.menu-button .touch-button .navicon:before { content:"\2261"; position:absolute; top:0; right:0; color:#fff; width:40px; height:40px; font-weight:bold; font-size:16px; }
.flexnav { text-align:left; }
.flexnav .touch-button { display:inline-block; background:#222; }
.flexnav .touch-button .navicon { top:12px; color:#fff; }
.flexnav li { display:block; width:100%; }
.flexnav li.item-with-ul {  }
.flexnav li ul { width:100%; }
.flexnav li ul li { float:none; }
.flexnav li a { color:#fff; padding:0 1em; line-height:40px; border:none; border-top:1px solid #000; border-bottom:1px solid #222; font-size:90%; }
.flexnav li ul li a { background:#333; border-bottom:1px solid #222; border-top:1px solid #444; font-size:90%; color:#fff; padding:0 1em; }
.flexnav li ul li a:hover { background:rgba(255,255,255,0.4); }
.flexnav.flexnav-show { background:#000; }
				 #navBar ul li { padding:0; }
			   #navBar ul li a { display:block; width:auto; color:#fff; font-size:100%; padding:0.75em; }
}

/*=======================================================*/	
/*========================= 03 ==========================*/	
/*=======================================================*/



/*========================= 03 ==========================*/	
/*=======================================================*/
/*==================== MOBILE STARTS ====================*/
/*=======================================================*/
/*=======================================================*/	


			@media only screen and (max-width:960px) 
				{
					body { text-align:center; font-size:100%; line-height:125%; }
					.mobile { display:block; margin:auto; }
					.remove { display:none !important; }			
					
			/* header */
			#headerBlock { display:none; }
			.bookBar { display:none; }
			
			/* page */	
			#pageContainer { padding:1.5em; text-align:left; }
			h1 { font-size:125%; margin-bottom:0.5em; line-height:115%; }
			h2 { font-size:112%; line-height:110%; }
			h3 { font-size:112%; line-height:110%; }	
			.intro { padding:0; margin-bottom:0.5em; }
			.intro br { display:none; }
			#pageContainer .pad { padding:0.5em 0; text-align:left; margin:0; }
			.contactCard, .divL, .divR { float:none; width:auto; margin-bottom:1em; height:auto; }
			.contactCard h2 { text-align:left; }
			.contactCard { padding:0; text-align:left; font-size:100%; line-height:120%; box-shadow:none; border:none; }
			.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; }
			.note { padding:1em; font-size:90%; }
			.columns ul { margin:0 0 0 1em; line-height:130%; }

/* slideshows */
.slides { width:auto; max-width:534px; margin:auto; }
#pageContainer .slides .cmsGallery,
#pageContainer .slides .cmsGallery ul ,
#pageContainer .slides .cmsGallery li { width:100%; height:150px; max-width:534px; margin:auto; }
#pageContainer .slides .cmsGallery li .big-slide { width:100%; }

			/* footer */
			.accomFooter { display:none; }
			#footerBlock { padding:2em 1em; }
			#footerBlock .logo { margin:0 auto 1em auto; display:block; }
			.footerMenu { display:block; margin:1em 0 0; }
			.footerMenu ul a { line-height:110%; font-size:95%; }
			.footerCopy { font-size:90%; line-height:115%; }
						
					/* 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 { 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.5em 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:inherit; }

/* description blocks */
.roomtype { margin:0 0 1.5em 0; padding:0 0 1.5em 0; min-height:0; }
.roomtype ul.imageGallery { position:static; left:initial; top:initial; max-width:300px; width:auto; margin:0 auto 1em auto; }
.roomtype ul.imageGallery li { width:55px; height:40px; display:inline-block; overflow:hidden; margin:5px 5px 0 0; }
.roomtype ul.imageGallery li img { min-height:40px; width:auto; }
.roomtype ul.imageGallery li a { cursor: url("/~css/images/magnify.cur"), zoom-in; display:block; width:auto; text-align:center; }
.roomtype ul.imageGallery li.first { max-width:300px; width:auto; height:150px; margin:0.5em 0; }
.roomtype ul.imageGallery li.first img { min-height:150px; width:auto; margin:auto; }
#pageContainer .roomtype h2,
.roomtype .roomDescription,
.roomtype .roomLink { margin:0; }
#pageContainer .roomtype h2 { text-align:center; }
.roomtype .roomLink { text-align:center; margin:auto; margin-top:0.5em; display:block; max-width:300px; width:auto; padding:0.5em 0; }

/******************* Image Gallery CSS *******************/
#pageContainer .cmsGallery li { display:block; max-width:300px; width:auto; height:150px; margin:0.5em auto; }
#pageContainer .cmsGallery li a img { max-width:300px; width:auto; }

/* webcam */
.webcamGallery { width:100%; border:none; box-shadow:1px 0 5px rgba(0,0,0,0.3); }
.row .webcamGallery ul,
.row .webcamGallery ul li { width:100%; height:300px; }
.webcamGallery .big-slide { width:100%; height:300px; background-size:cover; background-position:center center; }
.camControls .btn { margin:2px 0; width:auto; }


				}
		
		/*------ 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; }
			}
		

/*=======================================================*/	
/*========================= 03 ==========================*/	
/*=======================================================*/