diff --git a/css/foundation.css b/css/foundation.css
index 3319a67..6a6e11d 100644
--- a/css/foundation.css
+++ b/css/foundation.css
@@ -5266,3 +5266,24 @@
   
 .drag {
   float: right; }
+
+  
+.main-title {
+    color: white; font-weight: 200; font-size: 44px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: always; text-rendering: optimizeLegibility;
+}
+
+.feature-box {
+    height: 300px
+}
+.full-panel {
+    width: 100%;
+}
+.full-panel tr {
+    vertical-align: top;
+}
+.full-panel th {
+    width: 160px;
+}
+.slider-box {
+    background-color: #776ba8; max-width: 100%;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 47b9488..b5ed96f 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@
     </ul>
   </div>
 </nav>
-<div style="background-color: #776ba8; max-width: 100%">
+<div class="slider-box">
     <div class="row">
       &nbsp;
     </div>
@@ -40,7 +40,7 @@
 &nbsp;
       </div>
       <div class="large-9 columns">
-        <h1 style="color: white; font-weight: 200; font-size: 44px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: always; text-rendering: optimizeLegibility;">PHP Development Tools (PDT)</h1>
+        <h1 class="main-title">PHP Development Tools (PDT)</h1>
 
       </div>
       <div class="large-2 columns">
@@ -90,31 +90,31 @@
     <div>
       <h2 id="features">Features</h2>
       <div class="row">
-        <div class="large-4 medium-4 columns panel" style="height: 300px">
+        <div class="large-4 medium-4 columns panel feature-box">
           <p>Syntax Highlighting <img src="img/features/syntax-coloring.png" alt="Syntax Coloring"></p>
         </div>
-        <div class="large-4 medium-4 columns panel" style="height: 300px">
+        <div class="large-4 medium-4 columns panel feature-box">
           <p>Content Assist <img src="img/features/content-assist.png" alt="Content Assist"></p>
         </div>
-        <div class="large-4 medium-4 columns panel" style="height: 300px">
+        <div class="large-4 medium-4 columns panel feature-box">
           <p>Code Formatter <img src="img/features/formatter.png" alt="Code Formatter"></p>
         </div>
-        <div class="large-4 medium-4 columns panel" style="height: 300px">
+        <div class="large-4 medium-4 columns panel feature-box">
           <p>Refactoring <img src="img/features/refactoring.png" alt="Refactoring"></p>
         </div>
-        <div class="large-4 medium-4 columns panel" style="height: 300px">
+        <div class="large-4 medium-4 columns panel feature-box">
           <p>Code Templates  <img src="img/features/templates.png" alt="Code Templates"></p>
         </div>
-        <div class="large-4 medium-4 columns panel" style="height: 300px">
+        <div class="large-4 medium-4 columns panel feature-box">
           <p>Code Navigation <img src="img/features/code-nav.png" alt="Code Navigation"></p>
         </div>
-        <div class="large-4 medium-4 columns panel" style="height: 300px">
+        <div class="large-4 medium-4 columns panel feature-box">
           <p>PHP Debugging <img src="img/features/debug.png" alt="PHP Debugging"></p>
         </div>
-        <div class="large-4 medium-4 columns panel" style="height: 300px">
+        <div class="large-4 medium-4 columns panel feature-box">
           <p>Syntax Validation <img src="img/features/syntax-errors.png" alt="Syntax Validation"></p>
         </div>
-        <div class="large-4 medium-4 columns panel" style="height: 300px">
+        <div class="large-4 medium-4 columns panel feature-box">
           <p>Power of Eclipse Ecosystem <img src="img/features/ecosystem.png" alt="Power of Eclipse Ecosystem"></p>
         </div>
       </div>
@@ -214,9 +214,9 @@
     <div>
       <h2 id="extensions">Extensions</h2>
       <p>The experience of developing PHP application with PDT can be extended with a large variety of plugins created by the Eclipse ecosystem. Below are open source projects and commercial products that are built on top of PDT or are integrated with PDT.</p>
-      <table class="panel" style="width: 100%">
-        <tr style="vertical-align: top">
-          <td style="width: 160px"><a href="http://p2.pdt-extensions.org/"><img src="img/extensions/pdt-eg.png" alt="PDT Extensions group"></a></td>
+      <table class="panel full-panel">
+        <tr>
+          <th><a href="http://p2.pdt-extensions.org/"><img src="img/extensions/pdt-eg.png" alt="PDT Extensions group"></a></th>
           <td>
             <h5>PDT Extensions group</h5>
             <i>Open source plugins that extend or integrate with PDT</i>
@@ -262,8 +262,8 @@
             <a class="button radius tiny" href="http://p2.pdt-extensions.org/">Visit website</a>
           </td>
         </tr>
-        <tr style="vertical-align: top">
-          <td><a href="http://www.zend.com/products/studio/"><img src="img/extensions/zend-studio.png" alt="Zend Studio"></a></td>
+        <tr>
+          <th><a href="http://www.zend.com/products/studio/"><img src="img/extensions/zend-studio.png" alt="Zend Studio"></a></th>
           <td>
             <h5>Zend Studio</h5>
             <i>The PHP IDE for Smarter Development</i>
@@ -300,8 +300,8 @@
             <a class="button radius tiny" href="http://www.zend.com/products/studio/">Visit website</a>
           </td>
         </tr>
-        <tr style="vertical-align: top">
-          <td><a href="http://www.zend.com/products/guard/"><img src="img/extensions/zend-guard.png" alt="Zend Guard"></a></td>
+        <tr>
+          <th><a href="http://www.zend.com/products/guard/"><img src="img/extensions/zend-guard.png" alt="Zend Guard"></a></th>
           <td>
             <h5>Zend Guard</h5>
             <i>Protect your applications with PHP encoding</i>