<style type="text/css">
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 12px;
width: 720px;
}

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

<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>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span>
<span alt=#sm4 "style="cursor: pointer;">Кнопка 4</span>
<span alt=#sm5 "style="cursor: pointer;">Кнопка 5</span>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br /><br />

Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
     <div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
     <div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>

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

<style>HTML, BODY {background: #000000 url(http://fony.glamik.ru/_ph/10/1/13562094.jpg)}</style>

<style>
#pun{
top:0;
width:70%!important;
margin:0 auto;
}
</style>
<div style="margin: 100px 20.6% -70px -20.6%;">
<img src="http://s1.ipicture.ru/uploads/20110814/qKHq4ibW.gif" style="width:144%;margin: 0 0 -29% 0;"/>
</div>
<style type:"text/css">
#pun-navlinks .container {
position:relative;
z-index:100!important;
}
#pun-title h1 span {
color:transparent!important;
}
#pun-title{background:none;transparent;
border:none 0 transparent;
padding:0!important;
height: 70px!important;
}
#pun-title table {background-image: url();
background-repeat: no-repeat;
background-position: top center;
padding:0!important;
height: 70px!important;
}
</style>

<!--Полупрозрачность Банеров Ч1-->
<style type="text/css"> 
.mybb_bs, #aswift_2_anchor, #aswift_3_anchor, #aswift_0_anchor {
	filter: alpha(opacity=40) !important;
	opacity: 0.4 !important;
	-moz-opacity: 0.4 !important;
	-khtml-opacity: 0.4 !important;
}
.mybb_bs:hover, #aswift_2_anchor:hover, #aswift_3_anchor:hover, #aswift_0_anchor:hover {
	filter: alpha(opacity=100) !important;
	opacity: 1.0 !important;
	-moz-opacity: 1.0 !important;
	-khtml-opacity: 1.0 !important;
}
</style><!--Полупрозрачность Банеров Ч1-->

<script type="text/javascript"><!--Фон -->
 var Myimg="<img id=Myimg src=\"http://savepic.net/1854669.jpg\" style=\"left:0!important;display:block;position:fixed!important;z-index:-1;width: 107%!important;margin: 0 4% 0 -4%!important;\"/>"
$("#pun").prepend(Myimg);</script>
<style>#Myimg {position:absolute;width:100%!important;height:100%!important;top:-10px!important;}
body{background-image:none;background-color:transparent!important;top:0!important;}
</style><!--end Фон -->

<style type="text/css">
html{background: #000 none!important;}
#pun{
width:80%!important;
margin:0 auto;
}
.punbb table Div.icon {float: right; display: block; width: 100px; height: 100px; border-style: none;
background-image: url("http://s2.ipicture.ru/uploads/20110814/xdc5Eg13.png"); 
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url("http://s2.ipicture.ru/uploads/20110814/JtXEmino.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://s2.ipicture.ru/uploads/20110814/xdc5Eg13.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://s2.ipicture.ru/uploads/20110814/xdc5Eg13.png") no-repeat;}
TR.iredirect Div.icon {
background: url("http://s2.ipicture.ru/uploads/20110814/xdc5Eg13.png") no-repeat;}
</style>