logo 13 Styles Style 5 Menu


Link to 13 Styles web site.




HTML for 13 Styles Style 5 Menu

<div id="stylefive">
<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 5 Menu

#stylefive{position:relative;display:block;height:26px;font-size:11px; font-weight:bold;background:transparent url(images/style5/bgOFF.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:3px solid #FF0066;}
#stylefive ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefive ul li{display:block;float:left;margin:0;}
#stylefive ul li a{display:block;float:left;color:#fff;text-decoration:none; padding:7px 20px 0 20px;height:19px; background:transparent url(images/style5/bgDIVIDER.gif) no-repeat top right;}
#stylefive ul li a:hover,#stylefive ul li a.current{color:#fff; background:#131546 url(images/style5/bgDIVIDER.gif) no-repeat top right;}



Images for 13 Styles Style 5 Menu

bgOFF.gif

bgDIVIDER.gif