[Resuelto] Quien me lo Adapta?

<script type="text/javascript" src="http://buzzwire.webuda.com/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://buzzwire.webuda.com/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#slideshow').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 5000,
        pager:  '#slider_nav',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#slider_nav li:eq(' + (idx) + ') a';
        }
    });
});
</script>
<div class="main">
  <div class="header_resize">

    <div class="header">
      <div class="logo"><a href="#"><img src="http://img.webme.com/pic/p/pruebas-designpwg/logo.gif" width="338" height="70" border="0" alt="" /></a></div>
      <div class="menu">
        <ul>
          <li><a href="index.html" class="active"><span>Home</span></a></li>
          <li><a href="portfolio.html"><span>Portfolio </span></a></li>
          <li><a href="about.html"><span> About Us </span></a></li>

          <li><a href="contact.html"><span> Contact Us</span></a></li>
        </ul>
      </div>
      <div class="clr"></div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="header_blog">

    <div id="slider">
      <!-- start slideshow -->
      <div id="slideshow">
        <div class="slider-item"><a href="#"><img src="http://img.webme.com/pic/p/pruebas-designpwg/simple_img_1.jpg" alt="" width="960" height="341" border="0" /></a></div>
        <div class="slider-item"><a href="#"><img src="http://img.webme.com/pic/p/pruebas-designpwg/simple_img_2.jpg" alt="" width="960" height="341" border="0" /></a></div>
        <div class="slider-item"><a href="#"><img src="http://img.webme.com/pic/p/pruebas-designpwg/simple_img_3.jpg" alt="" width="960" height="341" border="0" /></a></div>
      </div>
      <!-- end #slideshow -->
      <div class="controls-center">

        <div id="slider_controls">
          <ul id="slider_nav">
            <li><a href="#"></a></li>
            <!-- Slide 1 -->
            <li><a href="#"></a></li>
            <!-- Slide 2 -->
            <li><a href="#"></a></li>
            <!-- Slide 3 -->
          </ul>

        </div>
      </div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="clr"></div>
  <div class="body_bottom">
    <div class="body_bottom_resize">
      <div class="block"> <img src="http://img.webme.com/pic/p/pruebas-designpwg/fbg_1.gif" alt="" width="49" height="49" />

        <h2>Web Development<br />
          <span>Sed congue, dui vel tristique mollis... </span> </h2>
        <div class="bg"></div>
        <p>Quisque interdum massa nec urna imperdiet <br />
          hendrerit. Quisque interdum massa nec urna imperdiet. Ut in justo quis ipsum auctor sagittis. </p>
        <a href="#"><img src="http://img.webme.com/pic/p/pruebas-designpwg/fbg_read_more.gif" alt="" width="87" height="31" border="0" /></a></div>

      <div class="block"> <img src="http://img.webme.com/pic/p/pruebas-designpwg/fbg_2.gif" alt="" width="49" height="49" />
        <h2>Business Plan<br />
          <span>Sed congue, dui vel tristique mollis... </span></h2>
        <div class="bg"></div>
        <p>Quisque interdum massa nec urna imperdiet <br />
          hendrerit. Quisque interdum massa nec urna imperdiet. Ut in justo quis ipsum auctor sagittis. </p>

        <a href="#"><img src="images/fbg_read_more.gif" alt="" width="87" height="31" border="0" /></a></div>
      <div class="block"> <img src="http://img.webme.com/pic/p/pruebas-designpwg/fbg_3.gif" alt="" width="49" height="49" />
        <h2>Online Support<br />
          <span>Sed congue, dui vel tristique mollis... </span></h2>
        <div class="bg"></div>
        <p>Quisque interdum massa nec urna imperdiet <br />
          hendrerit. Quisque interdum massa nec urna imperdiet. Ut in justo quis ipsum auctor sagittis. </p>

        <a href="#"><img src="http://img.webme.com/pic/p/pruebas-designpwg/fbg_read_more.gif" alt="" width="87" height="31" border="0" /></a></div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="clr"></div>
  <div class="body">
    <div class="body_resize">
      <div class="left">

 </div>
      <div class="right">
        <h2>Featured Projects</h2>
        <img src="http://img.webme.com/pic/p/pruebas-designpwg/img_1.jpg" alt="" width="278" height="82" />
        <p><a href="#">Original</a><br />
          Nulla id orci vel ante congue ornare. Cras laoreet pulvinar ante, non ullamcorper augue</p>
        <h2>What Our Client says...</h2>

        <p> <img src="http://img.webme.com/pic/p/pruebas-designpwg/test.gif" alt="" width="18" height="13" />Aenean id justo eu est sodales rhoncus ac et sem. Nunc aliquam, magnaa placerat congue, ante urna tincidunt.<br />
          <strong>Jason, Founder, www.website.com </strong></p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="clr"></div>

  <div class="footer">
    <div class="footer_resize">
      <p class="leftt">© Copyright websitename . All Rights Reserved<br />
        <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">RSS</a></p>
      <p class="right">(Blue) <a href="http://www.bluewebtemplates.com">Website Templates</a></p>

      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
</div>

#pre_header {display: none;}
#post_header {display: none;}
body{text-alignt:center;}
table[height="102"]{margin-left:auto;margin-right:auto;width:728px;}
#header_container {display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#title {display: none;}
#nav_container {display:none;}
@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fafafa;}
html { padding:0; margin:0;}

.main { margin:0 auto; padding:0;}
.resize { width:960px; padding:0; margin:0 auto;}
/********** header **********/
.header_resize {background: url(http://img.webme.com/pic/p/pruebas-designpwg/header_bg.gif) top repeat-x; margin:0; padding:0;}
.header { width:960px; padding:0; margin:0 auto; }
.header_blog { background: url(http://img.webme.com/pic/p/pruebas-designpwg/header_block_bg.jpg) top center repeat-x; padding:20px 0 0 0; margin:0; height:380px;}
.header_blog2 { background: url(http://img.webme.com/pic/p/pruebas-designpwg/header_bglog2_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:105px;}
.header_blog2 h2 { width:350px; float:left; font: bold 36px Arial, Helvetica, sans-serif; color:#292929; padding:10px 0 0 15px; margin:0;}
.header_blog2 p { font: italic 12px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:10px 0 0 0; margin:0; width:300px; float:right;}
.header_blog h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#1d1d1d; padding:10px 0 0 0; margin:0;}
.header_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 30px 0; margin:0;}
/* logo */
.logo {padding:0; margin:0; width:148px; float:left;}
/*menu*/
.menu { padding:13px 0 0 0; margin:0 ; width:410px;  float:right; }
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fffefe; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover {  background: url(http://img.webme.com/pic/p/pruebas-designpwg/r_menu.gif) no-repeat right;}
.menu ul li a:hover span {   background:url(http://img.webme.com/pic/p/pruebas-designpwg/l_menu.gif) no-repeat left;}
.menu ul li a.active {  background:url(http://img.webme.com/pic/p/pruebas-designpwg/r_menu.gif) no-repeat right;}
.menu ul li a.active span {   background:url(http://img.webme.com/pic/p/pruebas-designpwg/l_menu.gif) no-repeat left;}
/* body */
.body_resize  { padding:0; width:960px; margin:0 auto;}
.body { padding:20px 0; margin:0 auto; background:#fafafa; border-top:none; }
.body h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#171717; padding:10px 5px 20px 5px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#898989; line-height:1.8em; padding:3px 5px; margin:0;}
.body p span { color:#247ca4; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 0; margin:0;}
.body a { color:#247ca4; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.body img { margin:5px auto; padding:0;}
.body img.floated { float:left; margin:10px 10px; padding:0;}
.full { margin:0; padding:10px;}
.right { width:300px;margin:0; padding:10px; float:right;}
.left {width:620px;margin:0; padding:10px; float:left;}
.blog_port { width:281px; margin:0 5px; padding:15px 10px; float:left; border:1px solid #ddd; background:#fefefe;}
.blog_port img { margin:0; padding:0 5px 10px 5px; float:none;}
.butons { width:50px; margin:10px auto; padding:0;}
/*.body_bottom */
.body_bottom { background:#f8f8f8; padding:0; margin:0; border-bottom:1px solid #e9e9e9;}
.body_bottom .block { width:300px; float:left; padding:15px 10px; margin:0;}
.body_bottom h2 { font: normal 20px Arial, Helvetica, sans-serif; color:#171717; padding:15px 10px; margin:0;}
.body_bottom h2 span { font: italic 11px Arial, Helvetica, sans-serif; color:#247ca4;}
.body_bottom p { font: normal 12px Arial, Helvetica, sans-serif; color:#9a9a9a; padding:10px 5px; margin:0; line-height:1.8em;}
.body_bottom img { float:left; margin:10px 10px 10px 0; padding:0;}
.body_bottom_resize { width:960px; padding:0; margin:0 auto;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#898989; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
#contactform textarea { width:450px; border:1px solid #e1e1e1; margin:2px 0; padding:2px; background:#fff; float:right; }
#contactform li.buttons input { padding:3px 0 3px 480px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

/*************footer**********/
.footer {padding:0;  margin:0; border-top:1px solid #e9e9e9; background:#ececec;}
.footer_resize { width:940px; margin:0 auto; padding:20px 10px;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#777;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#777; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;}
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { float:right; clear:both; border-top:1px solid #e2e2e2; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}

/* Slider */
#slider {  width:960px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float: left; width: 100%; height: 341px; }
.slider-item { width: 100% !important; height: 341px; }
.slider_content_inner img { border: none; }
.controls-center { width: 960px; margin-left: auto; margin-right: auto; }
#slider_controls { float: right; position: relative; margin:10px 0 0 0; z-index: 1000; width:960px; height:23px;}
#slider_controls ul { margin:0 auto; padding:2px 23px 2px 0; width:54px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('http://img.webme.com/pic/p/pruebas-designpwg/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('http://img.webme.com/pic/p/pruebas-designpwg/tabs_1.gif') no-repeat center center; }

<h2>TU TITULO</h2>