bana tasarımı css cevirecek hayırsever kardeş arıyorum

    <link rel="stylesheet" media="screen,projection" type="text/css" href="http://w3seonet.sitemynet.com/bsmain.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="http://w3seonet.sitemynet.com/bsstyle.css" />
    <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="http://w3seonet.sitemynet.com/bsmain-msie.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="http://w3seonet.sitemynet.com/bsreset.css" />
    <link rel="stylesheet" media="print" type="text/css" href="http://w3seonet.sitemynet.com/bsprint.css" />
<div id="main">

    <!-- Header -->
    <div id="header">

        <h1 id="logo"><a href="./" title="[Go to homepage]"><img src="http://img.webme.com/pic/c/csstore/logo.gif" alt="" /></a></h1>
        <hr class="noscreen" />

        <!-- Navigation -->
        <div id="nav">
            <a href="#" id="nav-active">Homepage</a> <span>|</span>
            <a href="#">About us</a> <span>|</span>
            <a href="#">Support</a> <span>|</span>
            <a href="#">Contact</a>
        </div> <!-- /nav -->

    </div> <!-- /header -->
   
    <!-- Tray -->
    <div id="tray">

        <ul>
            <li id="tray-active"><a href="#">Homepage</a></li> <!-- Active page -->
            <li><a href="#">Live demo</a></li>
            <li><a href="#">About product</a></li>
            <li><a href="#">Testimonials</a></li>
            <li><a href="#">Download</a></li>
            <li><a href="#">Purchase</a></li>
        </ul>
       
        <!-- Search -->
        <div id="search" class="box">
            <form action="#" method="get">
                <div class="box">
                    <div id="search-input"><span class="noscreen">Search:</span><input type="text" size="30" name="" value="Search" /></div>
                    <div id="search-submit"><input type="image" src="http://img.webme.com/pic/c/csstore/search-submit.gif" value="OK" /></div>
                </div>
            </form>
        </div> <!-- /search -->

    <hr class="noscreen" />
    </div> <!-- /tray -->

<hr class="noscreen" />
   
    </div> <!-- /cols3 -->
    <div id="cols3-bottom"></div>

    <!-- 2 columns -->
    <div id="cols2-top"></div>
    <div id="cols2" class="box">
   
        <!-- Blog -->
        <div id="col-left">

            <div class="title">
                <span class="f-right"><a href="#" class="ico-rss">RSS feed</a></span>
                <h4>Blog</h4>
            </div> <!-- /title -->
           
            <ul class="ul-list nomb">
                <li><span class="f-right"><a href="#" class="ico-comment">45 comments</a></span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem ipsum dolor sit amet</a></li>
                <li><span class="f-right"><a href="#" class="ico-comment">45 comments</a></span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem ipsum dolor sit amet</a></li>
                <li><span class="f-right"><a href="#" class="ico-comment">45 comments</a></span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem ipsum dolor sit amet</a></li>
                <li><span class="f-right"><a href="#" class="ico-comment">45 comments</a></span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem ipsum dolor sit amet</a></li>
                <li><span class="f-right"><a href="#" class="ico-comment">45 comments</a></span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem ipsum dolor sit amet</a></li>
            </ul>
       
        </div> <!-- /col-left -->

        <hr class="noscreen" />

        <!-- Testimonials -->
        <div id="col-right">
       
            <h4><span>Testimonials</span></h4>

            <div class="box">
           
                <div class="col-right-img"><img src="http://img.webme.com/pic/c/csstore/65x65.gif" width="65" height="65" alt="" /></div>
                <div class="col-right-text">

                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc feugiat. <strong>In a massa.</strong> In feugiat pharetra lacus. In non arcu nec libero pharetra rutrum.</p>
                    <p class="high smaller">&ndash; <cite>John Doe, Some Corporation</cite></p>

                </div> <!-- /col-right-text -->
           
            </div> <!-- /box -->
       
        </div> <!-- /col-right -->
   
    </div> <!-- /cols2 -->
    <div id="cols2-bottom"></div>

    <hr class="noscreen" />

    <!-- Footer -->
    <div id="footer">

        <!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
        <p class="f-right"><a href="http://www.nuviotemplates.com/">Free web templates</a> presented by <a href="http://www.qartin.cz/">QARTIN</a> &ndash; Our tip: <a href="http://last-minute.invia.pl">Wakacje</a> <a href="http://dovolenka.invia.sk">Dovolenka</a></p>
        <!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->

        <p>Copyright &copy;&nbsp;2008 <strong><a href="#">Your Name</a></strong>, All Rights Reserved &reg;</p>

    </div> <!-- /footer -->

</div> <!-- /main -->

    <!-- Promo -->
    <div id="col-top"></div>
    <div id="col" class="box">
   
        <div id="ribbon"></div> <!-- /ribbon (design/ribbon.gif) -->
       
        <!-- Screenshot in browser (replace http://img.webme.com/pic/c/csstore/browser.gif) -->
        <div id="col-browser"><a href="#"><img src="http://img.webme.com/pic/c/csstore/useyourimage.gif" width="255" height="177" alt="" /></a></div>
       
        <div id="col-text">

            <h2 id="slogan"><span></span>Place for your slogan.</h2>
           
            <p>Lorem ipsum dolor sit amet, <strong>consectetuer adipiscing</strong> elit. Nunc feugiat. In a massa. In feugiat pharetra lacus.
            In non arcu nec libero pharetra rutrum. Curabitur hendrerit <a href="#">elementum diam</a>. Vestibulum mattistae sapien eu <a href="#">vehicula accumsan</a>,
            erat quam porttitor orci, id ornare est eros et arcu. In odio. Morbi eu nisia et dolor dictum elementum. Vivamus commodo sodales felis.
            Nulla gravida tristique metus.</p>
           
            <p id="btns">
                <a href="#"><img src="http://img.webme.com/pic/c/csstore/btn-tell.gif" alt="" /></a>
                <a href="#"><img src="http://img.webme.com/pic/c/csstore/btn-purchase.gif" alt="" /></a>
            </p>

        </div> <!-- /col-text -->
   
    </div> <!-- /col -->
    <div id="col-bottom"></div>
   
    <hr class="noscreen" />
   
    <!-- 3 columns -->
    <div id="cols3-top"></div>
    <div id="cols3" class="box">
   
        <!-- Column I. -->
        <div class="col">

            <h3><a href="#">Product I.</a></h3>
           
            <p class="nom t-center"><a href="#"><img src="http://img.webme.com/pic/c/csstore/200x140.gif" alt="" /></a></p>

            <div class="col-text">

                <p>Lorem ipsum dolor sit amet <a href="#">consectetuer</a> amit adipiscing elit. <strong>Nunc feugiat.</strong>
                Inam massa est feugiat <a href="#">pharetra</a> lacus. In non arcu nec liberom pharetra rutrum est.</p>
               
                <ul class="ul-01">
                    <li>Lorem ipsum dolor sit amet</li>
                    <li>Lorem ipsum dolor sit amet</li>
                    <li>Lorem ipsum dolor sit amet</li>
                </ul>

            </div> <!-- /col-text -->

            <div class="col-more"><a href="#"><img src="http://img.webme.com/pic/c/csstore/cols3-more.gif" alt="" /></a></div>

        </div> <!-- /col -->

        <hr class="noscreen" />

        <!-- Column II. -->
        <div class="col">

            <h3><a href="#">Product II.</a></h3>

            <p class="nom t-center"><a href="#"><img src="http://img.webme.com/pic/c/csstore/200x140.gif" alt="" /></a></p>

            <div class="col-text">

                <p>Lorem ipsum dolor sit amet consectetuer amit adipiscing elit. <strong>Nunc feugiat.</strong>
                Inam massa est feugiat <a href="#">pharetra</a> lacus. In non arcu nec liberom pharetra rutrum est.</p>

                <ul class="ul-01">
                    <li>Lorem ipsum dolor sit amet</li>
                    <li>Lorem ipsum dolor sit amet</li>
                    <li>Lorem ipsum dolor sit amet</li>
                </ul>

            </div> <!-- /col-text -->

            <div class="col-more"><a href="#"><img src="http://img.webme.com/pic/c/csstore/cols3-more.gif" alt="" /></a></div>

        </div> <!-- /col -->

        <hr class="noscreen" />

        <!-- Column III. -->
        <div class="col last">

            <h3><a href="#">Product III.</a></h3>

            <p class="nom t-center"><a href="#"><img src="http://img.webme.com/pic/c/csstore/200x140.gif" alt="" /></a></p>

            <div class="col-text">

                <p>Lorem ipsum dolor sit amet consectetuer amit adipiscing elit. <strong>Nunc feugiat.</strong>
                Inam massa est feugiat pharetra lacus. In non arcu nec liberom <a href="#">pharetra rutrum est</a>.</p>

                <ul class="ul-01">
                    <li>Lorem ipsum dolor sit amet</li>
                    <li>Lorem ipsum dolor sit amet</li>
                    <li>Lorem ipsum dolor sit amet</li>
                </ul>

            </div> <!-- /col-text -->

            <div class="col-more"><a href="#"><img src="http://img.webme.com/pic/c/csstore/cols3-more.gif" alt="" /></a></div>

        </div> <!-- /col -->

#header_container {
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px
}
#nav_container {
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px
}
#pre_content {
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px
}
#counter {
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px
}
#post_content {
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px
}
#sidebar_container {
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px
}
h2.sidebar_heading {
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px
}
#sidebar_content {
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px
}
#title {
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px
}