İce blue,red,butterfly,css deising Tasarımları

<!-- www.tasarimci-amca.tr.gg tasarim sayfalari kod baslangici --->

....
....
....
....
... <div id="page">

<style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>

<style>
<!--
A{text-decoration:none}
-->
</style>

<div id="wrapper">
        <div id="top_bar">
      <div id="top_bar_left_curve"></div>
      <div id="top_bar_middle"></div>
      <div id="top_bar_right_curve"></div>
   </div>

   <div style="clear: both;"></div> 

   <div id="content_wrapper">
   
     <!-- start left sidebar -->
       <div id="left_side">
       
         <h2>:::...ANA MENÜ...:::</h2>
         
            <div class="menu">
              <ul>
               <li><a href="SAYFA URL"><img src="http://img528.imageshack.us/img528/4310/homeve0.png/home.png" alt="ANA SAYFA" /> ANA SAYFA</a></li>
               <li><a href="SAYFA URL"><img src="http://img510.imageshack.us/img510/8059/contactxu7.png/contact.png" alt="SAYFA ADI" /> SAYFA ADI</a></li>
               <li><a href="SAYFA URL"><img src="http://img510.imageshack.us/img510/4119/servicesiq5.png/services.png" alt="SAYFA ADI" /> SAYFA ADI</a></li>
               <li><a href="SAYFA URL"><img src="http://img510.imageshack.us/img510/2730/aboutusxp8.gif/about_us.gif" alt="SAYFA ADI" /> SAYFA ADI</a></li>
               <li><a href="SAYFA URL"><img src="http://img525.imageshack.us/img525/1329/loginks0.png/login.png" alt="SAYFA ADI" /> SAYFA ADI</a></li>
             </ul>
            </div>
                <div style="clear: both;"></div> 
         
         <h2>BAŞLIK</h2>
         <p>

                BURAYA YAZI          
         
         </p>
       </div>
    <!-- end left sidebar -->

    <!-- start the MAIN content -->
       <div id="main_content">   

</div>
....
....
....

<!-- end the MAIN content -->
   

    <!-- start right sidebar -->
       <div id="right_side">
       
         <h2>:::...EKSTRA MENÜ...:::</h2>
       
            <div class="menu">
              <ul>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
             </ul>
            </div>
                <div style="clear: both;"></div>         
       
         
         <h2>BAŞLIK</h2>
            <br />
         BURAYA YAZI
       </div>   
    <!-- end right sidebar -->
   
   </div>
   
   <div style="clear: both;"></div> 
   
   <div id="bottom_bar">
      <div id="bottom_bar_left_curve"></div>
      <div id="bottom_bar_right_curve"></div>
   </div>

</div>
</center>

   <div style="clear: both;"></div> 
   <br />
   <div id="footer">
                    Design by_<a target="_blank" href="http://www.tasarimci-amca.tr.gg/">TASARİMCİ-AMCA</a>   
   </div> 



<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div></body>

<!-- www.tasarimci-amca.tr.gg tasarim sayfalari kod bitisi --->

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;}

 body {
   font-family: Tahoma, Verdana;
   font-size: 10pt;
 }

 img { border: 0px; }

 #wrapper {
   width: 95%;
 }
 
/* start the top bar with rounded edges */
 
 #top_bar {
   width: 100%;
   background: #2D006B;
   height: 20px;
 }

 
 #top_bar_right_curve {
   float:  right;
   width: 20px;
   height: 20px;   
   background: url(http://img259.imageshack.us/img259/1913/nehv8.gif/ne.gif);
 }
 
 #top_bar_left_curve {
   float: left;
   width: 20px;
   height: 20px;   
   background: url(http://img75.imageshack.us/img75/8229/nwhr9.gif/nw.gif);
 }
 
/* end the top bar with rounded edges */


/* start the bottom bar with rounded edges */
 
 #bottom_bar {
   width: 100%;
   height: 20px;
   background: #2D006B;
 }
 
 #bottom_bar_right_curve {
   float:  right;
   width: 20px;
   height: 20px;   
   background: url(http://img110.imageshack.us/img110/7716/senh5.gif/se.gif);
 }
 
 #bottom_bar_left_curve {
   float: left;
   width: 20px;
   height: 20px;   
   background: url(http://img75.imageshack.us/img75/6054/swrd2.gif/sw.gif);
 }
 
/* end the bottom bar with rounded edges */

#left_side {
   float: left;
   width: 20%;
   background: #DABFFF;
   min-height: 650px;
}

#right_side {
   float: right;
   width: 20%;
   background: #DABFFF;
   min-height: 650px;
}

#main_content {   
   float: left;
   width: 60%;
   background: #ffffff;
}
 
 
 #left_side h2, #right_side h2 {
   background: #B580FF;
   color: #2D006B;
   font-size: 13pt;
   text-transform: uppercase;
   margin-top: 0px;
   margin-bottom: 0px;
 }


.menu {
   width: 100%;
   float:left;
}



.menu ul {
   font-family: Arial, Helvetica, sans-serif;
   list-style-type:none;
   margin:0;
   padding:0;
}

.menu li {
   display: inline;
   /* for IE5 and IE6 */
}

.menu a {
   color: #483000;
   text-decoration: none;
   font-size: 14px;
   display: block;
   padding: 6px;
   padding-left: 15px;
   width: 160px;
/*   background-color: #B580FF;*/
   border-bottom: 1px solid #fff;
   text-align: left;
}


.menu a:link, .menu a:visited,.menu a:active {
   color: #483000;
}


.menu a:link, #menu a:visited {
   color: #483000;
   text-decoration: none;
}

.menu a:hover {
  background-color: #B580FF;
  color: #fff;
}

.menu li a#current {
  border-bottom: 3px solid #C0C018;
  background: #487890 ;
  color: #fff;
}

/* Menu 2 ends here */


 
 #main_content h1 {
   color: #2D006B;
   font-size: 15pt;
   text-transform: uppercase;
   margin-top: 0px;
   margin-bottom: 0px;
 }
 
 #main_content h2 {
   color: #2D006B;
   font-size: 13pt;
   text-transform: uppercase;
   margin-top: 0px;
   margin-bottom: 0px;
 }

 #main_content h2 {
   color: #2D006B;
   font-size: 11pt;
   text-transform: uppercase;
   margin-top: 0px;
   margin-bottom: 0px;
 }

 a:link, a:active,a:visited {
   color: #2D006B;
   text-decoration: none;
 }
 
 a:hover  {
   color: #DABFFF;
 }
 
 #footer {
   width: 100%;
   font-size: 8pt;
   text-align: center;
 }

<!-- www.tasarimci-amca.tr.gg tasarim sayfalari kod baslangici --->

....
....
....
....
... <div id="page">

<style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>

<style>
<!--
A{text-decoration:none}
-->
</style>

<div id="wrapper">


   <div id="top_bar">
      <div id="top_bar_left_curve"></div>
      <div id="top_bar_middle"></div>
      <div id="top_bar_right_curve"></div>
   </div>

   <div style="clear: both;"></div> 

   <div id="content_wrapper">
   
     <!-- start left sidebar -->
       <div id="left_side">
       
         <h2>:::...ANA MENÜ...:::</h2>
         
            <div class="menu">
              <ul>
               <li><a href="SAYFA URL"><img src="http://img239.imageshack.us/img239/4811/hometp5.png/home.png" alt="ANA SAYFA" /> ANA SAYFA</a></li>
               <li><a href="SAYFA URL"><img src="http://img411.imageshack.us/img411/87/contactak0.png/contact.png" alt="SAYFA ADI" /> SAYFA ADI</a></li>
               <li><a href="SAYFA URL"><img src="http://img249.imageshack.us/img249/2562/servicesnw0.png/services.png" alt="SAYFA ADI" /> SAYFA ADI</a></li>
               <li><a href="SAYFA URL"><img src="http://img249.imageshack.us/img249/2873/aboutusri8.gif/about_us.gif" alt="SAYFA ADI" /> SAYFA ADI</a></li>
               <li><a href="SAYFA URL"><img src="http://img137.imageshack.us/img137/1944/loginte9.png/login.png" alt="SAYFA ADI" /> SAYFA ADI</a></li>
             </ul>
            </div>
                <div style="clear: both;"></div> 
         
         <h2>BAŞLIK</h2>
         <p>

                 BURAYA YAZI         
         
         </p>
       </div>
    <!-- end left sidebar -->

    <!-- start the MAIN content -->
       <div id="main_content"
 <!-- end the MAIN content -->

</div>
....
....
....

<!-- start right sidebar -->
       <div id="right_side">
       
         <h2>:::...EKSTRA MENÜ...:::</h2>
       
            <div class="menu">
              <ul>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
             </ul>
            </div>
                <div style="clear: both;"></div>         
       
         
         <h2>BAŞLIK</h2>
            <br />
         BURAYA YAZI
       
       </div>   
    <!-- end right sidebar -->
   
   </div>
   
   <div style="clear: both;"></div> 
   
   <div id="bottom_bar">
      <div id="bottom_bar_left_curve"></div>
      <div id="bottom_bar_right_curve"></div>
   </div>

</div>
</center>

   <div style="clear: both;"></div> 
   <br />
   <div id="footer">
                    Design by <a target="_blank" href="http://www.tasarimci-amca.tr.gg/">TASARİMCİ-AMCA</a>   
   </div> 



<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div></body>

<!-- www.tasarimci-amca.tr.gg tasarim sayfalari kod bitisi --->

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;}

 body {
   font-family: Tahoma, Verdana;
   font-size: 10pt;
 }

 img { border: 0px; }

 #wrapper {
   width: 95%;
 }
 
/* start the top bar with rounded edges */
 
 #top_bar {
   width: 100%;
   background: #B34700;
   height: 20px;
 }

 
 #top_bar_right_curve {
   float:  right;
   width: 20px;
   height: 20px;   
   background: url(http://img353.imageshack.us/img353/7008/neyi9.gif/ne.gif);
 }
 
 #top_bar_left_curve {
   float: left;
   width: 20px;
   height: 20px;   
   background: url(http://img353.imageshack.us/img353/7535/nwfu3.gif/nw.gif);
 }
 
/* end the top bar with rounded edges */


/* start the bottom bar with rounded edges */
 
 #bottom_bar {
   width: 100%;
   height: 20px;
   background: #B34700;
 }
 
 #bottom_bar_right_curve {
   float:  right;
   width: 20px;
   height: 20px;   

   background: url(http://img232.imageshack.us/img232/549/seso0.gif/se.gif);
 }
 
 #bottom_bar_left_curve {
   float: left;
   width: 20px;
   height: 20px;   
   background: url(http://img291.imageshack.us/img291/7844/swli5.gif/sw.gif);
 }
 
/* end the bottom bar with rounded edges */

#left_side {
   float: left;
   width: 20%;
   background: #FFD9BF;
   min-height: 650px;
}

#right_side {
   float: right;
   width: 20%;
   background: #FFD9BF;
   min-height: 650px;
}

#main_content {   
   float: left;
   width: 60%;
   background: #ffffff;
}
 
 
 #left_side h2, #right_side h2 {
   background: #FFB380;
   color: #B34700;
   font-size: 13pt;
   text-transform: uppercase;
   margin-top: 0px;
   margin-bottom: 0px;
 }


.menu {
   width: 100%;
   float:left;
}



.menu ul {
   font-family: Arial, Helvetica, sans-serif;
   list-style-type:none;
   margin:0;
   padding:0;
}

.menu li {
   display: inline;
   /* for IE5 and IE6 */
}

.menu a {
   color: #483000;
   text-decoration: none;
   font-size: 14px;
   display: block;
   padding: 6px;
   padding-left: 15px;
   width: 160px;
/*   background-color: #FFB380;*/
   border-bottom: 1px solid #fff;
   text-align: left;
}


.menu a:link, .menu a:visited,.menu a:active {
   color: #483000;
}


.menu a:link, #menu a:visited {
   color: #483000;
   text-decoration: none;
}

.menu a:hover {
  background-color: #FFB380;
  color: #fff;
}

.menu li a#current {
  border-bottom: 3px solid #C0C018;
  background: #487890 ;
  color: #fff;
}

/* Menu 2 ends here */


 
 #main_content h1 {
   color: #B34700;
   font-size: 15pt;
   text-transform: uppercase;
   margin-top: 0px;
   margin-bottom: 0px;
 }
 
 #main_content h2 {
   color: #B34700;
   font-size: 13pt;
   text-transform: uppercase;
   margin-top: 0px;
   margin-bottom: 0px;
 }

 #main_content h2 {
   color: #B34700;
   font-size: 11pt;
   text-transform: uppercase;
   margin-top: 0px;
   margin-bottom: 0px;
 }

 a:link, a:active,a:visited {
   color: #B34700;
   text-decoration: none;
 }
 
 a:hover  {
   color: #FFD9BF;
 }
 
 #footer {
   width: 100%;
   font-size: 8pt;
   text-align: center;
 }

<!-- www.tasarimci-amca.tr.gg tasarim sayfalari kod baslangici --->

<style>
<!--
A{text-decoration:none}
-->
</style>

<!-- start header -->
<div id="header">
   <div id="logo">
      <h1><a href="SITE URL">SITE ADI</a></h1>
      <p>SLOGAN ADI</a></p>
   </div>
   <div id="menu">
      <ul>
         <li class="active"><a href="SAYFA URL">SAYFA ADI</a></li>
         <li><a href="SAYFA URL">SAYFA ADI</a></li>
         <li><a href="SAYFA URL">SAYFA ADI</a></li>
         <li><a href="SAYFA URL">SAYFA ADI</a></li>
         <li><a href="SAYFA URL">SAYFA ADI</a></li>
      </ul>
   </div>
</div>
<hr />
<!-- end header -->
<!-- start page -->
<div id="wrapper">
   <div id="page">
      <!-- start content -->
      <div id="content">

</div>
....
....
....

<!-- end content -->
      <!-- start sidebar -->
      <div id="sidebar">
         <ul>
            <li id="categories">
               <h2>ANA MENÜ</h2>
               <ul>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                                                <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
               </ul>
            </li>
            <li>
               <h2>EKSTRA MENÜ</h2>
               <ul>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                                                <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
                  <li><a href="SAYFA URL">SAYFA ADI</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- end sidebar -->
      <br style="clear: both;" />
   </div>
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer">
<p id="legal">
   Design by <a href="http://www.tasarimci-amca.tr.gg/">TASARİMCİ-AMCA</a>
</div>
<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div></body>

<!-- www.tasarimci-amca.tr.gg tasarim sayfalari kod bitisi --->

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 TASARİMCİ-AMCA
http://www.tasarimci-amca.tr.gg
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
   margin: 0px;
   padding: 0px;
   background: #0D0D0D url(http://img100.imageshack.us/img100/1349/img01pm0.jpg/img01.jpg) repeat-x;
   text-align: justify;
   font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #FFFFDC;
}

h1, h2, h3 {
   font: 1.82em;
   font-weight: normal;
   font-family: Arial, Helvetica, sans-serif;
   letter-spacing: -1px;
   color: #FFFFFF;
}

p, ol, ul {
   line-height: 1.67em;
}

a {
   color: #828170;
}

a:hover {
   text-decoration: none;
}

hr {
   display: none;
}

/* Header */

#header {
   width: 1000px;
   height: 170px;
   background: url(http://img100.imageshack.us/img100/7872/img03af0.jpg/img03.jpg) no-repeat left top;
   margin: 0px auto;
}

/* Logo */

#logo {
   float: left;
   padding: 10px 0 0 130px;
}

#logo h1 {
   margin: 0;
   height: 160px;
   padding: 40px 0 0 0px;
   text-transform: lowercase;
   letter-spacing: -2px;
   font-size: 4em;
   font-weight: normal;
   color: #FFFFFF;
}

#logo h1 a {
   display: block;
   text-decoration: none;
   color: #FFFFFF;
}

#logo p {
   margin: -103px 0 0 2px;
   text-transform: uppercase;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 11px;
}

#logo a {
   display: block;
   text-decoration: none;
   color: #FFFFFF;
}

/* Menu */

#menu {
   float: right;
}

#menu ul {
   margin: 0px;
   padding: 130px 0px 0px 0px;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   margin-left: 5px;
   padding: 5px 20px;
   background: #F3F1E9;
   text-decoration: none;
   text-transform: uppercase;
   border-top: 2px solid #EBEAD1;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 11px;
   color: #182C33;
}

#menu a:hover, .active a {
}

/* Page */


#page {
   width: 940px;
   margin: 0px auto;
   padding: 20px 0 0 0;
}

/* Content */

#content {
   float: left;
   width: 650px;
   margin-bottom: 10px;
}

/* Post */

.post {
   margin-top: 20px;
}

.post .date {
   float: left;
   width: 29px;
   height: 32px;
   margin: 0;
   margin-top: 3px;
   margin-right: 20px;
   padding-top: 2px;
   background: url(http://img110.imageshack.us/img110/5629/img02xu4.jpg/img02.jpg) no-repeat;
   line-height: normal;
   text-transform: uppercase;
   text-align: center;
   font-size: 10px;
   font-weight: bold;
   color: #999999;
}

.post .date b {
   margin: 0;
   padding: 0;
   display: block;
   margin-top: -5px;
   font-size: 14px;
   color: #5C5C5C;
   
}

.post .title {
   margin: 0;
   padding: 0px 0 0 0;
   margin-left: 10px;
   padding-left: 10px;
   font-size: 1.4em;
}

.post .title h2 {
   padding: 0;
   margin: 0;
}

.post .hr1 {
}

.post .meta {
   margin: 0 0 10px 20px;
   padding: 0;
   line-height:normal;
   text-transform: uppercase;
   color: #979680;
}

.post .meta a {
   color: #828170;
}

.post .entry {
   margin: 0;
   padding: 0 0 20px 50px;
}

/* Sidebar */

#sidebar {
   float: right;
   width: 240px;
   padding-top: 20px;
   margin-bottom: 20px;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#sidebar li {
   margin-bottom: 30px;
}

#sidebar li ul {
   border-top: 1px dashed #666633;
}

#sidebar li li {
   margin: 0;
   padding: 4px 0 4px 0;
}

#sidebar li li a {
}

#sidebar h2 {
   padding: 0;
   margin: 0 0 6px 0;
   font-size: 1.4em;
}

#sidebar a {
   text-decoration: none;
}

#sidebar a:hover {
   text-decoration: underline;
}

/* Calendar */

#calendar_wrap {
   border-top: 1px dashed #666633;
}

#calendar caption {
   padding-top: 5px;
   font-weight: bold;
}

#calendar table {
   width: 100%;
   border: 0px solid #E8E8E8;
   font-family: Arial, Helvetica, sans-serif;
}

#calendar thead {
   background: #514F42;
   text-align: center;
}

#calendar tbody td {
   border: 1px solid #514F42;
   text-align: center;
}

#today {
   font-weight: bold;
}

#prev {
}

#next {
   text-align: right;
}

/* Footer */

#wrapper2 {
   background: #422C21;
}

#footer {
   width: 940px;
   margin: 0 auto;
   padding-top: 20px;
   padding-bottom: 20px;
   text-transform: uppercase;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

#footer a {
   text-decoration: none;
   font-size: 10px;
   color: #FFFFFF;
}

#legal {
   clear: both;
   margin: 0;
   padding: 10px 0;
   text-align: center;
   font-size: 10px;
   color: #525252;
   background: black;
}

#legal a {
   border-bottom: 1px dotted #939393;
   text-decoration: none;
   color: #939393;
}

....
....
....
....
... <div id="page">

<!-- start header -->
<div id="wrapper">
<div id="header">
   <div id="logo">
      <h1><a href="SITE URL">SITE ADI</a></h1>
      <p>SLOGAN ADI</p>
   </div>
   
   <div id="search">
      <form id="searchform" method="get" action="">
         <fieldset>
            <input type="text" name="s" id="s" size="15" value="" />
            <input type="submit" id="x" value="Search" />
         </fieldset>
      </form>
   </div>
</div>
<!-- end header -->
<!-- star menu -->
<div id="menu">
   <ul>
      <li class="current_page_item"><a href="SAYFA URL">ANA SAYFA</a></li>
      <li><a href="SAYFA URL">SAYFA ADI</a></li>
      <li><a href="SAYFA URL">SAYFA ADI</a></li>
      <li><a href="SAYFA URL">SAYFA ADI</a></li>
      <li><a href="SAYFA URL">SAYFA ADI</a></li>
   </ul>
</div>
<!-- end menu -->
<!-- start page -->
<div id="page">

<!-- end content -->
   <!-- start sidebar -->
   <div id="sidebar">
      <ul>
         <li>
            <h2>:::...ANA MENÜ...:::</h2>
            <ul>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
            </ul>
         </li>
         <li>
            <h2>:::...EKSTRA MENÜ...:::</h2>
            <ul>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
               <li><a href="SAYFA URL">SAYFA ADI</a></li>
            </ul>
         </li>
      </ul>
   </div>
   <!-- end sidebar -->
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer">
   <p class="legal">
      Design by_<a href="http://www.tasarimci-amca.tr.gg/">TASARİMCİ-AMCA</a>
      
   </p>
</div>
</div>
<!-- end footer -->

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 TASARİMCİ-AMCA
http://www.tasarimci-amca.tr.gg
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
   margin: 0;
   padding: 0;
   background: #151515 url(http://img221.imageshack.us/img221/4709/img01um1.jpg/img01.jpg) repeat-x left top;
   text-align: justify;
   font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #7F7772;
}

form {
   margin: 0;
   padding: 0;
}

fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

input, textarea {
   padding: 5px;
   border: 1px solid #626262;
   font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h1 a, h2, h2 a, h3, h3 a {
   margin: 0;
   text-decoration: none;
   font-weight: normal;
   color: #CF3822;
}

h1 {
   letter-spacing: -3px;
   font-size: 2.6em;
}

h2 {
   letter-spacing: -2px;
   font-size: 2em;
}

h3 {
   margin-bottom: 2em;
   font-size: 1em;
   font-weight: bold;
}

p, ol, ul {
   margin: 0 0 2em 0;
   line-height: 200%;
}

blockquote {
   margin: 0 0 0 1.5em;
   padding-left: 1em;
   border-left: 5px solid #DDDDDD;
}

a {
   color: #FFFFFF;
   text-decoration: none;}

a:hover {
   text-decoration: none;
   color: #FF5134;
}

img {
   border: none;
}

img.left {
   float: left;
   margin: 8px 20px 0px 0px;
   border: 2px solid #434343;
}


/* Header */

#wrapper {
}

#header {
   width: 900px;
   height: 170px;
   margin: 0 auto;
   background: url(buraya resim kodunu koyma/img02.jpg) no-repeat right top;
}

#logo h1, #logo p {
   float: left;
   color: #AAFF00;
}

#logo h1 {
   height: 88px;
   padding: 20px 90px 0 0;
   font-size: 4em;
}

#logo p {
   margin: 0 0 0 -80px;
   padding: 55px 0 0 0;
   line-height: normal;
   letter-spacing: -1px;
   font-size: 1.2em;
   font-weight: bold;
}

#logo a {
   text-decoration: none;
   color: #FFFFFF;
   font-weight: bold;
}

#logo p a {
   color: #FF5134;
}

/* RSS */

#rss {
   padding: 30px 39px 20px 0;
   text-align: right;
}

#rss a {
   padding: 0 0 3px 24px;
   text-decoration: none;
   font-weight: bold;
   color: #FF5134;
}

#rss a:hover {
}

/* Search */

#search {
   float: right;
   width: 200px;
   height: 25px;
   background: #FFFFFF;
}

#search #x {
   display: none;
}

#search #s {
   padding: 6px 5px 5px 35px;
   width: 160px;
   height: auto;
   background: none;
   border: none;
   font: normal 1em Arial, Helvetica, sans-serif;
   color: #000;
}

#search br {
   display: none;
}

/* Menu */

#menu {
   width: 895px;
   height: 60px;
   margin: 0 auto;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu li {
   display: inline;
   text-transform: uppercase;
}

#menu a {
   display: block;
   float: left;
   background: url(http://img399.imageshack.us/img399/5774/img03bp5.gif/img03.gif) no-repeat left 75%;
   padding: 18px 30px 0 15px;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-weight: bold;
   color: #FFFFFF;
}

#menu a:hover {
   color: #FF5134;
}

#menu .current_page_item {
}

#menu .current_page_item a {
   color: #FFFFFF;
}

/* Page */

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

/* Ads */

#ads {
   float: right;
   width: 160px;
   padding: 0 0 0 20px;
}

/* Content */

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

.post {
   margin-bottom: 50px;
   border-bottom: 1px #A90000 dashed;
}

.post .title {
}

.post .title h2 {
   font-size: 2.2em;
   color: #CF3822;
}

.post .title p {
   margin: 0;
   line-height: normal;
   color: #BABABA;
}

.post .title p a {
   color: #880A0B;
}

.post .entry {
   padding-top: 30px;
}

.post .links {
   width: 410px;
   height: 29px;
   margin: 0;
   padding: 6px 0 0 20px;
}

.post .links a {
   padding: 0 23px;
   text-decoration: none;
   font-weight: bold;
   color: #CF3822;
}

.post .links a:hover {
   text-decoration: underline;
   color: #CF3822;
}

.post .links .more {
   background: url(http://img356.imageshack.us/img356/5696/img07sy1.gif/img07.gif) no-repeat;
}

.post .links .comments {
   background: url(http://img356.imageshack.us/img356/2694/img08dt9.gif/img08.gif) no-repeat;
}

/* Sidebar */

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

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#sidebar li {
   margin-bottom: 20px;
}

#sidebar li ul {
   padding: 15px 20px;
   line-height: 200%;
}

#sidebar li li {
   margin: 0;
   padding-left: 15px;
   padding-bottom: 5px;
   background: url(http://img221.imageshack.us/img221/3379/img04or8.gif/img04.gif) repeat-x left bottom;
}

#sidebar h2 {
   width: 210px;
   height: 30px;
   padding: 5px 0 0 30px;
   background: url(http://img221.imageshack.us/img221/691/img05wd2.gif/img05.gif) no-repeat left 60%;
   border-bottom: 1px #A90000 dashed;
   letter-spacing: -1px;
   font-size: 1.6em;
   color: #FFFFFF;
}

#sidebar a:hover {

}

/* Calendar */

#calendar_wrap {
   padding: 15px 20px;
}

#calendar table {
   width: 100%;
   background: #1F1F1D;
   border: 1px solid #11110F;
   text-align: center;
}

#calendar thead {
   background: #161616;
}

#calendar tbody td {
   background: #0F0F0D;
   border: 1px solid #11110F;
}

#calendar #prev {
   text-align: left;
}

#calendar #next {
   text-align: right;
}

#calendar tfoot a {
   text-decoration: none;
   font-weight: bold;
}

#calendar #today {
   background: #121210;
   border: 1px solid #11110F;
   font-weight: bold;
   color: #CF3822
}

/* Footer */

#footer {
   clear: both;
   width: 950px;
   margin: 0 auto;
   padding: 30px 0;
   border-top: 2px solid #2B2B2B;
}

#footer p {
   margin: 0 0 5px 0;
   text-align: center;
   line-height: normal;
   font-size: .9em;
}

#footer a {
   text-decoration: none;
}

<div id="bg1">
   <div id="header">
      <h1><a href="#">Siyah Tasarim^1.0</a></h1>
      <h2>By <a href="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a> + <a href="http://www.css-tasarimm.tr.gg">FreeCSSTasarim</a></h2>
   </div>
   <!-- end #header -->
</div>
<!-- end #bg1 -->
<div id="bg2">
   <div id="header2">
      <div id="menu">
         <ul>
            <li><a href="#">Ana Sayfa</a></li>
            <li><a href="#">Yorumlar</a></li>
            <li><a href="#">İletişim</a></li>
            <li><a href="#">Hakkımda</a></li>
            <li><a href="#">Topliste</a></li>
         </ul>
      </div>
      <!-- end #menu -->

      <div id="search">
         <form method="get" action="#">
            <fieldset>
            <input type="text" name="q" value="Arama..." id="q" class="text" />
            <input type="submit" value="Ara" class="button" />
            </fieldset>
         </form>
      </div>
      <!-- end #search -->

   </div>
   <!-- end #header2 -->
</div>
<!-- end #bg2 -->
<div id="bg3">
   <div id="bg4">
      <div id="bg5">
         <div id="page">
            <div id="content">
               <div class="post">
                  <div class="title">
                     <h2><a href="#">Tasarim Tarihi</a></h2>
                     <p>26.10.2008</p>
                  </div>
            

</div>
            </div>
            <!-- end #content -->
            <div id="sidebar">
               <ul>
                  <li>
                     <h2>Sitemiz Hakkında</h2>
                     <p>Siten Hakkında Herşeyi Buraya Yazabilirsiniz.Daha Fazlası İçin <a href="www.css-tasarimm.tr.gg">www.css-tasarimm.tr.gg</a></p>
                  </li>
                  <li>
                     <h2>Menu</h2>
                     <ul>
                        <li><a href="#">Ana Sayfa</a></li>
                        <li><a href="#">Ziyaretci Defteri</a></li>
                        <li><a href="#">İletişim</a></li>
                        <li><a href="#">Site Haritası</a></li>
                        <li><a href="#">Dost Siteler</a></li>
                        <li><a href="#">Topliste</a></li>
                        <li><a href="#">Css Tasarimlar</a></li>
                     </ul>
                  </li>
               </ul>
            </div>
            <!-- end #sidebar -->
            <div style="clear: both; height: 40px;"> </div>
         </div>
         <!-- end #page -->
      </div>
   </div>
</div>
<!-- end #bg3 -->
<div id="footer">
   <p>(c) 2008 Tasarim by <a href="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a></p>
</div>
<!-- end #footer -->

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 CSS Tasarim Merkezi
http://www.css-tasarimm.tr.gg
*/

* {
   margin: 0;
   padding: 0;
}

body {
   margin: 0px;
   background: #002F43 url(http://img.webme.com/pic/c/css-tasarimm/19-bg01.jpg) repeat-x;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #B9B9B9;
}

h1, h2, h3 {
   margin-bottom: 1.5em;
}

h1 {
   font-size: 2em;
}

h2 {
   font-size: 1.4em;
}

h3 {
   font-size: 1em;
}

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

ul, ol {
   margin-left: 3em;
}

blockquote {
   margin-left: 3em;
   margin-right: 3em;
}

a {
   color: #8AC800;
}

a:hover {
   text-decoration: none;
}

strong {
   color: #D7D7D7;
}

img.left {
   float: left;
   margin: 5px 25px 0px 0px;
}

img.right {
   float: right;
   margin: 5px 0px 0px 25px;
}

/* Background */

#bg1 {
   background: url(http://img.webme.com/pic/c/css-tasarimm/19-bg02.jpg) no-repeat center top;
}

#bg2 {
   background: url(http://img.webme.com/pic/c/css-tasarimm/19-bg03.jpg) no-repeat center top;
}

#bg3 {
   background: url(http://img.webme.com/pic/c/css-tasarimm/19-bg04.jpg) repeat-y center top;
}

#bg4 {
   background: url(http://img.webme.com/pic/c/css-tasarimm/19-bg05.jpg) no-repeat center top;
}

#bg5 {
   background: url(http://img.webme.com/pic/c/css-tasarimm/19-bg06.jpg) no-repeat center bottom;
}

/* Header */

#header {
   width: 900px;
   height: 145px;
   margin: 0px auto;
   text-transform: lowercase;
   color: #FFFFFF;
}

#header h1 {
   float: left;
   margin: 0px;
   padding: 70px 0px 0px 25px;
   font-size: 40px;
}

#header h1 sup {
   font-weight: normal;
}

#header h2 {
   float: right;
   margin: 0px;
   padding: 95px 25px 0px 0px;
   font-size: 14px;
}

#header a {
   text-decoration: none;
   color: #FFFFFF;
}

/* Header2 */

#header2 {
   width: 900px;
   height: 88px;
   margin: 0px auto;
}

/* Menu */

#menu {
   float: left;
}

#menu ul {
   margin: 0px;
   padding: 34px 0px 0px 0px;
   list-style: none;
   text-transform: lowercase;
}

#menu li {
   float: left;
}

#menu a {
   padding-left: 50px;
   text-decoration: none;
   font-size: 16px;
   font-weight: bold;
   color: #FFFFFF;
}

/* Search */

#search {
   float: right;
}

#search form {
   margin: 0px;
   padding: 35px 80px 0px 0px;
}

#search fieldset {
   margin: 0px;
   padding: 0px;
   border: none;
}

#search input.text {
   width: 160px;
   background: none;
   border: none;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #AEC38B;
}

#search input.button {
   display: none;
}

/* Page */

#page {
   width: 846px;
   margin: 0px auto;
   padding: 40px 0px 0px 0px;
}

/* Content */

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

.post {
}

.post .title {
   height: 49px;
   background: url(http://img.webme.com/pic/c/css-tasarimm/19-img02.gif) no-repeat;
}

.post .title h2 {
   float: left;
   padding: 12px 0px 0px 24px;
   font-size: 24px;
   text-transform: lowercase;
}

.post .title h2 a {
   text-decoration: none;
   color: #FFFFFF;
}

.post .title h2 a:hover {
   color: #8AC800;
}

.post .title p {
   float: right;
   padding: 12px 24px 0px 0px;
   font-size: 15px;
   font-weight: bold;
   color: #343434;
}

.post .entry {
   padding: 30px 23px 0px 23px;
}

.post .meta {
   height: 70px;
   clear: left;
   margin: 0px 23px;
   padding: 15px 0px 0px 0px;
   border-top: 1px solid #262626;
}

.post .meta .credit {
   float: left;
}

.post .meta .links {
   float: right;
}

.post .meta .links .more {
   padding-left: 17px;
   background: url(http://img.webme.com/pic/c/css-tasarimm/19-img05.gif) no-repeat left center;
}

.post .meta .links .comments {
   padding-left: 19px;
   background: url(http://img.webme.com/pic/c/css-tasarimm/19-img04.gif) no-repeat left center;
}

/* Sidebar */

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

#sidebar ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#sidebar li {
   background: url(http://img.webme.com/pic/c/css-tasarimm/19-img03.gif) no-repeat;
   padding: 0px 23px 20px 23px;
}

#sidebar li ul {
}

#sidebar li li {
   padding: 8px 0px;
   background: none;
   border-bottom: 1px solid #262626;
}

#sidebar h2 {
   margin: 0px;
   padding: 16px 0px 30px 0px;
   text-transform: lowercase;
   font-size: 14px;
   color: #FFFFFF;
}

/* Footer */

#footer {
}

#footer p {
   margin: 0px;
   padding: 20px 0px;
   text-align: center;
   text-transform: lowercase;
   color: #566D77;
}

#footer a {
   color: #8097A1;
}

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Organic Beauty</title>
<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>


<div id="header">
        <div id="menu_tab">
                <ul class="menu">
                     <li><a href="index.html" class="nav_selected"> home </a></li>
                     <li><a href="products.html" class="nav"> about us</a></li>
                     <li><a href="products.html" class="nav"> services</a></li>
                     <li><a href="products.html" class="nav"> products</a></li>
                     <li><a href="contact.html" class="nav"> order online </a></li>

                </ul>
        </div>
</div>
   
<div id="main_container">
   
   <div id="main_content"> 

</div>

           
       <div class="center_content">
                   
            <div class="left_content">
            <div class="left_box">
                <p class="left_text">
                <img src="images/lime.jpg" width="138" height="166" border="0" alt="" title="" class="right_img" />
               
                <img src="images/title1.gif" width="213" height="24" border="0" alt="" title="" /><br /><br />
               
               
                 
                </p>               
                </div>
               
               
                <h2>About <span style="color:#56644b;font-weight: normal;">our products</span></h2>
                   
                         <p class="right_box">
                       
                                             
                        </p>
                                       
                        </p>                     

                         <p class="right_box">
                          <img src="images/p2.jpg" width="60" height="89" border="0" class="img_left" />
                                             
                        </p> 


                         <p class="right_box">
                          <img src="images/p1.jpg" width="62" height="62" border="0" class="img_left" />
                                             
                        </p> 

                   
           </div> <!-- end of left_content -->
           
 
 
                <div class="right_content">
               <h1>Darkvadi.tr.gg</h1>
                   
                    <div class="right_box">
                       <div class="box_title">"Darkvadi Tasarm "</div>
                        <p class="right_box">
                                               
                        </p>                   
                    </div>
                     <div class="right_box">
                       <div class="box_title">"Lorem ipsum dolor sit amet, consectetur"</div>
                        <p class="right_box">
                       "                         
                        </p>                   
                    </div>                   
 
 
 
                     <div class="right_box">
                       <div class="box_title">"Lorem ipsum dolor sit amet, consectetur"</div>
                                               
                        </p>                   
                    </div>

 
                     <div class="right_box">
                       <div class="box_title">"Lorem ipsum dolor sit amet, consectetur"</div>
                                               
                        </p>                   
                    </div>
                   
                  <div class="right_bottom">
                  <img src="images/flowers.jpg" width="150" height="130" alt="" title="" />
                 
                  </div> 
                   
                   
                </div> <!-- end of right_content -->
               
         </div><!-- end of center_content -->       

   </div>
    <!-- end of main_content -->
   
<div id="footer">

   <div id="copyright">
    <div style="float:left; padding:3px;"><a href="#"><img src="images/footer_logo.gif" width="38" height="36" alt="" title="" border="0" /></a></div>
    <div style="float:left; padding:14px 10px 10px 10px;"> Company name.&copy; All Rights Reserved 2008 - By <a href="http://csscreme.com" style="color:#772c17;">csscreme</a></div>
    </div>
   
   
    <ul class="footer_menu">
       <li><a href="index.html" class="nav_footer">  home </a></li>
        <li><a href="products.html" class="nav_footer">  about </a></li>
        <li><a href="products.html" class="nav_footer">  sitemap </a></li>
        <li><a href="contact.html" class="nav_footer">  contact </a></li>
    </ul>

</div>


</div>
<!-- end of main_container -->

</body>
</html>

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;}


body
{
background-color:#fff;
padding:0; font-family: Arial, Helvetica, sans-serif;
margin:0px auto auto auto;
color:#424849;
font-size:12px;
}
h1{
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#1a5114;
width:180px;
padding:15px 5px 2px 5px;
margin: auto;
text-decoration:none;
border-bottom:1px #CCCCCC dashed;
}
h2{
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#63a130;
width: auto;
padding:15px 5px 2px 10px;
margin: auto;
font-style:italic;
text-decoration:none;
}
img.img_left{
float:left;
padding:0px 8px 8px 0px;
}
#header{
width:100%;
height:97px;
background:url(http://img.webme.com/pic/d/darkvadi/top_bg.jpg) repeat-x top;
margin:0px;
}
#main_container{
width:780px;
height:auto;
margin:auto;
padding:0px;
}
#logo{
width:164px;
height:49px;
float:left;
padding:10px 0 0 5px;
}
/*------------------------------main content-----------------------*/
#main_content{
width:780px;
margin:auto;
clear:both;
background-color:#FFFFFF;
}

/*---------------- menu tab----------------------*/
#menu_tab{
width: auto;
text-align:center;
height:34px;
margin:auto;
padding-top:50px;
}

ul.menu {
list-style-type:none; display:block; width:475px;
 margin: auto; padding:0px; background:none;}

ul.menu li {
display:inline;
font-size:14px;
font-weight:bold;
line-height:34px;}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px 15px 0px 15px; margin:0;height:34px;
text-decoration:none; background:none; color:#FFFFFF;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px 15px 0px 15px; margin:0; height:34px;
text-decoration:none;background:none; color: #009900;}

a.nav:hover {
color:#009900;}



/*------------------------middle_content-----------*/
.center_content{
width:780px;
height:auto;
clear:both;
}
.left_content{
width:410px;
float:left;
margin-right:5px;

}
.left_box{
background:url(http://img.webme.com/pic/d/darkvadi/center_box_bg.jpg) no-repeat center;
width:409px;
height:213px;
}
p.left_text{
padding:25px 20px 20px 20px;
font-size:11px;
text-align:justify;
}
img.right_img{
float:right;
padding:17px 0 10px 10px;
}

.right_content{
width:321px;
height: auto;
border:1px #f6f5f5 solid;
border-left-width:3px;
border-left-color:#E8E8E8;
float:left;
margin-top:18px;
background:url(http://img.webme.com/pic/d/darkvadi/right_tab_bg.jpg) no-repeat top center;
}
.right_box{
padding:10px 10px 0px 10px;
margin:auto;
}
.box_title{
background:url(images/leaf.gif) no-repeat left;
background-position:0px 0px;
padding-left:25px;
font-size:11px;
font-weight:bold;
padding-bottom:10px;
padding-top:5px;
}
p.right_box{
padding:5px;
text-align:justify;
font-size:11px;
clear:both;
}
.right_bottom{
padding:10px 5px 0 0;
text-align:right;
}

.prod_box{
padding:5px;
border:1px #C2CA91 solid;
float:left;
text-align:center;
font-size:11px;
margin:10px;
}
div.pagination {
   padding:5px;
   margin:5px;
   text-align:center;
   float:left;
   font-size:10px;
}

div.pagination a {
   padding: 2px 5px 2px 5px;
   margin-right: 2px;
   border: 1px solid #ddd;
   
   text-decoration: none;
   color: #88AF3F;
}
div.pagination a:hover, div.pagination a:active {
   border:1px solid #85BD1E;
   color: #fff;
   background-color: #519F31;
}
div.pagination span.current {
   padding: 2px 5px 2px 5px;
   margin-right: 2px;
   border: 1px solid #B2E05D;
   font-weight: bold;
   background-color: #519F31;
   color: #FFF;
}
div.pagination span.disabled {
   padding: 2px 5px 2px 5px;
   margin-right: 2px;
   border: 1px solid #f3f3f3;
   color: #ccc;
}
/*-----------------------------------------------*/
.contact_tab{
width:270px;
height:auto;
padding:30px;
background-color:#f4f6f9;
margin:5px auto 5px auto;
}
#fields label {
   width: 260px;
   display: block;
   padding: 0px;
}
#fields input {
   border: 1px solid #C8D2D9;
   margin: 0 0 3px 0;
   width: 260px;
}
#fields textarea {
   border: 1px solid #C8D2D9;
   margin: 0 0 3px 0;
   width: 260px;
   height: 63px;
}
#send input {
   width: 80px;
   height: 25px;
   margin: 0px;
}


/*-------------------footer------------------------*/
#footer{
width:780px;
height:41px;
clear:both;
font-size:11px;
background:url(http://img.webme.com/pic/d/darkvadi/footer_bg.gif) repeat-x;
}
ul.footer_menu {
list-style:none; float:right; display:block; width:520;
margin:0px; padding:9px 20px 0 0px;
}

ul.footer_menu li {
display:inline; font-size:11px;}

a.nav_footer:link, a.nav_footer:visited {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:none; color:#2F2626;}

a.nav_footer:hover {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:underline; color:#2F2626;}

a.nav_footer:active {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:none;  color:#2F2626;}

#copyright{
float:left;
padding:0px;
}

 <style type="text/css"> <!--
td.nav{background-image:url(http://img295.imageshack.us/img295/5007/4265ortabutonsm4hi1.jpg); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://img295.imageshack.us/img295/5007/4265ortabutonsm4hi1.jpg); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://site.mynet.com/kinghtrider/k_1.gif); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #ffffff;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image: url(http://site.mynet.com/kinghtrider/kit.gif);vidth: 820px ;height: 198px;}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://img295.imageshack.us/img295/5007/4265ortabutonsm4hi1.jpg); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://img295.imageshack.us/img295/5007/4265ortabutonsm4hi1.jpg);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(URL); background-attachment: fixed;background-color:#ffffff;}
td.sidebar_heading{background-image:url(http://img295.imageshack.us/img295/5007/4265ortabutonsm4hi1.jpg); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty2{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty3{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty4{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty5{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
--> </style><style type="text/css"> <!--
html, body {
text-align: center;
}
--> </style> <style type="text/css"> <!--
body{background-image:url(http://site.mynet.com/kinghtrider/kara-simsek-film-izle.jpg);background-attachment: fixed}
--> </style>

<!-- www.tasarimci-amca.tr.gg tasarim sayfalari kod baslangici --->

....
....
....
....
... <div id="page">

<style>
<!--
A{text-decoration:none}
-->
</style>

<div class="content">
  <div id="header">
    <div class="title">
      <h1>SİTE ADI</h1>
      <h3>SLOGAN ADI</h3>
    </div>
  </div>
  <div id="main">
    <div class="center">

</div>
....
....
....

<div class="leftmenu">
      <div class="nav">
        <ul>
          <li><a href="SAYFA URL">ANA SAYFA</a></li>
          <li><a href="SAYFA URL">SAYFA ADI</a></li>
          <li><a href="SAYFA URL">SAYFA ADI</a></li>
          <li><a href="SAYFA URL">SAYFA ADI</a></li>
          <li><a href="SAYFA URL">SAYFA ADI</a></li>
          <li><a href="SAYFA URL">SAYFA ADI</a></li>
          <li><a href="SAYFA URL">SAYFA ADI</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="prefooter">
    <div class="particles">         
    </div>
  </div>
  <div id="footer">
    <div class="padding">Design by_<a href="http://www.tasarimci-amca.tr.gg">TASARİMCİ-AMCA</a> </div>
  </div>
</div>

<!-- www.tasarimci-amca.tr.gg tasarim sayfalari kod bitisi --->

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_tasarimci-amca
http://www.tasarimci-amca.tr.gg

*/
* { padding: 0; margin: 0 }
body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#000; line-height: 1.4em; background : #575757;}
.content { color: #3B2A0A; margin: 0 auto; padding: 0; width: 825px; background: url(http://img514.imageshack.us/img514/830/bg2fq0.jpg/bg2.jpg) repeat-y center bottom; }
#header { background: url(http://img508.imageshack.us/img508/8780/headerfl2.jpg/header.jpg) no-repeat; width: 825px; height: 213px; color: #3B2A0A; }
#header h1 { background: inherit; font: bold 3em "Tahoma", Arial; color: #85621E; line-height: 1em;}
#header h3 { background: inherit; font: bold 1em "Tahoma", Arial; color: #000; }
#header .title { padding: 60px 0 0 60px; }
#main { background: url(http://img227.imageshack.us/img227/3350/bgmm7.jpg/bg.jpg) no-repeat top; height: 353px; margin: 0; padding: 0 }   
#main .center { width: 550px; float: right; padding: 0 60px 0 0px; }
#main h2 { background-color: inherit; color: #85621E; line-height: 0.2em; }
#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; }

.leftmenu { width: 120px; float: left; padding: 0; padding: 0 0 0 40px; }
.padding { padding: 15px; }

.img { background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }

/* PREFOOTER */
#prefooter { background: url(http://img100.imageshack.us/img100/6628/prefooteros2.jpg/prefooter.jpg) no-repeat; color: #85621f; height: 190px; text-align: left;  clear: both; padding: 0px; margin: 0; }
#prefooter .particles { float: right; width: 300px; padding: 20px 30px 0 0; background: transparent }
#prefooter .comments { width: 270px; padding: 20px 0px 0 0px; float: right; background: transparent }


/* FOOTER */
#footer { background: url(http://img522.imageshack.us/img522/2505/footerit4.jpg/footer.jpg) no-repeat; color: #8f8f8f; height: 44px; text-align: right; font-size: 90%; clear: both; padding: 0; margin: 0;}
#footer .padding { padding: 20px 60px 0 0; }
#footer hr { width: 740px; color: #888; border: 1px solid #f0f0f0; margin: 0 25px 0 25px;  }
#footer a {    color: #999;  text-decoration:none; }
#footer a:hover { text-decoration: underline; color: #FFF;}

/* NAVIGATION */
.nav { clear: both; text-align: left; color: #85621E; padding: 20px 0 0 0; }
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #D2B881 }
.nav li a { color: #546078; text-decoration: none;  }
.nav li a:hover { color: #95722E; text-decoration: none;  }


.boxads { background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

p {    margin: 0 0 5px 0;    padding: 0; color: #555; background: inherit; }

hr { border: 0; height: 1px; color: #eee; background-color: #eee; }
a {    color: #0F5B7F; background: inherit;  text-decoration:none; }
a:hover {    background: inherit;   text-decoration: underline; }
h1 { padding:0; margin:0; color: #0F5B7F; background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #0F5BFF; background: inherit;}
h2 { background-color: inherit;    color:#85621E; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
h2 a { color: #85621E; }
h2 a:hover {    color: #BD9C5C; text-decoration: none;}

ul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }
li { list-style-type: none;   color: #F29900;   margin: 0 0 0px 0;   padding: 0 0 0 0px; }
li a { color: #546078;  }
li a:hover { color: #F29900; }

/*----------------- for snews --------------------------*/

fieldset {   border: 1px solid #eee; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.field { border: 1px solid #ccc; background-color: #3C3C3C; width: 100px; color: #000; }
input.field:hover { border: 1px solid #eee; background: #ccc; color: #000; }
input.text { margin: 0; width: 110px;   border: 1px solid #546078; background: #FFF; color: #808080; }
input.text:hover { border: 1px solid #3a4354; }
input.searchbutton {    margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #FFFFFF; color: #333; padding: 1px; font-weight: bold; }
.date { color: #5f5f5f; background: inherit; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #85621E; }
.date a { color: #546078; }
input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;   border-bottom: 1px solid #ccc; }
.comments {    padding: 10px 10px 8px 10px; margin: 0 0 7px 0; background: #FFF; color: #333; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; color: #000; }
.error {   color: #990000;   background-color: #FFF0F0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #990000; }
.error h2 { color: #990000; background: inherit; }
.success { color: #000000; background: #FAFAFA;   padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #546078; }
.success h2 { color: #546078; background: inherit; }

<html

<head>

<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam - ealigam( at )gmail.com" />
<meta name="Robots" content="index,follow" />

<link rel="stylesheet" href="images/BrightSide.css" type="text/css" />

<title>Bright Side of Life</title>
   
</head>

<body>
<!-- wrap starts here -->
<div id="wrap">
   
   <div id="header">            
         
      <h1 id="logo">Dark<span class="green">vadi</span>Ta<span class="gray">sarım</span></h1>   
      <h2 id="slogan">Put your company slogan here...</h2>
      
      <form method="post" class="searchform" action="#">
         <p><input type="text" name="search_query" class="textbox" />
           <input type="submit" name="search" class="button" value="Search" /></p>
      </form>
         
      <!-- Menu Tabs -->
      <ul>
         <li id="current"><a href="index.html"><span>Home</span></a></li>
         <li><a href="index.html"><span>News</span></a></li>
         <li><a href="index.html"><span>Downloads</span></a></li>
         <li><a href="index.html"><span>Services</span></a></li>
         <li><a href="index.html"><span>Support</span></a></li>
         <li><a href="index.html"><span>About</span></a></li>         
      </ul>   
                                       
   </div>   
            
   <!-- content-wrap starts here -->
   <div id="content-wrap">      
                                 
   <img src="http://img.webme.com/pic/i/islamwb/headerphoto.jpg" width="820" height="120" alt="headerphoto" class="no-border" />
      
      <div id="sidebar" >                     
            
         <h1>Sidebar Menu</h1>
         <ul class="sidemenu">
            <li><a href="index.html">Home</a></li>
            <li><a href="#TemplateInfo">Template Info</a></li>
            <li><a href="#SampleTags">Sample Tags</a></li>
            <li><a href="http://www.styleshout.com/">More Free Templates</a></li>
            <li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>               
         </ul>      
            
         <h1>Site Partners</h1>
         <ul class="sidemenu">
            <li><a href="http://www.dreamhost.com/r.cgi?287326">Dreamhost</a></li>
            <li><a href="http://www.4templates.com/?aff=ealigam">4templates</a></li>
            <li><a href="http://store.templatemonster.com/?aff=ealigam">TemplateMonster</a></li>   
            <li><a href="http://www.fotolia.com/partner/114283">Fotolia.com</a></li>                           
            <li><a href="http://www.text-link-ads.com/?ref=40025">Text Link Ads</a></li>       
         </ul>      
         
         <h1>Wise Words</h1>
         <p>"Men are disturbed, not by the things that happen,
         but by their opinion of the things that happen."</p>      
            
         <p class="align-right">- Epictetus</p>               
      
      </div>
         
      <div id="main">   

</div>         
         
   <!-- content-wrap ends here -->      
   </div>

<!-- footer starts here -->   
<div id="footer">
   
   <div class="footer-left">
      <p class="align-left">         
      © 2006 <strong>Company Name</strong> |
      Design by <a href="http://www.styleshout.com/">styleshout</a> |
      Valid <a href="http://validator.w3.org/check/referer">XHTML</a> |
      <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
      </p>      
   </div>
   
   <div class="footer-right">
      <p class="align-right">
      <a href="index.html">Home</a> |
        <a href="index.html">SiteMap</a> |
      <a href="index.html">RSS Feed</a>
      </p>
   </div>
   
</div>
<!-- footer ends here -->
   
<!-- wrap ends here -->
</div>

</body>
</html>

/********************************************
   AUTHOR:           Erwin Aligam
   WEBSITE:            http://www.styleshout.com/
   TEMPLATE NAME:    Bright Side of Life
   TEMPLATE CODE:    S-0005
   VERSION:          1.0             
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
* { padding: 0; margin: 0; }

body {
   margin: 0;
   padding: 0;
   font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
   color: #666666;
   background: #A9BAC3 url(http://img.webme.com/pic/i/islamwb/bg.gif) repeat-x;
   text-align: center;
}

/* links */
a {
   color: #4284B0;
   background-color: inherit;
   text-decoration: none;
}
a:hover {
   color: #9EC068;
   background-color: inherit;
}

/* headers */
h1, h2, h3 {
   font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
   color: #333;   
}
h1 { font-size: 1.5em; color: #6297BC; }
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 {
   margin: 10px 15px;
}
ul, ol {
   margin: 10px 30px;
   padding: 0 15px;
   color: #4284B0;
}
ul span, ol span {
   color: #666666;
}

/* images */
img {
   border: 2px solid #CCC;
}
img.no-border {
   border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px; 
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img { 
  border: 2px solid #568EB6;
}
a:hover img { 
  border: 2px solid #CCC !important; /* IE fix*/
  border: 2px solid #568EB6;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2; 
  border-left: 4px solid #4284B0;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
   margin: 15px;
    padding: 0 0 0 20px;     
     background: #FAFAFA;
   border: 1px solid #f2f2f2;
   border-left: 4px solid #4284B0;   
   color: #4284B0;
   font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;
}

/* form elements */
form {
   margin:10px; padding: 0;
   border: 1px solid #f2f2f2;
   background-color: #FAFAFA;
}
label {
   display:block;
   font-weight:bold;
   margin:5px 0;
}
input {
   padding: 2px;
   border:1px solid #eee;
   font: normal 1em Verdana, sans-serif;
   color:#777;
}
textarea {
   width:300px;
   padding:2px;
   font: normal 1em Verdana, sans-serif;
   border:1px solid #eee;
   height:100px;
   display:block;
   color:#777;
}
input.button {
   margin: 0;
   font: bold 1em Arial, Sans-serif;
   border: 1px solid #CCC;
   background: #FFF;
   padding: 2px 3px;
   color: #4284B0;   
}

/* search form */
form.searchform {
   background: transparent;
   border: none;
   margin: 0; padding: 0;
}
form.searchform input.textbox {
   margin: 0;
   width: 120px;
   border: 1px solid #9EC630;
   background: #FFF;
   color: #333;
   height: 14px;
   vertical-align: top;
}
form.searchform input.button {
   margin: 0;
   padding: 2px 3px;
   font: bold 12px Arial, Sans-serif;
   background: #FAFAFA;
   border: 1px solid #f2f2f2;
   color: #777;   
   width: 60px;
   vertical-align: top;
}

/***********************
     LAYOUT
************************/
#wrap {
   background: #FFF;
   width: 820px; height: 100%;
   margin: 0 auto;   
   text-align: left;
}
#content-wrap {
   clear: both;
   margin: 0; padding: 0;   
   background: #FFF;
}

/* header */
#header {
   position: relative;
   height: 85px;   
   background: #000 url(http://img.webme.com/pic/i/islamwb/headerbg.gif) repeat-x 0% 100%;   
}
#header h1#logo {
   position: absolute;
   margin: 0; padding: 0;
   font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
   letter-spacing: -2px;
   text-transform: lowercase;
   top: 0; left: 5px;   
}
#header h2#slogan {
   position: absolute;   
   top:37px; left: 95px;
   color: #666666;
   text-indent: 0px;
   font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
   text-transform: none;   
}
#header form.searchform {
   position: absolute;
   top: 0; right: -12px;   
}

/* main */
#main {
   float: left;
   margin-left: 15px;
   padding: 0;
   width: 50%;      
}

.post-footer {
   background-color: #FAFAFA;
   padding: 5px; margin: 20px 15px 0 15px;
   border: 1px solid #f2f2f2;
   font-size: 95%;   
}
.post-footer .date {
   background: url(clock.gif) no-repeat left center;
   padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
   background: url(comment.gif) no-repeat left center;
   padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
   background: url(page.gif) no-repeat left center;
   padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebar {
   float: left;
   width: 23%;
   margin: 0;   padding: 0;
   display: inline;      
}
#sidebar ul.sidemenu {
   list-style:none;
   margin:10px 0 10px 15px;
   padding:0;      
}
#sidebar ul.sidemenu li {
   margin-bottom:1px;
   border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
   display:block;
   font-weight:bold;
   color: #333;   
   text-decoration:none;   
   padding:2px 5px 2px 10px;
   background: #f2f2f2;
   border-left:4px solid #CCC;   
   
   min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
   padding:2px 5px 2px 10px;
   background: #f2f2f2;
   color: #339900;
   border-left:4px solid #9EC630;
}

/* rightbar */
#rightbar {
   float: right;
   width: 23%;
   padding: 0; margin:0;      
}

/* Footer */
#footer {
   clear: both;
   color: #FFF;
   background: #A9BAC3;
   border-top: 5px solid #568EB6;
   margin: 0; padding: 0;
   height: 50px;    
   font-size: 95%;      
}
#footer a {
   text-decoration: none;
   font-weight: bold;   
   color: #FFF;
}
#footer .footer-left{
   float: left;
   width: 65%;
}
#footer .footer-right{
   float: right;
   width: 30%;
}

/* menu tabs */
#header ul {
   z-index: 999999;
   position: absolute;
   margin:0; padding: 0;
   list-style:none;
   right: 0;
   bottom: 6px !important; bottom: 5px;
   font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;   
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(http://img.webme.com/pic/i/islamwb/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(http://img.webme.com/pic/i/islamwb/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
   color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
   color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
   color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {   float: right; }
.align-left  {   text-align: left; }
.align-right {   text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {   color: #9EC630; }
.gray  {   color: #BFBFBF; }

td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}