Помогите Помогите поменять кнопки в меню

Нужно сменить вот эти фуфловые кнопки
на что то похожее

За помощь лайки в 10 постах

 

Кинь ссыль на 2 сайт

 

http://minecubes.net/

 

в этом файле: http://minecubes.net/templates/summer/skin/style.css
меняй стили:

Код:

#menu {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 28%, #efefef 67%, #ebebeb 92%, #e1e3e3 95%, #d0d7d7 97%, #ccd3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(28%,#fafafa), color-stop(67%,#efefef), color-stop(92%,#ebebeb), color-stop(95%,#e1e3e3), color-stop(97%,#d0d7d7), color-stop(100%,#ccd3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 28%,#efefef 67%,#ebebeb 92%,#e1e3e3 95%,#d0d7d7 97%,#ccd3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#fafafa 28%,#efefef 67%,#ebebeb 92%,#e1e3e3 95%,#d0d7d7 97%,#ccd3d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 28%,#efefef 67%,#ebebeb 92%,#e1e3e3 95%,#d0d7d7 97%,#ccd3d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#fafafa 28%,#efefef 67%,#ebebeb 92%,#e1e3e3 95%,#d0d7d7 97%,#ccd3d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccd3d3',GradientType=0 ); /* IE6-9 */
 
    display: block;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 15px;
   
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}
 
#menu a {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    color: #666666;
    text-decoration: none;
    font-weight: bold;
    /*font-style: italic;*/
    float: left;
}
 
#menu a:hover {
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f9f9f9 3%, #f0f0f0 5%, #ececec 8%, #d5d5d5 92%, #cbcece 95%, #bdc2c2 97%, #b9c0c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(3%,#f9f9f9), color-stop(5%,#f0f0f0), color-stop(8%,#ececec), color-stop(92%,#d5d5d5), color-stop(95%,#cbcece), color-stop(97%,#bdc2c2), color-stop(100%,#b9c0c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f9f9f9 3%,#f0f0f0 5%,#ececec 8%,#d5d5d5 92%,#cbcece 95%,#bdc2c2 97%,#b9c0c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%,#f9f9f9 3%,#f0f0f0 5%,#ececec 8%,#d5d5d5 92%,#cbcece 95%,#bdc2c2 97%,#b9c0c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f9f9f9 3%,#f0f0f0 5%,#ececec 8%,#d5d5d5 92%,#cbcece 95%,#bdc2c2 97%,#b9c0c0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdfdfd 0%,#f9f9f9 3%,#f0f0f0 5%,#ececec 8%,#d5d5d5 92%,#cbcece 95%,#bdc2c2 97%,#b9c0c0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#b9c0c0',GradientType=0 ); /* IE6-9 */
}

 

Вот что то подобное получилось

Можно ли теперь как то отделить меню?

 

padding-bottom:20px;

 

Это в каком теге?[DOUBLEPOST=1378231413,1378231025][/DOUBLEPOST]и еще вот кое-что я поставил padding-bottom:20px;
Но теперь такая проблема)

 

1. #menu {

[DOUBLEPOST=1378236564,1378236533][/DOUBLEPOST]вроде