diff --git a/application/default/views/scripts/data/index.phtml b/application/default/views/scripts/data/index.phtml
index d7e3311c..65d2f3b7 100755
--- a/application/default/views/scripts/data/index.phtml
+++ b/application/default/views/scripts/data/index.phtml
@@ -2,20 +2,9 @@
 $this->headTitle($this->config->title->site);
 $this->headTitle($this->config->title->data);
 $this->headTitle()->setSeparator(' - ');
-?>
-<style>
-.fieldlist ul li{line-height:24px;padding:5px;}
-.fieldlist ul li:hover{color:#FFF;background:#0088CC;border-radius: 6px 6px 6px 6px;}
-.fieldlist ul li:hover a{color:#FFF; text-decoration:none;}
-.news_list ul li{line-height:24px;}
-</style>
+?>
 <div class="row">
 <div class="span12">
-<h4><i class="icon-folder-open"></i>Data Collection</h4>
-<a class="btn btn-info" href="/water"><i class="icon-folder-open"></i>WATER</a>
-<a class="btn btn-info" href="/hiwater"><i class="icon-folder-open"></i>HiWATER</a>
-</div>
-<div class="span12">
 <h4><i class="icon-flag"></i>Datasets Navigator</h4>
 
           	<form method="get" action="/search" id="search"  class="form-search">
@@ -27,19 +16,36 @@ $this->headTitle()->setSeparator(' - ');
 <a class="btn"  href="/data/browse"><i class="icon-reorder"></i>Browse</a>
 <a class="btn"  href="/data/onlinelist"><i class="icon-th"></i>Online List</a>
 <a class="btn"  href="/data/offlinelist"><i class="icon-th"></i>Offline List</a>
+<a class="btn"  href="/data/map"><i class="icon-globe"></i>Extend Map</a>
+<a class="btn"  href="/data/timeline"><i class="icon-calendar"></i>Timeline</a>
+<a class="btn"  href="/data/timemap"><i class="icon-film"></i>TimeMap</a>
 
               </form>    
   <ul class="unstyled inline">            
   <li><a class="btn" href="/data/thumb"><i class="icon-picture"></i>Thumbnail</a></li>
-  <li><a class="btn"  href="/data/timeline"><i class="icon-calendar"></i>Timeline</a></li>
-  <li><a class="btn"  href="/data/map"><i class="icon-globe"></i>Extend Map</a></li>
-  <li><a class="btn"  href="/data/timemap"><i class="icon-film"></i>TimeMap</a></li>
   <li><a class="btn"  href="/data/organization"><i class="icon-filter"></i>By Organization</a></li>
   <li><a class="btn"  href="/data/fund"><i class="icon-money"></i>By Fund</a></li>
   <li><a class="btn"  href="/data/author"><i class="icon-user-md"></i>By Author</a></li>
   <li><a class="btn"  href="/data/doi"><i class="icon-paper-clip"></i>By DOI</a></li>
+  <li><a class="btn"  href="/data/category"><i class="icon-th-large"></i>By ISO 19115 Categories</a></li>
+  <li><a class="btn"  href="/data/series"><i class="icon-signal"></i>By Series</a></li>
   </ul>
 </div>
+<div class="span12">
+	<h4><i class="icon-folder-open"></i>Data Collections</h4>
+    <div class="span5 well well-small">
+    <h4>Watershed Allied Telemetry Experimental Research (WATER)</h4>
+	<img src="/images/WATER-256.png" class="img-circle pull-right" width=128/>
+    <p>WATER is an airborne, satellite- and ground-based integrated remote sensing experiment aiming to improve the observing ability of remote sensing technique, and understanding and predictability of hydrological and related ecological processes on catchment scale.</p>
+    <p><a class="btn btn-info" href="/water"><i class="icon-folder-open"></i>WATER</a></p>
+    </div>
+    <div class="span5 well well-small">
+    <h4>Heihe Watershed Allied Telemetry Experimental Research (HiWATER)</h4>
+	<img src="/images/hiwater-256.png" class="img-circle pull-right" width=128/>
+    <p>HiWATER is an eco-hydrological experiment designed from an interdisciplinary perspective to addresses problems including heterogeneity, scaling, uncertainty, and closing water cycle at the watershed scale. HiWATER was formally initialized in May 2012 and will last four years until 2015.</p>
+	<p><a class="btn btn-info" href="/hiwater"><i class="icon-folder-open"></i>HiWATER</a></p>
+    </div>
+</div>
 <?php 
     $keytypezh=array('place'=>'Place Keywords','theme'=>'Theme Keywords','discipline'=>'Discipline Keywords','stratum'=>'Stratum Keywords','temporal'=>'Temporal Keywords');
     $type='theme';
@@ -77,24 +83,6 @@ $this->headTitle()->setSeparator(' - ');
             <?php endforeach; ?>
             </ul>
 </div>
-<div class="span12">
-        <h4><a href="/data/category"><i class="icon-th-large"></i> ISO 19115 Categories</a></h4>
-            <ul class="unstyled inline">
-            <?php foreach($this->category as $cg) : ?>
-            <li><a href='/data/category/code/<?php echo $cg['code']; ?>'><i class="icon-th-large"></i><?php print($cg['name']); ?></a><span class="note">(<?php echo $cg['count']; ?>)</span></li>
-            <?php endforeach; ?>
-            </ul>
-        </div>
-		<div class="span12">
-        	<?php if ($this->serie) : ?>
-            <h4><a href="/data/series"><i class="icon-signal"></i>Dataset Series</a></h4>
-            <ul class="unstyled inline">
-            <?php foreach($this->serie as $cg) : ?>
-            <li><a href='/data/series/<?php echo $cg['id']; ?>'><i class="icon-list-ol"></i><?php echo $cg['name']; ?></a><span class="note">(<?php echo $cg['count']; ?>)</span></li>
-            <?php endforeach; ?>
-            </ul>
-            <?php endif; ?>
-        </div>        
 </div>
 <div class="row">
     <div class="span12">