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

		
	<div class="ajaxContent">	
		

		
		<section class="main-wrapper [[*ca-layout]] [[*ca-align]] [[+isTab:is=``:then=``:else=`tabsPresent`]] promotions"  >

[[!getImageList?
  &tvname=`backgroundImage`
  &tpl=`tpl_photoBackground`
  &limit=`1`
]]
</section>
<section class="main-wrapper [[*ca-layout]] [[*ca-align]] [[+isTab:is=``:then=``:else=`tabsPresent`]] promotion"   >

			<div class="content ">

				<header>

					<h1 class="promo-header">
						[[*pagetitle]]
					</h1>

					<div class="promo-content">
						[[*content]]
					</div>

				</header>

			</div>


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

[[*PromoTabs:is=``:then=``:else=`		
		<section class="promoWrapper whiteFlush">
			<div class="content ">

					[[!getImageList?

					  &tvname=`PromoTabs`

					  &tpl=`tpl_promotabsContent`

					]]		
			</div>


			<style>
				#aresWrap #aresHeader {
				color:#498db4 !important;
				padding-top: 10px;
				}
			</style>


		</section>
		`]]



<section class="microContentOverlay popups">
			
					[[!getImageList?

					  &tvname=`businessOverlay`

					  &tpl=`tpl_PopOverlay`
					  
					]]			
			
		</section>




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

			<div class="microContentContainer">
				
				<div class="microContent">
				
					[[!getImageList?

					  &tvname=`businessOverlay`

					  &tpl=`tpl_microContent_p`
					  
					]]
				
				</div>
			
			</div>
		<style>
								  		#aresWrap {
											margin-bottom:50px;
											}
										#aresWrap #aresHeader {
										color:#498db4 !important;
										padding-top: 10px;
										}
								  </style>	
		[[$bookNow]]
		</section>



		
		<script type="text/javascript">
		
		
		
		$(document).ready(function () {	
		
			

		
		
			function checkSize(){

		if ($(window).width() < 700) {
		
		// Create a sleeve that holds all microContent when browser is less than 600
		var n = $( ".microContentWrap" ).length;
		
		$('.microContent').css('width', n * 306);
					
		
		}// closing bracket for mobile media query				
		// undo a sleeve that holds all microContent when browser is less than 600
		
		if ($(window).width() > 600) {
		
		$('.microContent').css('width', '100%');
		
		
		}
		
		}
				
		
			$( window ).resize(function() {
			  
				checkSize();
			
			});
		
			
				  
				checkSize();
			});
						

			
	</script>	









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

[[$footer]]