SR Solutions Subnav

by Pete Fecteau

HTML

<div id="spec-nav" style="width:100%;height:60px;background-color:#1A2A46;">
  <ul style="list-style:none;display:block;padding:20px 0 0 0;margin:0;text-align:center;">
    <li style="display:inline;margin-right:20px;"><a href="#advisor" style="background:#48546c;-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;color:#FFF;font-size: 14px;text-transform:uppercase;padding:10px 20px;text-decoration:none;">Advisor</a></li>
    <li style="display:inline;margin-right:20px;"><a href="owner" style="background:#48546c;-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;color:#FFF;font-size: 14px;text-transform:uppercase;padding:10px 20px;text-decoration:none;">Owner &amp; CFO</a></li>
    <li style="display:inline;"><a href="franchise" style="background:#48546c;-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;color:#FFF;font-size: 14px;text-transform:uppercase;padding:10px 20px;text-decoration:none;">Franchise &amp; Not For Profit</a></li>
  </ul>
</div>

CSS

#spec-nav {width:100%;height:60px;background-color:#1A2A46;}
#spec-nav ul {list-style:none;display:block;padding:20px 0 0 0;margin:0;text-align:center;}
#spec-nav ul li {display:inline;margin-right:20px;}
#spec-nav ul li:last-child {margin-right:0;}
#spec-nav ul li a {background:#48546c;-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;color:#FFF;font-size:14px;text-transform:uppercase;padding:10px 20px;text-decoration:none;}
#spec-nav ul li a:hover {text-decoration:underline;}