Having menu hard coded into template issue with Joomla 3.2

I am developing a menu for a client however the menu i am trying to implement is coded in the template as i tried using via joomla menu manager and using css to style the menu but no luck anyhow

my hard coded in my index.php file looks like this

<div id=“nav”>\
<div class=“nav”>
<div class=‘navlink’><a href=“index.php/Home” class=“navtext”>Home</a></div>
<div class=“navlink”><a href=“index.php/About” class=“navtext”>About</a></div>
<div class=“navlink”><a href=“index.php/Services” class=“navtext”>Services</a></div>
<div class=“navlink”><a href=“index.php/News” class=“navtext”>News</a></div>
<div class=“navlink”><a href=“index.php/FAQ” class=“navtext”>Frequently asked questions</a></div>
<div class=“navlink”><a href=“index.php/Contact” class=“navtext”>Contact</a></div>
</div>

Only problem is my links do not look like they are turned into normal html hyper link as when i scroll over here it doesnt not have the finger pointing symbol as normal hyperlinks have?

is there somthing wrong or should i do this via joomlas menu manager if so how can i style both the menu and the navagations them selfs?