diff --git a/_index.html b/_index.html
index f9cbece..b48660d 100644
--- a/_index.html
+++ b/_index.html
@@ -42,19 +42,18 @@
 		<img src="images/ATL.png" alt="ATL" width="640" height="480" /></a>
 	</div>
 
-	<div id="midcolumn">
 	<h3>What can you do with ATL? </h3>
-	<div id="features_total">
+	<div id="introText">
 ATL provides a way to produce a number of target models from a set of source models.
 An ATL transformation program is composed of rules that define how source model elements are matched and navigated to create and initialize the elements of the target models.
 You can find more details about the model to model transformation concepts <a href="http://wiki.eclipse.org/ATL/Concepts">here</a>.
-	</div>
+
 	 <br /> <br />    
  	<div id="screencast">
 	<a href="images/atl_presentation.png"><img src="images/atl_presentation.png" alt="ATL" width="400" height="129" /></a>
 		</div>
 	</div>
-
+	
 	<div id="feature">
 		<h4>ATL Examples</h4>
 There is a lot of ATL transformations which can be used as reference to develop your own transformations. Families to Persons (<a href="http://www.eclipse.org/atl/documentation/old/ATLUseCase_Families2Persons.pdf">PDF version</a>, <a href="http://www.eclipse.org/atl/documentation/old/ATLUseCase_Families2Persons.ppt">Powerpoint version</a>) is a kind of ATL "Hello World". The <a href="http://www.eclipse.org/atl/documentation/basicExamples_Patterns/">ATL Basic Examples</a> section provides a set of basic examples and patterns.<br/> <br/>
diff --git a/documentation/_index.html b/documentation/_index.html
index e0b01ed..4a68ba5 100644
--- a/documentation/_index.html
+++ b/documentation/_index.html
@@ -24,6 +24,9 @@
 	</ul>
 </div>
 
+<div id="midcolumn">
+
+<div class="atlnavitem">
 <h2>ATL Documentation</h2>
 The <a href="http://wiki.eclipse.org/index.php/ATL">ATL wiki</a> is the root of all the documentations. The first four pages below are converted into an Eclipse documentation plugin embedded into ATL SDK builds. You can contribute them using a bugzilla account.
 
@@ -59,8 +62,8 @@
 		      	An introduction to the ATL Virtual Machine (V1.0 draft)
 		    </li>
 		  </ul>
-
-      	
+	</div>
+   <div class="atlnavitem">   	
       	<h2>ATL Examples</h2>
 
           <ul>
@@ -81,7 +84,8 @@
 	      		  This section provides various ATL transformations.
 		    </li>
 		  </ul>
-
+	</div>
+   <div class="atlnavitem">   
 <h2>Communication</h2>
 
           <ul>
@@ -95,7 +99,8 @@
           	
 		  </ul>
 
-      	
+      		</div>
+   <div class="atlnavitem">   
 		<h2>Old Documentations</h2>
 The following documentations may not be up-to-date.
           <ul >
@@ -135,4 +140,6 @@
       		</li>
 		  </ul>
 
+</div>
 
+</div>
diff --git a/documentation/index.php b/documentation/index.php
index ca829cd..8705f44 100644
--- a/documentation/index.php
+++ b/documentation/index.php
@@ -3,12 +3,9 @@
 
 	# Add page-specific Nav bars here
 	# Format is Link text, link URL (can be http://www.someothersite.com/), target (_self, _blank), level (1, 2 or 3)
-	#$Nav->addNavSeparator("Documentation", null);
 	
-	$html  = '<div id="midcolumn">';
-	$html .= file_get_contents('_index.html');
-	$html .= "</div>";
-
+	$html = file_get_contents('_index.html');
+	
 	# Generate the web page
 	$App->generatePage($theme, $Menu, $Nav, $pageAuthor, $pageKeywords, $pageTitle, $html);
 ?>
diff --git a/style_atl.css b/style_atl.css
index b6f30eb..dde8548 100644
--- a/style_atl.css
+++ b/style_atl.css
@@ -253,6 +253,21 @@
 clear:none;
 }
 
+.atlnavitem h2 {
+	background-color: #e8e7dd;
+	border-bottom: 2px solid #FFF;
+	font-weight: bold;
+	margin-bottom: 0px;
+	-moz-border-radius-topleft:3px;
+	-moz-border-radius-topright:3px;
+	padding: 8px 5px;
+}
+
+.atlnavitem .contents {
+	background: #FFF url('/eclipse.org-common/themes/Nova/images/thinModalBg.png') repeat-x;
+	padding: 5px;
+}
+
 #novaContent.faux
 {
 	background: url("images/backgroundATLEclipse.png") no-repeat white;