<style type="text/css">
#pun-navlinks {
  height:50px;
  width:810px;
  z-index:1000!important;
  position:absolute!important;
  top:0!important;
  background-color: transparent;
  background-image: url();
  text-align:center;
  margin:0 0 0 0!important;
}
</style>
<style> /*Рекламный Банер*/
#pun-title td.title-logo-tdr {
display:block!important;
position:absolute!important;
top:400px!important;
z-index:1000!important;
left:50%!important;
margin-left:-76px!important;
}
.mybb_bs { 
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
  -moz-opacity: 0.5 !important;
  -khtml-opacity: 0.5 !important;
} 
.mybb_bs:hover { 
filter: alpha(opacity=100) !important;
opacity: 1.0 !important;
-moz-opacity: 1.0 !important;
-khtml-opacity: 1.0 !important;
} 
</style>
<script type="text/javascript">
$(document).ready(function() {
document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>";
document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs'>" + document.getElementById("tieser-bottom").innerHTML + "</div>";
});
</script>


<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 300;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

<table border=0 width="300px" style="text-align: justify; position: absolute; top: 90px; margin-left: 361px;"
<tr><td width=290px"><center>
<div id="pageContainer">
  <h1></h1>
  <!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
     
      
     <div class="slide">
        <p>

текст
        <p>
      </div>
     <div class="slide">
     

        <p>
<table cellspacing="0"> 
<tr> 
<td> <a class="menu" href="http://artlife.mybb.ru/">Сюжет</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://artlife.mybb.ru/">Правила</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://artlife.mybb.ru/">Занятые внешности</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://artlife.mybb.ru/">Блог администрации</a></td> </tr> 
<tr> 



 
</table>

        <p>
      </div>
<div class="slide">
        <p>
текст
        <p>
      </div>
    </div>
  </div>
  <!-- Slideshow HTML -->
  <div id="footer">

  </div>
</div>


</td></tr></table>

<table border=0 width="300px" style="text-align: justify; position: absolute; top: 220px; margin-left: 423px;>
<tr><td width=290px"><center>

<img src="http://savepic.net/2145788.png" class="Hoverbuttons">

<img src="http://savepic.net/2130428.png" class="Hoverbuttons">

<img src="http://savepic.net/2135548.png" class="Hoverbuttons">

<img src="http://savepic.net/2125308.png" class="Hoverbuttons">
</td></tr></table>

<table border=0 width="180px" style="text-align: justify; position: absolute; top: 317px; margin-left: 20px;"
<tr><td width="180px"><center>
<marquee  scrollAmount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="235" height="31">


партнёры
</td></tr></table>


<style>
HTML, BODY {font-family:Arial ;font-size: 14px }
</style>

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<style>
#pun-title .title-logo { 
display : none; 
}
</style>