#pun-title, #pun-title .container{
  background-color: #e7e7e7;
background: url(http://diamondsims.ru/click.php?http://qps.ru/gFfQ3) no-repeat;  
  color: #606060;
  }

/* CS1 Графика
-------------------------------------------------------------*/
/*CS1*/
#pun-title table {background-color: transparent;
   background-image : url("http://sg.uploads.ru/Yc7HT.png");
   border: none;
   height: 620px;
   width: 903px;
   margin-left: -22px;
   margin-top: -2px;
   margin-bottom: 0px;
   background-repeat: no-repeat;
   background-position : top center;
}

/* CS1.1 */
body {background-color: #171812;
 background-image : url("");
   background-repeat: repeat;
   background-position : top center;}

/* CS1.2 */
#pun { background-image: url("http://sg.uploads.ru/Bm032.png");
   background-color: #c1ab7f;
   background-position: center;
   background-attachment: ;}

#pun-about p.container {
   background-color: transparent;
   background-image : url("http://sh.uploads.ru/VrRnQ.png"); 
   background-position : center top; 
   background-repeat : no-repeat; 
   height: 115px; 
   width: 903px;
   margin-left: -21px;
   margin-bottom: 0px;
   font-size: 0.0em;}

div#html-footer {
   margin: -55px 0px 0px 0px;}

div#pun-about {
   margin-bottom: -68px;}

/* CS1.4 */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background-clip:padding-box;
 background: url("");
border-top:1px solid #978664;
  border-right:4px  double  #978664;
  border-bottom: 1px  solid  #978664;
  border-left: 4px double  #978664;
}


 /* CS1.5 */
.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #000000;
 background: url(""); 
  border-top:1px solid  #111f48;
  border-right:4px  double  #111f48;
  border-bottom: 1px  solid  #111f48;
  border-left: 4px double  #111f48;
}

/* CS1.6 */
div#pun-navlinks {
position: absolute;
width: 100%;
text-align: center;
top: 320px;
margin-left: -14px;
}

/* CS1.7 */
div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
top: 366px;}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #000000;}

#pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #000000;}

#pun-stats h2,.punbb .main h1, .punbb .main h2 {
  background-color: transparent;
  color: #000000;
  font-weight: bold;
  text-align: center;}

#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;}

.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;}

.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;}


#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #000000;
  text-align: center;}

.offline li.pa-online strong {
  color: #000000;
  font-weight: normal;}


/* CS2 Цвета границ
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2 {font-size: 0em;}, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  }

/* CS2.4 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  border-color: transparent;}

/* CS2.5 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color:transparent;}
.punbb th {
  border-color: transparent;}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #4c3d1f;}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;}

.punbb .divider {
  border-color: transparent;}

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #4c3d1f;}

li.pa-online {
  border-left-color: transparent;}


/* CS3 Ссылки
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #4c3d1f;
  border-bottom: 0px none #000;
  text-decoration: none;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #000000;}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #4c3d1f;
  border-bottom: 0px none #000;
  text-decoration: none;}

/* CS3.3 */
#pun-navlinks a {
  color: #4c3d1f;
  border-bottom: 0px none #000;
  text-decoration: none;
text-shadow: 0px 1px 0px #000000;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #4c3d1f;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;
text-shadow: 0px 1px 0px #000000;}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #000000;}

/* CS4 Иконки
-------------------------------------------------------------*/

/* Старые сообщения */
.punbb table Div.icon {float: right;
display: block; 
border-style: none none none none;
width: 61px;
height: 61px;
background-image : url(http://sh.uploads.ru/vfYgW.png);
background-repeat: no-repeat;
position: relative;}

/* Закрытые темы */
TR.iclosed Div.icon {
background-image : url(http://sh.uploads.ru/PBN97.png);
background-repeat: no-repeat;
width: 61px;
height: 61px;}

/* Новые сообщения */
TR.inew Div.icon {
background-image : url(http://sg.uploads.ru/kshLf.png);
background-repeat: no-repeat;
width: 61px;
height: 61px;}

/* Важные темы */
TR.isticky Div.icon {
background-image : url(http://sg.uploads.ru/xnDc5.png);
background-repeat: no-repeat;
width: 61px;
height: 61px;}


/* CS6 Post status icons+рекламный баннер
 -------------------------------------------------------------*/
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -205px; top: 5px;
}
.punbb td div.tclcon { padding-left: 15px; }
#pun-status, #pun-status .container {display: none;}
#pun #pun-navlinks.section {border-top-style: none; }
#pun  #pun-navlinks.section .container {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-announcement h2 {display: none;
height: 0px; margin-top: -110px;}
#pun-announcement.section .container .html-box center table {margin-top: -110px;}
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
.punbb .post .pa-hidePunk { text-align: center; }
.pa-avatar, .pa-title, .pa-author{ text-align: center;}
.punbb .post .post-author-Sp { text-align: center; }
.copy{
position: absolute;
bottom: 0px;
left: 15%;
width: 70%;
height: 15px;
text-align: center;
font-family: tahoma;
font-size: 11px;
line-height: 10px;
color: #273002;
}

    <script type="text/javascript">

    $(document).ready(function(){
      var currentPosition = 0;
      var slideWidth = 560;
      var slides = $('.slide');
      var numberOfSlides = slides.length;

      // С помощью скрипта убираем прокрутку в контейнере.

      $('#slidesContainer').css('overflow', 'hidden');
      // Свернем все вкладки .slides в блок #slideInner
      slides .wrapAll('<div id="slideInner"></div>')
    .css({
          'float' : 'left',
          'width' : slideWidth
        });

      // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
      $('#slideInner').css('width', slideWidth * numberOfSlides);
      $('#slideshow')
        .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
        .append('<span class="control" id="rightControl">Clicking moves right</span>');
      manageControls(currentPosition);
      $('.control')
        .bind('click', function(){
    currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
        manageControls(currentPosition);
        $('#slideInner').animate({
          'marginLeft' : slideWidth*(-currentPosition)
        });
      });

      function manageControls(position){
        // Скрыть левую стрелку у первого контейнера
    if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
    // Скрыть правую стрелку у последнего контейнера
        if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }

      }
    });
    </script>
    <script type="text/javascript">

    $(document).ready(function(){
      var currentPosition = 0;
      var slideWidth = 560;
      var slides = $('.slide2');
      var numberOfSlides = slides.length;

      // С помощью скрипта убираем прокрутку в контейнере.

      $('#slidesContainer2').css('overflow', 'hidden');
      // Свернем все вкладки .slides в блок #slideInner
      slides .wrapAll('<div id="slideInner2"></div>')
    .css({
          'float' : 'left',
          'width' : slideWidth
        });

      // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
      $('#slideInner2').css('width', slideWidth * numberOfSlides);
      $('#slideshow2')
        .prepend('<span class="control2" id="leftControl2">Clicking moves left</span>')
        .append('<span class="control2" id="rightControl2">Clicking moves right</span>');
      manageControls(currentPosition);
      $('.control2')
        .bind('click', function(){
    currentPosition = ($(this).attr('id')=='rightControl2') ? currentPosition+1 : currentPosition-1;
        manageControls(currentPosition);
        $('#slideInner2').animate({
          'marginLeft' : slideWidth*(-currentPosition)
        });
      });

      function manageControls(position){
        // Скрыть левую стрелку у первого контейнера
    if(position==0){ $('#leftControl2').hide() } else{ $('#leftControl2').show() }
    // Скрыть правую стрелку у последнего контейнера
        if(position==numberOfSlides-1){ $('#rightControl2').hide() } else{ $('#rightControl2').show() }

      }
    });
    </script>
    <style type="text/css">

    #slideshow, #slideshow2 {

    margin:0 auto;
    width:640px;
    height:263px;
    background:transparent url(ссылка_на_фон_вкладок) no-repeat 0 0;
    position:relative;
    }

    #slideshow #slidesContainer, #slideshow2 #slidesContainer2 {
      margin:0 auto;
      width:560px;
      height:263px;
      overflow:auto; /* поддержка прокрутки */
      position:relative;
    }

    #slideshow #slidesContainer .slide, #slideshow2 #slidesContainer2 .slide2 {
      margin:0 auto;
      width:540px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
      height:263px;
    }

    .control, .control2 {
      display:block;
      width:39px;
      height:263px;
      text-indent:-10000px;
      position:absolute;
      cursor: pointer;
    }

    #leftControl,  #leftControl2 {
      top:0;
      left:0;
      background:transparent url(http://s3.uploads.ru/KcP7S.png) no-repeat 0 0;
    }

    #rightControl, #rightControl2 {
      top:0;
      right:0;
      background:transparent url(http://s2.uploads.ru/aIH0D.png) no-repeat 0 0;
    }
 </style>

<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь33333</p>
      </div>
      <div class="slide">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь333333</p>
      </div>
      <div class="slide">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь33333</p>
      </div>
    </div>
</div>

<div id="slideshow2">
    <div id="slidesContainer2">
      <div class="slide2">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь33333</p>
      </div>
      <div class="slide2">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь333333</p>
      </div>
      <div class="slide2">
        <p><img src="ссылка_на_картинку" />
              Ваш текст здесь33333</p>
      </div>
    </div>
</div>