{embed="embeds/global-title"}

{exp:channel:entries channel="site-content" limit="1" disable="member_data|trackbacks"}
     
{exp:seo_lite entry_id="{entry_id}"}

{embed="embeds/global-header"}

	</header>
	<div id="main">
		<div id="twocolumn">
			<article id="content">
			
			{if segment_1 =="about|company-vision"}
			<div class="about-sub"><a href="/about">About</a> | <a href="/company-vision">Company Vision</a></div>
			{/if}
			
			{if header-photo !=""}
				<div class="visual">	
					<div class="img-block">
					{exp:ce_img:make alt="{title}" src="{header-photo}" max_width="490" max_height="221" crop="yes|center,center" allow_scale_larger="yes"}
					</div>
				</div>
			{/if}
				 
				<div class="textbox">
					<h2>{title} </h2>
					<div id="cms-managed">
				
						{exp:ce_img:bulk}
							{main-content}	
						{/exp:ce_img:bulk}
				
					</div>
					
					<div>{pdf}<a href="{pdf_file}" class="btn-more">{file_name}</a>{/pdf}</div>
					
{if gallery !=""}					
<link rel="stylesheet" type="text/css" href="/js/royalslider/royalslider.css" />
<link rel="stylesheet" type="text/css" href="/js/royalslider/minimal-white/rs-minimal-white.css" />
<link rel="stylesheet" type="text/css" href="/js/royalslider/default/rs-default.css">
	<script type="text/javascript" src="/js/royalslider/jquery.royalslider.custom.min.js"></script>
   
<div id="gallery-1" class="royalSlider rsDefault">
 
	{gallery var_prefix="assets"}
	 <div class="rsContent"  data-speed="2000" data-rsDelay="4000">
	   	 <img class="rsImg" alt="{title}" src="{exp:ce_img:pair src="{assets:url}" max_width="890" max_height="620" allow_scale_larger="yes"}{made}{/exp:ce_img:pair}" data-rsTmb="{exp:ce_img:pair src="{assets:url}" max_width="100" max_height="75" crop="yes|center,center"}{made}{/exp:ce_img:pair}" data-rsBigImg="{exp:ce_img:pair src="{assets:url}" max_width="1000" max_height="1000"}{made}{/exp:ce_img:pair}" />
    {if assets:caption !=""}
    <div class="infoBlock infoBlockLeftBlack rsABlock rsNoDrag" data-fade-effect="" data-move-offset="10" data-move-effect="bottom" data-speed="300">
     
      <p>{assets:caption}</p>
    </div>
    {/if}
    </div>
    {/gallery}


 <script type="text/javascript">
      jQuery(document).ready(function($) {
  $('#gallery-1').royalSlider({
    fullscreen: {
      enabled: true,
      nativeFS: true
    }, 
    controlNavigation: 'thumbnails',
    autoScaleSlider: true, 
    autoScaleSliderWidth: 960,     
    autoScaleSliderHeight: 600,
    loop: true,
    imageScaleMode: 'fit-if-smaller',
    navigateByClick: true,
    numImagesToPreload:3,
    arrowsNavAutoHide: true,
    arrowsNavHideOnTouch: true,
    keyboardNavEnabled: true,
    fadeinLoadedSlide: true,
    globalCaption: true,
    globalCaptionInside: false,
    thumbs: {
      appendSpan: true,
      firstMargin: true,
      paddingBottom: 4
    },
    autoScaleSlider: true,
    autoPlay: {
	// autoplay options go gere
    	enabled: true,
    	pauseOnHover: true
    }
  });
});

    </script>


{/if}
 
					
					
				</div>
			</article>

 {/exp:channel:entries}  

 							
{embed="embeds/sidebar"}     
  
 

			
{embed="embeds/global-footer"}