<style type="text/css">



#styleone{position:relative;display:block;height:24px;font-size:11px;
font-weight:bold;background:transparent url(images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;}




#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}

#styleone ul li{display:block;float:left;0 1px 0 0}


#styleone ul li a{display:block;float:left;color:#000;text-decoration:none;
padding:6px 20px 0 20px;height:24px;}


#styleone ul li a:hover,#styleone ul li a.current{color:#fff;
background:transparent url(images/bgON.gif) repeat-x top left;}


</style>

<div id="styletwo">

<ul>

<li><a href="" title="">Home</a></li>

<li><a href="" title="">About Us</a></li>

<li><a href="" title="" class="current">Services</a></li>

<li><a href="" title="">Our Work</a></li>

<li><a href="" title="">Contact Us</a></li>

</ul>

</div>