<style>	
#menu {
margin-top: -5px;
width: 221px;
height: 70px;
background-repeat: no-repeat;}

#menu span {
text-align:center;
display:block;
margin: 3px 0;
padding: 0px;
}
#submenu,#menu span {
border: #D3830D 1px solid;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
background:#26382A;
}

#menu .tabactive {
background: transparent;
border: none;
}

#submenu {
padding: 0px;
height: 454px;
text-align: center;
font-size: 12px;
width: 630px;
}

.submenutext {
display: none; 
height: 30px;
}
</style>

<center><table style="width: 641px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;"><img src="http://forumupload.ru/uploads/000e/08/33/1749-1.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://forumupload.ru/uploads/000e/08/33/1749-1.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://forumupload.ru/uploads/000e/08/33/1749-1.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://forumupload.ru/uploads/000e/08/33/1749-1.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://forumupload.ru/uploads/000e/08/33/1749-1.png"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://forumupload.ru/uploads/000e/08/33/1749-1.png"></span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/><br/>

Контент первой кнопки

</div>
     <div id="sm2" class="submenutext"><br/><br/>

Контент второй кнопки

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

Контент третьей кнопки

</div>
     <div id="sm4" class="submenutext"><br/><br/>

Контент четвертой кнопки

</div>
     <div id="sm5" class="submenutext"><br/><br/>

Контент пятой кнопки

</div>
     <div id="sm6" class="submenutext"><br/><br/>

Контент шестой кнопки

</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

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

<style> 
.splLink {width: auto; height: 40px; border: none; text-align: center; font-size: 16px; padding-top: 17px;}
.splCont {height: 200px; width: 200px; background: #baaf8b; padding: 5px; z-index: 1000; border: none; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

.splCont {opacity: 0.8; filter: alpha(Opacity=80);  
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    }
</style>

<center><table width="650" height="800" cellspacing="0" cellpadding="0" border="0" style="background: url(http://forumupload.ru/uploads/0010/04/2b/249-1-f.png) center no-repeat;">
<tr height="175">
 <td colspan="2" align="center">
 <table width="93%" cellspacing="0" cellpadding="0" border="0" height="55" style="margin-top: 15px;">
<tr>
 <td width="150" align="center">
<DIV><div class=splLink></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="height: 200px; width: 100%; overflow: auto;">

Контент новостей

</div></DIV></DIV>
 </td>
 <td width="200" align="center">
<DIV><div class=splLink></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="height: 200px; width: 100%; overflow: auto;">

Контент администрации

</div></DIV></DIV>
 </td>
 <td width="171" align="center">
<DIV><div class=splLink></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="height: 200px; width: 100%; overflow: auto;">

Контент со ссылками

</div></DIV></DIV>
 </td>
 <td width="81" align="center">
<DIV><div class=splLink></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="height: 200px; width: 100%; overflow: auto;">

Контент пиар

</div></DIV></DIV>
 </td>
</tr>
</table>

 </td>
</tr>

<tr height="625">
 <td width="50%"><div style="width: 252px; height: 228px; overflow: auto; margin-top: 222px; margin-left: 35px;">

Текст в первой колонке


 </div></td>
 <td width="50%"><div style="width: 252px; height: 228px; overflow: auto; margin-top: 222px; margin-left: 37px;">

Текст во второй колонке

 </div></td>
</tr>
</table></center>

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>