.main-menu {
width:100%;
background: none;
padding-bottom:6px;
margin:0 auto;
padding: 0;
}

.sf-menu,.sf-menu * {
list-style:none;
margin:0;
padding:0;
}

.sf-menu li {
float:left;
position:relative;
padding-left:3px;
font:11px/12px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background:none;
}

.sf-menu li:first-child {
background:none;
}

.sf-menu li a {
display:block;
background: #6E6B6B;
background: linear-gradient(to bottom, #6E6B6B, #000);
background:-o-linear-gradient(to bottom, #6E6B6B, #000);
width:130px;
text-align:center;
color:#FFF;
position:relative;
overflow:hidden;
transition:all .5s ease;
padding:5px 0;
border-radius:50px;
border:2px #FFF solid;
}

.sf-menu li a em {
font-style:normal;
color:#FFF;
}

.sf-menu li a:hover {
text-decoration:none;
background: #FFF;
border:2px #000 solid;
}

.sf-menu li.current a {
text-decoration:none;
color: #000;
background: #06ABFF;
background: linear-gradient(to bottom, #06ABFF, #0084C8);
background:-o-linear-gradient(to bottom, #06ABFF, #0084C8);
border:2px #FFF solid;
}

.sf-menu li.current a em,.sf-menu li a:hover em {
color:#000;
}