logo 13 Styles Style 1 Menu


Link to 13 Styles web site.




HTML for 13 Styles Style 1 Menu

<div id="stylefour">
<div id="styleone">
<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>



CSS for 13 Styles Style 1 Menu

#styleone{position:relative;display:block;height:21px;font-size:11px;font-weight:bold;background:transparent url(images/style1/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:1px solid #d9d9d9;}
#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:#034895;text-decoration:none;padding:3px 20px 0 20px;height:18px;}
#styleone ul li a:hover,#styleone ul li a.current{color:#034895;background:transparent url(images/style1/bgON.gif) repeat-x top left;}



Images for 13 Styles Style 1 Menu

bgOFF.gif

bgON.gif