<table style="border-collapse: collapse; width: 1px; height: 310px;" width align><tbody><tr><td><br></td></tr></tbody></table>
<a style="position: absolute; top: 270pt; left: 50%;margin:0px 0 0 -430px;"><center>

<table style="width: 860px; height: 301px; border-collapse: collapse; background-image: url(http://sa.uploads.ru/3vEkn.png); background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: 50% 50%; background-repeat: no-repeat;" width align><tbody><tr><td style="width: 350px; letter-spacing: 0px; word-spacing: 0px;">

<style type="text/css">#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#menu {margin-top: 3px;}
#menu span {
width: 190px;
height: 12px;
text-align: center;
display: block;
margin-bottom: 10px;
padding: 8px 15px 12px 15px;
font-weight: bold;
color: #b2acd1;}
#menu span:hover {text-decoration: underline;}
#menu .tabactive {color: #b2acd1;}
#submenu {
padding: 0px;
height: 170px;
width: 460px;}
.submenutext {
display: none;
padding: 5px;
margin-left: 33px;
text-align: center;
height: 160px;}
#menu span, .submenutext {
border: 0px solid #b2acd1;}
</style>
<table cellpadding="0" cellspacing="0" style="width: 200px;">
<tbody>
<tr>
<td align="center" style="width: 100px; text-align: center; vertical-align: top; letter-spacing: 0px; word-spacing: 0px;" valign="top">

<div id="menu">

<span alt="#sm1" style="cursor: pointer;">
<div class="ImgWrap">
<img class="image UP" src="test_files/HFSQM000.png">
<img class="image Down" src="test_files/tkMWH000.png">
</div>
</span>

<span alt="#sm2" style="cursor: pointer;">
<div class="ImgWrap">
<img class="image UP" src="test_files/uHieX000.png">
<img class="image Down" src="test_files/EtMZU000.png">
</div>
</span>

<span alt="#sm3" style="cursor: pointer;">
<div class="ImgWrap">
<img class="image UP" src="test_files/wQxUg000.png">
<img class="image Down" src="test_files/NKLY6000.png">
</div>
</span>

</div>

</td>
<td align="center" id="MenuTxT" valign="top">
<div align="center" id="submenu">

<div class="submenutext" id="sm1" style="display:block;">
<center>
<center>Текст первой ячейки</center>
</center>
</div>

<div class="submenutext" id="sm2">
<center>текст2</center>
</div>

<div class="submenutext" id="sm3">
<center>
<table align style="border-collapse: collapse; width: 200px;" width>
<tbody>
<tr>
<td style="text-align: center;">
<center>текст3
</center>

<div style="margin-left: -20px">&nbsp;</div>

<center>&nbsp;</center>
</td>
</tr>
</tbody>
</table>
</center>
</div>

<div class="submenutext" id="sm4">
<center>это поле должно быть пустым!!!</center>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<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> </td><td style="text-align: center; width: 200px; letter-spacing: 0px; word-spacing: 0px;">Статичный текст</td></tr></tbody></table></center></a>