<?php 
   $page = 'index'; 
   include 'header.php'; 
   ?>
<div class="wrapper">
   <section class="flx-intro-2">
      <!-- <h1>Warming Ice: A voyage into the Arctic Ocean</h1>-->
   </section>
   <!--flx-intro-2-->
</div>
<!--end:wrapper-->
<section class="flex-slider-wrapper">
   <div class="flexslider" id="home-flex-slider">
      <ul class="slides">
        <li data-thumb="img/slider/slider_0.jpg">
             <a href="#">
            <img src="img/slider/slider_0.jpg" alt="" />
            </a>
         </li>
         <li data-thumb="img/slider/slider_8.jpg">
             <a href="#">
            <img src="img/slider/slider_8.jpg" alt="" />
            </a>
         </li>
         <li data-thumb="img/slider/slider_2.jpg">
          <a href="#">
            <img src="img/slider/slider_2.jpg" alt="" />
            </a>
         </li>
         <li data-thumb="img/slider/slider_1.jpg">
           <a href="#">
            <img src="img/slider/slider_1.jpg" alt="" />
            </a>
         </li>
         <li data-thumb="img/slider/slider_6.jpg">
             <a href="#">
            <img src="img/slider/slider_6.jpg" alt="" />
            </a>
         </li>
             <li data-thumb="img/slider/slider_7.jpg">
            <a href="#">
            <img src="img/slider/slider_7.jpg" alt="" />
            </a>
         </li>
             <li data-thumb="img/slider/slider_5.jpg">
            <a href="#">
            <img src="img/slider/slider_5.jpg" alt="" />
            </a>
         </li>
      </ul>
   </div>
   <!--end:flexslider-->
</section>
<!--end:flex-slider-wrapper-->
<div class="wrapper">
   <div class="row-fluid">
      <center>
      <div class="content gray-content">
         <div class="layout" style="padding-bottom: 30px;">
            <div class="row">
               <div class="row-item col-1_4">
                  <!-- Icon Box -->
                  <div class="b-service">
                     <a href="about.php"><i class="icon-globe m-dark"></i></a>
                     <h3 class="centered"><a href="about.php" class="dark-link">About DynAMITE</a></h3>
                     <p class="centered">
                        Read more about the DynaMITE program here.	
                     </p>
                  </div>
                  <!-- End Icon Box -->
               </div>
               <div class="row-item col-1_4">
                  <!-- Icon Box -->
                  <div class="b-service">
                     <a href="download_data.php"><i class="icon-download-alt m-dark"></i></a>
                     <h3 class="centered"><a href="download_data.php" class="dark-link">Download Data</a></h3>
                     <p class="centered">
                        Download CTD, Mooring and HRP data from the DynAMITE cruises.	 
                     </p>
                  </div>
                  <!-- End Icon Box -->
               </div>
               <div class="row-item col-1_4">
                  <!-- Icon Box -->
                  <div class="b-service">
                     <a href="results.php"><i class="icon-pencil m-dark"></i></a>
                     <h3 class="centered"><a href="results.php" class="dark-link">Results</a></h3>
                     <p class="centered">
                        Explore the scientific results from the 3 years of the program.  
                     </p>
                  </div>
                  <!-- End Icon Box -->
               </div>
               <div class="row-item col-1_4">
                  <!-- Icon Box -->
                  <div class="b-service">
                     <A href="#movie"><i class="icon-play-circle m-dark"></i></A>
                     <h3 class="centered"><A href="#movie" class="dark-link">Movie</A></h3>
                     <p class="centered">
                        Watch a video on the recovery of one of the DynAMITE moorings!  
                     </p>
                  </div>
                  <!-- End Icon Box -->
               </div>
               <!-- End Icon Box -->
            </div>
         </div>
      </div>
   </div>
   <!--end:row-fluid-->
</div>
<!--end:wrapper-->	
<div class="content">
   <div class="layout">
      <div class="b-promo margin-40">
         <h3>About DynAMITE</h3>
         DynAMITE is an investigation of the processes underlying the Abyssal Upwelling Cell (AUC) in the western North Atlantic. It is comprised of 3 components:  
         <ul>
            <li>1) Analysis of  basin-scale PV distributions from climatology. </li>
            <li>2) A moored transport array of  profiling CTDs and current meters to measure 
               the interior flows at depths between 1500 - 6000 m. 
            </li>
            <li>3) Microstructure measurements (using the High Resolution Profiler) between 
               Bermuda and the MAR where upwelling is postulated to feed the interior flows
            </li>
         </ul>
         Results from this program underscore the importance of the AUC’s contribution to budgets of mass, heat and tracers in the AMOC, and in setting the deep interior layers in motion. <a href="about.php">Read More<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
      </div>
      <div>
      
      
      <A NAME="movie">
      
      <h3 class="lined margin-20">Featured Movie</h3>
          <div class = "video">
			<video style="width:100%; height:500px;" id="player1" poster="img/video_poster.png" controls="controls" preload="none">
            <!-- MP4 source must come first for iOS -->
            <source type="video/mp4" src="Jason-mooring960x540-1.mp4" /></video>
            </div>
         
         
         
          
      <!--<iframe src="Jason-mooring960x540-1.mp4" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>-->
      <div class="row port b-works"></div>
      <div class="gap" style="height: 20px;"></div>
   </div>
</div>
<?php include 'footer.php'; ?>
