title: How would I do this navigation?
body: <p>I have the following navigation menu,  My question is how would I do this in Wordpress (code wise) due to each nav item having a different class.  This navigation is going to be placed in front-page.php.</p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;div id="nav"&gt; 
              &lt;div class="grid_4_home hoverable"&gt; 
                  &lt;a href="index.html"&gt;&lt;h3&gt;Home &lt;span class="lucida"&gt;&amp;raquo;&lt;/span&gt;&lt;/h3&gt;&lt;/a&gt; 
              &lt;/div&gt; 
  
              &lt;div class="grid_4 hoverable"&gt; 
                  &lt;a href="expertise.html"&gt;&lt;h3&gt;My Expertise &lt;span class="lucida"&gt;&amp;raquo;&lt;/span&gt;&lt;/h3&gt;&lt;/a&gt; 
              &lt;/div&gt; 
  
              &lt;div class="grid_4_about hoverable"&gt; 
                  &lt;a href="about.html"&gt;&lt;h3&gt;About Us &lt;span class="lucida"&gt;&amp;raquo;&lt;/span&gt;&lt;/h3&gt;&lt;/a&gt; 
              &lt;/div&gt; 
  
              &lt;div class="grid_4 hoverable"&gt; 
                  &lt;a href="testimonials.html"&gt;&lt;h3&gt;Testimonials &lt;span class="lucida"&gt;&amp;raquo;&lt;/span&gt;&lt;/h3&gt;&lt;/a&gt; 
              &lt;/div&gt; 
  
              &lt;div class="grid_4 hoverable"&gt; 
                  &lt;a href="reports.html"&gt;&lt;h3&gt;Case Reports &lt;span class="lucida"&gt;&amp;raquo;&lt;/span&gt;&lt;/h3&gt;&lt;/a&gt; 
              &lt;/div&gt; 
  
              &lt;div class="grid_4_last hoverable"&gt; 
                  &lt;a href="contact.html"&gt;&lt;h3&gt;Contact Us &lt;span class="lucida"&gt;&amp;raquo;&lt;/span&gt;&lt;/h3&gt;&lt;/a&gt; 
              &lt;/div&gt; 
          &lt;/div&gt; &lt;!-- end of nav --&gt; 
  </code></pre>