<style type="text/css">
#main_new{background:#adc3d7; padding:10px;}
#select-menu{
margin-left:210px;
padding-top:17px;
}
#select-menu a:hover{
text-decoration: underline;
}
#select-menu ul {
padding: 0;
}
#menu {
height: 30px;
}
#menu,
#menu ul {
line-height: 1;
list-style: none outside none;
padding: 0;
z-index: 100;
}
#menu a {
color:#000000;
display: block;
font-size: 14px;
font-weight: 700;
line-height: 30px;
padding: 0 10px;
z-index: 100;
}
#menu li {
float: left;
line-height: 30px;
margin: 0;
}
#menu li a {
color: #3F3F3F;
padding: 0 0 0 11px;
text-decoration: none;
/*text-shadow: 0 1px #FFFFFF;*/
font:normal 12px/28px tahoma;
}
#menu li a span {
display: inline-block;
height: 30px;
padding: 0 10px 0 0;
}
#menu li a:hover,
#menu li.active a,
#menu li.current_page_item a {
background:url(top-nav-left.png) no-repeat scroll left center transparent;
color: #FFFFFF;
cursor: pointer;
text-decoration: none;
}
#menu li.active a span,
#menu li.current_page_item a span,
#menu li a:hover span {
background: url(top-nav.png) no-repeat scroll right center transparent;
text-shadow: 0 1px #222222;
}
</style>
<div id="main_new">
<ul class="fl" id="menu">
<li class="current_page_item"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Our Themes</span></a></li>
<li><a href="#"><span>Pricing</span></a></li>
<li><a href="#"><span>Affiliates</span></a></li>
<li><a href="#"><span>Blog</span></a></li>
<li><a href="#"><span>Support</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Showcase</span></a></li>
</ul>
</div>
