Free temple tasarımını ayırmak ?

<div id="header">
   <div id="logo">
      <h1><a href="#">Baseline</a></h1>
      <h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
   </div>
   <div id="search">
      <form method="get" action="">
         <fieldset>
         <input id="searchinput" type="text" name="searchinput" value="" />
         <input id="searchsubmit" type="submit" value="Search" />
         </fieldset>
      </form>
   </div>
</div>
<div id="menu">
   <ul>
      <li class="active"><a href="#"><b>Home</b></a></li>
      <li><a href="#"><b>Blogs</b></a></li>
      <li><a href="#"><b>Forums</b></a></li>
      <li><a href="#"><b>About</b></a></li>
      <li><a href="#"><b>Contact</b></a></li>
   </ul>
</div>
<div id="page">
   <div id="content">
      <div id="feature" class="box-orange">
         <h2 class="section"><b>BonJuan-62.Tr.Gg</b></h2>
         <div class="content">
            <h1>Hoşgeldiniz...</h1>
            <p class="byline"><small>Bilgi Güçtür, Paylaştıkça Büyür!</small></p>

</div>
      </div>
      <div class="two-cols">
         <div class="box-blue col-one">
            <h2 class="section"><b>Hakkımızda</b></h2>
            <div class="content">
               Kısa Bir Yazı burada olabilir...
               </div>
         </div>
         <div class="box-pink col-two">
            <h2 class="section"><b>Bağlantılar</b></h2>
            <div class="content">
               <ul class="list">
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
               </ul>
            </div>
         </div>
      </div>
   </div>
   <div id="sidebar" class="two-cols">
      <div class="col-one">
         <div class="box-blue">
            <h2 class="section"><b>Categories</b></h2>
            <div class="content">
               <ul>
                  <li>
                     <h3><a href="#">Pede vel arcu</a></h3>
                     <ul>
                        <li><a href="#">Aliquet pretium</a></li>
                        <li><a href="#">Pellentesque qui</a></li>
                        <li><a href="#">Integer sit amet</a></li>
                        <li><a href="#">Elit non gravida</a></li>
                        <li><a href="#">Blandit </a><a href="#">lorem ipsum</a></li>
                        <li><a href="#">Dolor sit amet</a></li>
                     </ul>
                  </li>
                  <li>
                     <h3><a href="#">Adipiscing elit</a></h3>
                     <ul>
                        <li><a href="#">Nec erat sit amet</a></li>
                        <li><a href="#">Pellentesque congue</a></li>
                        <li><a href="#">Cras vitae metus</a></li>
                        <li><a href="#">Risus pellentesque</a></li>
                        <li><a href="#">Maecenas vitae orci</a></li>
                        <li><a href="#">Vitae tellus feugiat</a></li>
                        <li><a href="#">Etiam ac tortor eu</a></li>
                     </ul>
                  </li>
                  <li>
                     <h3><a href="#">Metus euismod</a></h3>
                     <ul>
                        <li><a href="#">Duis non ante in</a></li>
                        <li><a href="#">Commodo euismod</a></li>
                        <li><a href="#">Nec erat sit amet</a></li>
                        <li><a href="#">Pellentesque congue</a></li>
                        <li><a href="#">Risus pellentesque</a></li>
                        <li><a href="#">Maecenas vitae orci</a></li>
                        <li><a href="#">Vitae tellus eleifend</a></li>
                        <li><a href="#">Etiam ac tortor eu</a></li>
                     </ul>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="col-two">
         <div class="box-pink">
            <h2 class="section"><b>Sponsors</b></h2>
            <div class="content"><a href="#"><img src="images/img20.jpg" alt="" width="160" height="600" /></a></div>
         </div>
      </div>
   </div>
   <div style="clear: both;"> </div>
</div>
<div id="footer">
   <p id="legal">Copyright © 2007 Simpletex. All Rights Reserved | Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
   <p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
   margin: 0;
   padding: 0;
}

body{
   background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/baseline/images/img01.gif) repeat-x;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #666666;
}

h1, h2 {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight: normal;
}

h1 {
   font-size: 197%;
}

h2 {
   font-size: 167%;
}

h3 {
   margin-bottom: 1em;
   text-transform: uppercase;
   font-size: 100%;
   color: #000000;
}

p, ul, ol {
   margin-bottom: 1.5em;
   line-height: 1.6em;
}

p {
}

ol {
}

ul {
   list-style: none;
}

ul li {
   padding-left: 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img16.gif) no-repeat 0px 10px;
}

a:link {
   color: #3490F8;
}

a:hover, a:active {
   text-decoration: none;
   color: #F89934;
}

a:visited {
   color: #666666;
}

img {
   border: none;
}

img.left {
   float: left;
   margin: 0 20px 10px 0;
}

img.right {
   float: right;
   margin: 0 0 10px 20px;
}

.byline {
   color: #CCCCCC;
}

.col-one {
   float: left;
}

.col-two {
   float: right;
}

.two-cols {
}

.two-cols .col-one, .two-cols .col-two {
   width: 250px;
}

/* Boxes */

.box-orange {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img09.gif) repeat-x;
}

.box-orange .section {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img11.gif) no-repeat right top;
   font-size: 100%;
   color: #FFFFFF;
}

.box-orange .section b {
   display: block;
   height: 23px;
   padding: 7px 0 0 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img10.gif) no-repeat;
}

.box-orange .content {
   padding: 20px;
}

.box-blue {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img13.gif) repeat-x;
}

.box-blue .section {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img15.gif) no-repeat right top;
   font-size: 100%;
   color: #FFFFFF;
}

.box-blue .section b {
   display: block;
   height: 23px;
   padding: 7px 0 0 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img14.gif) no-repeat;
}

.box-blue .content {
   padding: 20px;
}

.box-pink {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img17.gif) repeat-x;
}

.box-pink .section {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img19.gif) no-repeat right top;
   font-size: 100%;
   color: #FFFFFF;
}

.box-pink .section b {
   display: block;
   height: 23px;
   padding: 7px 0 0 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img18.gif) no-repeat;
}

.box-pink .content {
   padding: 20px;
}

/* Header */

#header {
   width: 960px;
   height: 92px;
   margin: 0 auto;
}

/* Logo */

#logo {
   float: left;
margin-top: -31px;
}

#logo h1, #logo h2 {
   float: left;
}

#logo h1 {
   padding-top: 40px;
   text-transform: lowercase;
   font-size: 34px;
   font-weight: normal;
}

#logo h2 {
   padding: 63px 0 0 3px;
   text-transform: uppercase;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
}

#logo a {
   text-decoration: none;
   color: #000000;
}

/* Search */

#search {
   float: right;
   width: 300px;
   padding-top: 55px;
margin-top: -31px;
}

#search form {
}

#search fieldset {
   border: none;
}

#searchinput, #searchsubmit {
   font: bold 100% Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}

#searchinput {
   padding: 2px 5px;
   width: 198px;
   background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/baseline/images/img02.gif) repeat-x;
   border: 1px solid #FFFFFF;
}

#searchsubmit {
   padding: 0 2px;
   background: #F4A652 url(http://www.freecsstemplates.org/templates/previews/baseline/images/img03.gif) repeat-x;
   border: 1px solid #000000;
   text-transform: lowercase;
}

/* Menu */

#menu {
   width: 960px;
   height: 30px;
   margin: 0 auto;
margin-top: -29px;

}

#menu ul {
   margin: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   display: block;
   float: left;
   margin-right: 1px;
   padding: 0;
   background: #FFFFFF;
}

#menu a {
   display: block;
   float: left;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img07.gif) no-repeat;
   text-decoration: none;
   color: #666666;
}

#menu a:hover {
   color: #1777B1;
}

#menu b {
   display: block;
   float: left;
   height: 23px;
   padding: 7px 20px 0 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img08.gif) no-repeat right top;
   cursor: hand;   
}

#menu li.active {
   background: #CFCECE url(http://www.freecsstemplates.org/templates/previews/baseline/images/img04.gif) repeat-x;
}

#menu li.active a {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img06.gif) no-repeat right top;
   color: #C90404;
}

#menu li.active b {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img05.gif) no-repeat;
}

/* Page */

#page {
   width: 960px;
   margin: 0 auto;
   padding: 30px 0 0 0;
}

/* Content */

#content {
   float: left;
   width: 520px;
}

/* Feature */

#feature {
   margin-bottom: 20px;
}

/* Sidebar */

#sidebar {
   float: right;
   width: 420px;
}

#sidebar .col-one {
   width: 200px;
}

#sidebar .col-two {
   width: 200px;
}

/* Footer */

#footer {
   height: 100px;
   padding: 20px;
   background: #DDDDDD;
   border-top: 1px solid #999999;
}

#footer p {
   margin: 0;
   text-align: center;
   font-size: 85%;
}