[[$page-head]]
[[$common-js]]

		
	<div class="ajaxContent">	
		
						[[getImageList?
				  &tvname=`tabs`
				  &toPlaceholder =`isTab`
				]]	
		
		<section class="main-wrapper [[*ca-layout]] [[*ca-align]] [[+isTab:is=``:then=``:else=`tabsPresent`]]" id="grabThis">


		[[*ca-headerPhotos:is=`none`:then=``:else=`
			<div class="diagonal main seal" style=" background-position: [[*header-background-position]]"><img src="[[*header-logo]]"/></div>
			<div class="diagonalPhoto cottages [[*ca-headerPhotos]]">

					<div class="diagonal main left" style="background-image: url([[++site_url]][[*header-background-image]]); background-position: [[*header-background-position]]"> </div>
					<div class="diagonal rightTop" style="background-image: url([[++site_url]][[*header-background-image-right-top]]); background-position: [[*header-background-position]]"> </div>
					<div class="diagonal rightBottom" style="background-image: url([[++site_url]][[*header-background-image-right-bottom]]); background-position: [[*header-background-position]]"> </div>
					<div class="diagonal accent" style="background-image: url([[++site_url]][[*header-background-image]]); background-position: [[*header-background-position]]"></div>

					<div class="diagonal accent stripe"></div>				

				
			</div><!-- diagonalPhoto-->
			
		`]]

			<div class="content ">

				[[*glyph-top]]


				<header class="cottages">
					<div class="cottage-full">
						<img src="[[*image-general-logo]]"/>
					</div>

					<div class="cottage-content">
					[[*content]]

					[[*ctaText:is=``:then=``:else=`<a class="button" href="[[*ctaLink]]">[[*ctaText]]</a>`]]

					</div>

					<div class="cottage-side">

<iframe src="[[*iframe]]" frameborder="0" allowfullscreen allow="vr"></iframe>
<div class="cottage-book">
<a href="[[*ctaLink]]" target="_blank">Reserve Now</a>
</div>
<div class="cottage-meet">
 <div class="meet-1" style="background-image: url([[++site_url]][[*image-design-1]]); background-position: top">
 </div>
 <div class="meet-2" style="background-image: url([[++site_url]][[*image-design-2]]); background-position: [[*header-background-position]]">
 </div>
<div class="meet-3">
	<a data-fancybox data-src="#hidden-content" href="javascript:;"><img src="/assets/design/uploads/general/meet-de-btn.png"/></a>
 </div>

 <div style="display: none;" id="hidden-content">
 [[getImageList?
        &tvname=`mtd-overlay`
        &tpl=`tpl_mtdOverlay`
        ]]					

</div>

</div>





					</div>



				</header>
<div class="cottage-photo">

	 <div class="rowWrapper photoWrap">					
        [[getImageList?
        &tvname=`photo_blocks`
        &tpl=`tpl_photo_blocks`
        ]]					
        </div><!--close rowWrapepr-->		

</div>

				
				[[*glyph-bottom]]

				
				
				<ul class="buckets">
					
						[[getImageList?
						  &tvname=`buckets`
						  &tpl=`tpl_buckets`
						]]
					
				</ul>	
				
				
				[[getImageList?
				  &tvname=`slideShow`
				  &toPlaceholder =`isSlider`
				]]		
				


				

				
				[[+isTab:is=``:then=``:else=`
				<div class="tabContent">
					
					[[getImageList?
					  &tvname=`tabs`
					  &tpl=`tpl_tabsContent`
					  &limit=`1`
					]]					
		
				
				
				</div><!-- close tabContent-->	
				`]]
							
				<ul class="tabButtonRow">
				
					[[getImageList?
					  &tvname=`tabs`
					  &tpl=`tpl_tabsRow`
					]]
				
				</ul><!-- close tabButtonRow-->	
		

			</div><!-- close content-->

		</section><!-- close hero--></div>



<div class="slidez">

	<section class="whiteFlush main-wrapper " id="[[!ChangeSpaces? &val=`[[*title]]`]]">

			<div class="microContentContainer">
				
				<div class="microContent">



<div  id="slick-images" >

					[[!getImageList?

					  &tvname=`microSlider`

					  &tpl=`tpl_microSlider`

					]]

</div>


				</div>
			
			</div>
		
		</section>


<section class="microContentOverlay">

					[[!getImageList?
					
					  &tvname=`microSlider`
					  
					  &tpl=`tpl_microSliderOverlay`
					  
					]]			
			
		</section>

</div>






<section class="whiteFlush main-wrapper cottage-wrap" id="">

			<div class="microContentContainer">
				
				<div class="microContent" style="width: 100%;">
				
					

<div class="microContentWrap" title="LidoHouseCottages" style="background-image:url(http://cottages.pointbcommunications.com/assets/design/uploads/general/lido-cottage-bg.jpg) ">
	
	<a href="/LidoHouseCottages.html" class="overlay"><span class="button"><img src="assets/design/uploads/general/lido-cottage-bg.jpg" alt="Cottage Logo"></span></a>

</div><!--close microContentWrap-->




<div class="microContentWrap" title="BalboaCottages" style="background-image:url(http://cottages.pointbcommunications.com/assets/design/uploads/general/balboa-cottage-thmb.jpg) ">
	
	<a href="/balboa-cottage.html" class="overlay"><span class="button"><img src="assets/design/uploads/general/balboa-logo.png" alt="Cottage Logo"></span></a>

</div><!--close microContentWrap-->




<div class="microContentWrap" title="BayCottages" style="background-image:url(http://cottages.pointbcommunications.com/assets/design/uploads/general/bay-cottage-thmb.jpg) ">
	
	<a href="/bay-cottage.html" class="overlay"><span class="button"><img src="assets/design/uploads/general/bay-logo.png" alt="Cottage Logo"></span></a>

</div><!--close microContentWrap-->




<div class="microContentWrap" title="HarborCottage" style="background-image:url(http://cottages.pointbcommunications.com/assets/design/uploads/general/harbor-thmb.jpg) ">
	
	<a href="/harbor-cottage.html" class="overlay"><span class="button"><img src="assets/design/uploads/general/harbor-logo.png" alt="Cottage Logo"></span></a>

</div><!--close microContentWrap-->




<div class="microContentWrap" title="LindaCottage" style="background-image:url(http://cottages.pointbcommunications.com/assets/design/uploads/general/linda-thmb.jpg) ">

	<a href="/linda-cottage.html" class="overlay"><span class="button"><img src="assets/design/uploads/general/linda-logo.png" alt="Cottage Logo"></span></a>

</div><!--close microContentWrap-->




<div class="microContentWrap" title="CollinsCottage" style="background-image:url(http://cottages.pointbcommunications.com/assets/design/uploads/general/collins-thmb.jpg) ">

	<a href="/collins-cottage.html" class="overlay"><span class="button"><img src="assets/design/uploads/general/collins-logo.png" alt="Cottage Logo"></span></a>

</div><!--close microContentWrap-->

				</div>

			</div>

		</section>




[[*map:is=`1`:then=`[[$map]]`:else=``]]

[[$footer]]