<style>	
#pun-announcement .container {height: 280px;}

#menu {padding-top: 21px; padding-left: 0px;}

#menu span {
width: 256px;
height: 24px;
display: block;
margin-bottom: 12px;
color: transparent;}

#menu span.bttn_1{background: transparent url(http://uploads.ru/i/r/D/U/rDUmV.jpg) center no-repeat;}
#menu span.bttn_2{background: transparent url(http://uploads.ru/i/I/w/F/IwFX6.jpg) center no-repeat;}
#menu span.bttn_3{background: transparent url(http://uploads.ru/i/q/3/O/q3OED.jpg) center no-repeat;}
#menu span.bttn_4{background: transparent url(http://uploads.ru/i/S/z/B/SzBky.jpg) center no-repeat;}
#menu span.bttn_5{background: transparent url(http://uploads.ru/i/f/Z/W/fZWrJ.jpg) center no-repeat;}

#menu span.bttn_1:hover{background: transparent url(http://uploads.ru/i/g/m/W/gmWou.jpg) center no-repeat;}
#menu span.bttn_2:hover{background: transparent url(http://uploads.ru/i/k/m/V/kmVLe.jpg) center no-repeat;}
#menu span.bttn_3:hover{background: transparent url(http://uploads.ru/i/X/K/i/XKiwW.jpg) center no-repeat;}
#menu span.bttn_4:hover{background: transparent url(http://uploads.ru/i/n/C/i/nCiN3.jpg) center no-repeat;}
#menu span.bttn_5:hover{background: transparent url(http://uploads.ru/i/u/t/Y/utY0B.jpg) center no-repeat;}

#menu span.bttn_1.tabactive{background: transparent url(http://uploads.ru/i/g/m/W/gmWou.jpg) center no-repeat;}
#menu span.bttn_2.tabactive{background: transparent url(http://uploads.ru/i/k/m/V/kmVLe.jpg) center no-repeat;}
#menu span.bttn_3.tabactive{background: transparent url(http://uploads.ru/i/X/K/i/XKiwW.jpg) center no-repeat;}
#menu span.bttn_4.tabactive{background: transparent url(http://uploads.ru/i/n/C/i/nCiN3.jpg) center no-repeat;}
#menu span.bttn_5.tabactive{background: transparent url(http://uploads.ru/i/u/t/Y/utY0B.jpg) center no-repeat;}

#submenu {
padding-top: 23px;
padding-left: 40px;
height: 180px;
width: 510px;}

.submenutext {
display: none;
text-align: center;
height: 180px;}
</style>

<table style="width: 900px; height: 218px; position: relative; z-index: 1000; top: 180px; background: transparent url(http://uploads.ru/i/Y/Z/z/YZzxd.jpg) top center no-repeat;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td id="MenuTxT" align="left" valign="top" style="width: 550px;">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<table style="background:transparent;border:none;" align="center" valign="top" width="100%" height="100%" cellpadding="1" cellspacing="1"><tr><td width="35%">текст одна треть. текст одна треть. текст одна треть. текст одна треть. текст одна треть. текст одна треть. текст одна треть. </td><td width="65%">текст две трети. текст две трети. текст две трети. текст две трети. текст две трети. текст две трети. </td></tr></table>
</div>
     <div id="sm2" class="submenutext">

Контент второй кнопки.
Текст, текст, текст, текст, текст,  текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст.

</div>
     <div id="sm3" class="submenutext">

Контент третьей кнопки
Текст, текст, текст, текст, текст,  текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст.
</div>
     <div id="sm4" class="submenutext">

Контент четвертой кнопки
Текст, текст, текст, текст, текст,  текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст.
</div>
     <div id="sm5" class="submenutext">

Контент пятой кнопки
Текст, текст, текст, текст, текст,  текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст.
</div>
</div>
</td>
   <td align="left" valign="top" style="width: 310px;">
    <div id="menu">
<span class="bttn_1" alt="#sm1" style="cursor: pointer;"></span>
<span class="bttn_2" alt="#sm2" style="cursor: pointer;"></span>
<span class="bttn_3" alt="#sm3" style="cursor: pointer;"></span>
<span class="bttn_4" alt="#sm4" style="cursor: pointer;"></span>
<span class="bttn_5" alt="#sm5" style="cursor: pointer;"></span>
    </div>
   </td>
</tr>
</tbody>
</table>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide(1000);
<!--$(".tabs span:first").addClass("active").show(600); -->
$("td.#MenuTxT div.submenutext:first").show(600);
$("div.#menu span").click(function() {
    var activeDiv = $(this).attr("alt");
    var Last=$("div.#menu span.tabactive").attr("alt");Last=$("div."+Last)
    if($("div."+activeDiv).attr("id")!=Last.attr("id")){Last.after($("div."+activeDiv))}
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide(1000);
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>