logo 13 Styles Style 4 Menu


Link to 13 Styles web site.




HTML for 13 Styles Style 4 Menu

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

#stylefour{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(images/style4/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #B30000;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(images/style4/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#B30000;background:#fff url(images/style4/bgON.gif) no-repeat top left;}



Images for 13 Styles Style 4 Menu

bgOFF.gif

bgDIVIDER.gif

bgON.gif