<style>
/*table menu panel*/
#menu-panel {
text-align: center;
margin-top: 61px !important;
position:absolute;
margin-left: 124px !important;
z-index: 1000!important;
}
#navi-panel { 
background: transparent;
display: block;
height: 10px;
margin: auto;
padding: 0px 2px;
width: 678px;
} 
#navi-panel li a { 
  font-family: "Arial", serif;
    font-size: 12px;   
color: #B8A076 !important;
text-shadow: 1px 0px 1px #000000;
letter-spacing: 0px;
font-variant: small-caps !important;
    display:block; 
text-align: center;
max-width: 130px;
} 
.expand { 
    position:absolute; 
    left:-999em;
z-index: 100!important;
width: 130px;
}
#navi-panel .referent {height: 30px !important;
}
#navi-panel li:hover .expand {
    margin-top:-7px;
    left: -4px; top:auto; 
}
.expand {
background: rgba(82, 39, 7, 0.8);
border: 3px double #805D40 !important;
box-shadow: inset 0px 0px 5px #47311F !important;
padding: 4px;

}
.expand li a, .expand li {
color: #A37C45 !important;
}
.expand a {
background-color: #62220A;
border: 3px double #805D40;
box-shadow: inset 0px 0px 5px #47311F;
margin: 0px !important;
padding: 0px;
color: #B8A076 !important;
text-shadow: 1px 0px 1px #000000;
}

.expand a:hover, .expand a:focus, .expand a:active {
background-color: #563616;
color: #BEA380 !important;
border: 3px double #805D40 !important;
}
#navi-panel .navi-panel-button { 
background: rgba(82, 39, 7, 0.8);
border: 3px double #805D40;
box-shadow: inset 0px 0px 5px #47311F;
display: block;
float: left;
height: 10px;
margin: 4px;
padding: 0px 0px 4px 4px;
position: relative;
text-align: center;
width: 130px;
}
#navi-panel .navi-panel-button:hover, #navi-panel .navi-panel-button:focus, #navi-panel .navi-panel-button:active {
background: rgba(98, 34, 10, 0.9);
}
</style>

<style>
.topi {width: 46px; height: 46px;border: 2px solid #d1ae3e ; position: relative; overflow: hidden; display: inline-block;}

.topi .stafft {width: 46px; padding: 5px; font-family: tahoma; color: #704b2c; position: absolute; bottom: 10px; background-color: #f7efcd; left: -60px; font-size: 10px; text-transform: uppercase; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; text-align: left !important;}
.topi:hover .stafft {left: -3px;}

#grey a img {-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65);}
</style>

<font style="text-decoration : none; font-family: cambria; font-weight: normal; letter-spacing: -1px; font-style:italic; font-size : 17px;">ОЧЕНЬ ХОТИМ ИХ ВИДЕТЬ:</font><br>

<div id="grey">
<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p112787><img src="http://i.imgur.com/ivDoLkX.png" border="0" width="46" height="46"></a><div class="stafft">TIER</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p121993><img src="http://31.media.tumblr.com/ab41c0416b2c79efb85f773b3f17c37c/tumblr_inline_mhnh6aNHUY1qz4rgp.png" border="0" width="46" height="46"></a><div class="stafft">SHUKURO</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p112787><img src="http://i.imgur.com/GcXVpQ1.gif" border="0" width="46" height="46"></a><div class="stafft">SHIEN</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p132995><img src="http://fc04.deviantart.net/fs71/f/2012/049/f/7/aaroniero_arruruerie_by_shushko-d4q76hb.png" border="0" width="46" height="46"></a><div class="stafft">AARONIERO</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p130315><img src="http://i.imgur.com/PAJoVOd.png" border="0" width="46" height="46"></a><div class="stafft">YUKIO</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p133592><img src="https://yt3.ggpht.com/-vLn_kJpvcZs/AAAAAAAAAAI/AAAAAAAAAAA/FXrawK5NfWk/s100-c-k-no/photo.jpg" border="0" width="46" height="46"></a><div class="stafft">YORUICHI</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p132549><img src="http://aniavatars.com/data/avatars/233/881.png" border="0" width="46" height="46"></a><div class="stafft">RETSU</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p132995><img src="http://auto.img.v4.skyrock.net/3629/86293629/pics/3132875672_0_18_I65kDmNs.png" border="0" width="46" height="46"></a><div class="stafft">BARAGGAN</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p132995><img src="http://31.media.tumblr.com/9255706b7e11eb2678195953c3bebb32/tumblr_inline_mso5siujJR1qz4rgp.png" border="0" width="46" height="46"></a><div class="stafft">LILYNETTE</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p133335><img src="http://33.media.tumblr.com/tumblr_m016zafJe81qm9ddb.png" border="0" width="46" height="46"></a><div class="stafft">RANGIKU</div></div>
</div></div>