Iceblue - Red - Butterfly - Css Tasarım Paylaşımları

Css kod:
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(http://i.imgur.com/zyqcJ.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>

<div class="urbangreymenu">

<h3 class="headerbar">MENÜ 1</h3>
<ul>
<li><a href="http://www.kodbul.org">Html Kodları</a></li>
<li><a href="http://www.fbmlkodu.tr.gg">Fbml Kodları</a></li>
<li><a href="http://www.kodbul.piczo.com">Sitene İçerik</a></li>
<li><a href="http://www.fikrabaz.tr.gg">Fıkralar</a></li>
</ul>

<h3 class="headerbar">MENÜ 2</h3>
<ul>
<li><a href="http://www.kodbul.org">Html Kodları</a></li>
<li><a href="http://www.fbmlkodu.tr.gg">Fbml Kodları</a></li>
<li><a href="http://www.kodbul.piczo.com">Sitene İçerik</a></li>
<li><a href="http://www.fikrabaz.tr.gg">Fıkralar</a></li>
</ul>

</div>


<style type="text/css">
<!--
body,td,th {
   font-family: comic andy;
   font-size: 16px;
   color: #000000;
}
body {
   background-color: #FFFFFF;
   background-image: url(file:///C|/Documents%20and%20Settings/Administrator/Desktop/images/Untitled-1_06.gif);
}
a {
   font-family: comic andy;
   font-size: 18px;
   color: #000000;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #FFFFFF;
}
a:hover {
   text-decoration: none;
   color: #FF0000;
}
a:active {
   text-decoration: none;
   color: #000000;
}
-->
</style>

<table width="950" height="682" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="264" align="left" valign="top" background="http://img41.resimup.net/di/G3VT.gif"><table width="950" height="170" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="435"> </td>
        <td width="468"> <center><a target="_blank" href=http://gtasanandreashakkinda.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm LiNK><IMG alt="" src="http://img.webme.com/pic/c/catlak-site55/reklam4.gif"width=468 height=60 border=0></a><center></td>
        <td width="47"> </td>
      </tr>
    </table>
      <table width="950" height="60" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="139"> </td>
          <td width="794"><marquee>Sitemize Hoşgeldiniz. Sitemiz 11.12.2011 Tarihinde Yeni Tasarıma Geçmiş Bulunmaktadır. Sitemizden Css Tasarım Çizmeyi , Kodlamayı Cssde Gereken Kodları Bulabilirsiniz. Hazır Tasarımlarda Bulabilirsiniz. Sorularınızı Foruma Sorabilirsiniz. Ayrıca Bizden Bir Ayda Bir Tasarımınızı Çizip , Kodlamamızı İsteyebilirsiniz. İyi Eğlenceler Dileriz... </marquee></td>
          <td width="17"> </td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height="308" background="http://img44.resimup.net/di/F6T8.gif"><table width="912" height="303" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="596" height="264" align="left" valign="top">

            <script type="text/javascript" src="http://catlaksite.iwoly.com/jquery-1.3.1.min.js"></script>
   <script type="text/javascript" src="http://catlaksite.iwoly.com/jquery.easing.1.3.js"></script>
   <script>
   
   $(document).ready(function () {

      //Set the height of the block
      $('#menu .block').height($('#menu li').height());

      //go to the default selected item
      topval = $('#menu .selected').position()['top'];
      $('#menu .block').stop().animate({top: topval}, {easing: '', duration:500});

      $('#menu li').hover(
         
         function() {
            
            //get the top position
            topval = $(this).position()['top'];
            
            //animate the block
            //you can add easing to it
            $('#menu .block').stop().animate({top: topval}, {easing: '', duration:500});
            
            //add the hover effect to menu item
            $(this).addClass('hover');   
         },
         
         function() {      
            //remove the hover effect
            $(this).removeClass('hover');   
         }
      );
   
   });
   
   </script>
      
<style>
 <!--
 A{text-decoration:none}
 -->
</style>

<!--------------INICIO DO EFEITO DA BARRA DO EXPLORER------------>

<script language=JavaScript>

var txt=" | Css Tasarim Dunyasina Hosgeldiniz. Iyi Eglenceler Dileriz... ";

var espera=200;

var refresco=null;

function rotulo_title() {

document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);       

refresco=setTimeout("rotulo_title()",espera);}

rotulo_title();// -->

function MM_displayStatusMsg(msgStr) { //v1.0

status=msgStr;

document.MM_returnValue = true;}

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);}//--></script>

<!-----------------------------FINAL----------------------------->

</td>
        <td width="78"> </td>
        <td width="238" align="left" valign="top"><div id="menu">
<ul>
   <li><a href="http://csstasarimdunyasi.tr.gg/">Anasayfa</a></li>
<li><a href="http://csstasarimdunyasi.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li>
   <li><a href="http://csstasarimdunyasi.tr.gg/Haz%26%23305%3Br-Css-Tasar%26%23305%3Bmlar.htm">Hazır Css

Tasarımlar</a></li>
   <li><a href="http://csstasarimdunyasi.tr.gg/Tablolu-Css-Tasar%26%23305%3Bm-%C7izme-ve-Kodlama.htm">Tablolu Css Tasarım

Çizme ve Kodlama</a></li>
   <li class="selected"><a href="http://csstasarimdunyasi.tr.gg/Cssde-Gereken-Kodlar.htm">Cssde Gereken

Kodlar</a></li>

   <li><a href="http://csstasarimdunyasi.tr.gg/Forum/index.htm">Forum</a></li>
   <li><a href="http://csstasarimdunyasi.tr.gg/Ziyaret%E7i-Defteri.htm">Ziyaretçi Defteri</a></li>

</ul>
<div class="block png"></div>
</div>

</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="110" background="http://img44.resimup.net/di/4SKY.gif"><table width="950" height="108" border="0"

cellpadding="0" cellspacing="0">
      <tr>
        <td width="153" height="78"> </td>
        <td width="74"><p><a href="http://gtasanandreashakkinda.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Link

Ekle</a></p>
          <p><a href="v">Link Ekle</a></p></td>
        <td width="72"><p><a href="http://gtasanandreashakkinda.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Link

Ekle</a></p>
          <p><a href="http://gtasanandreashakkinda.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Link Ekle</a></p></td>
        <td width="70"><p><a href="http://gtasanandreashakkinda.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Link

Ekle</a></p>
          <p><a href="http://gtasanandreashakkinda.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Link Ekle</a></p></td>
        <td width="581"><p><a href="http://gtasanandreashakkinda.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Link

Ekle</a></p>
          <p><a href="http://gtasanandreashakkinda.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Link Ekle</a></p></td>
      </tr>
    </table></td>
  </tr>
</table>

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-image:url(http://www.backgroundlabs.com/backgrounds/273.jpg);background-attachment: fixed}

table {margin-left: auto;margin-right: auto}

iframe{border:Outset 4px #663300;}

#menu {
      font-family:verdana;
      font-size:12px;
      position:relative;
      margin:0 auto;
      width:200px;
   }
   
   #menu ul {
      /* remove list style */
      list-style:none;
      padding:0;
      margin:0;   
      
      /* set the layer position */
      position:relative;
      z-index:5;
   }
   
      #menu li {
         /* set the styles */
         background:#ccc url(http://img.webme.com/pic/c/catlak-site55/vbg.gif) no-repeat 0 0;
         padding:5px;
         margin:2px;
         cursor:pointer;
         border:1px solid #ccc;
      }
      
      #menu li.hover {
         /* on hover, change it to this image */
         background-image:url(http://img.webme.com/pic/c/catlak-site55/bg_hover.gif) !important;
      }
      
      #menu li a {
         text-decoration:none;   
         color:#993333;
      }
   
   
   #menu .block {
      /* allow javascript to move the block */
      position:absolute;
      top:0;
      
      /* set the left position */
      left:150px;   
      
      /* display above the #menu */
      z-index:10;
      
      /* the image and the size */
      background:transparent url(http://img.webme.com/pic/c/catlak-site55/darrow.png) no-repeat top right;
      width:39px;
      padding:4px;
      cursor:pointer;
   }
   
   /* fast png fix for ie6 */
   * html .png{
      position:relative;
      behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName ==

"IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',

sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString

().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',

sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
   }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr"><head> <title>Free Website Templates</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/jquery.jcarousel.css" type="text/css" media="all" /> <!--[if IE 6]> <link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /> <![endif]--> <link rel="shortcut icon" type="image/x-icon" href="http://www.byersmedia.com/a/j/images/stories/favicon-m.png" /> <script type="text/javascript" src="http://img43.xooimage.com/files/1/0/0/jquery-1.4.2.min-1938da9.js"></script>
<script type="text/javascript" src="http://img70.xooimage.com/files/5/f/5/jquery.jcarousel.min-2b5e770.js"></script>
<script type="text/javascript" src="http://img72.xooimage.com/files/0/c/5/func-2b5e77c.js"></script>
</head><body><div class="shell"> <div id="header"> <h1 id="logo" class="left"><a href="#">www.mRtiqi.tr.gg<span>Webdeki Yardımcınız</span></a></h1> <div id="navigation" class="left"> <ul> <li><a href="http://mrtiqi.de.tl/ana-sayfa.htm" class="active">Anasayfa</a></li> <li><a href="http://mrtiqi.de.tl/Iletisim.htm">İletişim</a></li> <li><a href="http://mrtiqi.de.tl/Ziyaretci-Defteri.htm">Z.Defteri</a></li> <li><a href="http://mrtiqi.de.tl/hakkimda.htm">Hakkımda</a></li> </ul> </div> <div class="cl"> </div> </div> <div class="slider-holder"> <div class="slider-bg"> <a href="#" class="btn-nav btn-prev"></a> <a href="#" class="btn-nav btn-next"></a> <div class="nav"> <ul> <li><a href="#" rel="1"> </a></li> <li><a href="#" rel="2"> </a></li> <li><a href="#" rel="3"> </a></li> <li><a href="#" rel="4"> </a></li> </ul> <div class="cl"> </div> </div> <div class="slider"> <ul> <li> <div class="item"> <img src="http://img.webme.com/pic/b/bedavasitepaylasim/slide-img01.gif" alt="" class="left" /> <div class="info right"> <h3>mRtiqi.tr.gg Yeni Tasarımıyla Karşınızda</h3> <p><strong>Mrtiqi</strong>Yeni Tasarımıyla (V3) Karşınızda!.. mRtiqi uzun bir aradan sonra tekrar tasarım değiştirdi. Bu tasarıma bayılacağınıza eminiz. Ziyaretçi defterine bir yorum bırakırsanız seviniriz.<a href="#"></a></p> <p> <a href="#"></a><strong></strong></p> </div> </li> <div class="cl"> </div> </div> <li> </li>
</ul> </div> </div> </div>
<div id="main"> <div class="main-t"></div> <div class="main-c"> <div class="main-content"> <div id="head">
<script type="text/javascript" src="http://www.fileden.com/files/2008/9/29/2120871//cufon-yui.java"></script>
<script type="text/javascript" src="http://www.fileden.com/files/2008/9/29/2120871//font.java"></script>
<script type="text/javascript">
Cufon.replace('h2', {
textShadow: '#999999 0.4px 0.4px'
});
Cufon.replace(' #rssoku h2,h3,h1,h4,legend');
Cufon.replace(' #headline');
 
Cufon.replace('#comments h3', {
textShadow: '#fff 0.7px 0.7px'
});
</script>

<div class="box-t box-quick">                  <div class="box-bg">                     <h2>Seçme Konular</h2>                     <ul>                         <li><a href="http://mrtiqi.de.tl/kazimkoyuncu.htm">Kazım Koyuncu</a></li>                         <li><a href="http://mrtiqi.de.tl/yukaricikcapasi.htm">Aşağı İnince Beliren Yukarı Çık Çapası</a></li>                         <li><a href="http://mrtiqi.de.tl/degisken.htm">Değişkenleri Kullanma Ve Aktive Etme</a></li>                         <li><a href="http://mrtiqi.de.tl/Noktadan-Dagilan-Arkaplan-Yapimi.htm">Noktadan Dağılan Arkaplan Yapımı</a></li>                     </ul>                     <a href="#" class="more right">Devamını Gör</a>                     <div class="cl"> </div>                  </div>                  <span class="arr"> </span>               </div>               <div class="box-t box-services">                  <div class="box-bg">                     <h2>Bugün Kurban Bayramı</h2>                     <p>Bugün Kurban Bayramı, kurbanlar kesilecek sevap niyetiyle etler dağıtalacak herkese. Yürekler bir olacak gönüllere kilitlenecek. Gökler rahmet bereketiyle yağmurlar boşaltacak yeryüzüne. Bugün hepimizin yüreği şenlenip bayram sevinciyle coşacak. Hepimizin Kurban Bayramı kutlu olsun.<a href="http://mrtiqi.de.tl/gununkonusu.htm/">Yazının Devamı İçin Tıkla</a> <a href=""></a><strong></strong></p>                     <a href="" class="more left"></a>                     <div class="cl"> </div>                  </div>               </div>            </div>                  <div id="content">               <div class="box-b box-profile left">                  <h2>Mrtiqi Hakkında</h2>                  <p>Hakkımda :
Arkadaşlar 15 yaşındayım. 10 yaşımda başladığım bedava-sitemi 13 yaşımda bıraktım. Her şey çok sıkıcı geliyordu. Fakat şimdi tekrar başladım. Ne yazıkki hayal kırıklığına uğradım. Şu sanal alemde yalnız başıma web site geliştirmeye çalışıyordum. Ama başka tanıdıklar edindim. Onlarla birlikte bu siteyi geliştirmeye başladık. Yeni konular yazmaya, tarafsız olmaya özen göstermeye başladık. Ben İstanbul'da oturuyorum. Lise 2'ye gidiyorum. Şuan bs'den başka bir şeyle ilgilenmiyorum. <a href="#"></a> <strong></strong><a href="#"></a> </p>                  <p><a href="#"></a> </p>                  <a href="http://mrtiqi.de.tl/hakkimda.htm" class="more">Devamını Gör</a>                  <span class="arr"> </span>               </div>               <div class="box-b box-quality right">                  <h2>Tasarım Güzelmiş</h2>                  <p>Tasarım Seçimini Beğendim Güzel Bir Tasarım<a href="#">mrtiqi</a> Zevkli İnsanmışsın Tebrikler <strong>mrtiqi</strong>Kodları Ayırma Bitti Kullandığında Bi Teşekkür Et.<a href="#">mrtiqi</a>yazı ekle </p>                  <p>Bye Bye Bye Byeee </p>                  <a href="#" class="more">Devamını Gör</a>                  <span class="arr"> </span>               </div>               <div class="cl"> </div>            </div>         </div>         <div class="cl"> </div>      </div>      <div class="main-b"></div>   </div>      <div id="footer">      <div class="nav left">         <ul>             <li><a href="#">Anasayfa</a></li>             <li><a href="#">İletişim</a></li>             <li><a href="#">Z.Defteri</a></li>             <li><a href="#">Forum</a></li>             <li><a href="#">Yardım</a></li>             <li><a href="#">Forum</a></li>             <li class="last"><a href="#">Hakkımda</a></li>         </ul>      </div>      <p class="copy right">Copyright © Mrtiqi<a href="#">Mrtiqi.Tr.GG</a></p>      <div class="cl"> </div>   </div></div></body></html>

* { margin: 0; padding: 0; outline:0; }
 
body {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #565d54;
    background: #fff;
    background: url(http://img.webme.com/pic/b/bedavasitepaylasim/body-bg.gif) repeat 0 0;
}
 
a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
 
a img { border: 0; }
 
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }
 
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
 
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
 
 
.shell { width: 920px; margin: 0 auto; }
 
#header { height: 66px; }
#logo { font-family: "Comic Sans MS", Arial, sans-serif; font-size: 22px; line-height: 22px; font-weight: normal; text-transform: uppercase; width: 300px; padding: 19px 0 0 15px; }
#logo a { color: #020202; }
#logo a:hover { text-decoration: none; }
#logo a span { font-family: Arial, sans-serif; font-size: 10px; line-height: 10px; color: #e29e10; display: block; padding: 4px 0 0 150px; }
 
#navigation { width: 530px; padding: 24px 0 0 70px; position: relative; left:13px; }
#navigation ul { list-style: none; }
#navigation ul li { font-family: "Comic Sans MS", Arial, sans-serif; font-size: 15px; line-height: 22px; font-weight: bold; display: inline; float: left; padding: 0 7px 0 0; }
#navigation ul li.last { padding:0; }
#navigation ul li a { color: #fff; float: left; padding: 0 23px 8px 23px; }
#navigation ul li a:hover,
#navigation ul li a.active { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/nav-h.gif) no-repeat center bottom; text-decoration: none; color: #0f0f0c; }
 
.slider-bg { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/slider-bg.png) no-repeat 0 0; width: 897px; height: 258px; padding: 49px 0 0 13px; }
.slider-holder { width: 910px; height: 307px; margin: 0 0 21px 5px; position: relative; }
.slider-holder .btn-nav { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/btn-nav.gif) no-repeat 0 0; width: 59px; height: 20px; position: absolute; bottom:26px; }
.slider-holder .btn-prev { left:31px; }
.slider-holder .btn-next { background-position: 0 -20px; right:27px; }
.slider-holder .nav { position: absolute; bottom:30px; width: 64px; height: 16px; margin: 0 auto; }
.slider-holder .nav ul { list-style: none; }
.slider-holder .nav ul li { display: inline; float: left; }
.slider-holder .nav ul li a { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/btn-dot.gif) no-repeat 0 0; width: 16px; height: 16px; float: left; overflow: hidden; }
.slider-holder .nav ul li a:hover { text-decoration: none; }
.slider-holder .nav ul li a.active { background-position: 0 -16px; }
 
.slider {  }
.slider .item img { margin: 0 0 0 89px; }
.slider .item h3 { font-family: "Comic Sans MS", Arial, sans-serif; font-size: 21px; line-height: 21px; color: #565d54; padding: 0 0 26px 0; }
.slider .item p { text-align: justify; }
.slider .item a { color: #565d54; text-decoration: underline; }
.slider .item a:hover { text-decoration: none; }
.slider .item {  }
.slider .item .info { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/slide-info-bg.gif) no-repeat 0 27px; width: 430px; min-height: 172px; height: auto !important; height: 172px; }
 
#main {  }
.main-t { background: url(http://img.webme.com/pic/f/fikrimcee/main-t.png) no-repeat 0 0; height: 500px; }
.main-b { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/main-b.png) no-repeat 0 0; height: 47px; }
.main-c { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/main-c.png) repeat-y 0 0; width: 920px; }
.main-content { position: relative; float: left; width: 920px; margin: -494px 0 0 0; }
 
#head { height: 247px; position: relative; padding: 0 0 16px 0; }
 
.box-t { position: absolute; top:-27px; }
.box-t .box-bg { width: 281px; height: 154px; padding: 72px 30px 42px 29px; }
.box-t a { position: relative; }
.box-t p a { color: #565d54; text-decoration: underline; }
.box-t p a:hover { text-decoration: none; }
.box-t h2 { font-family: "Comic Sans MS", Arial, sans-serif; font-size: 18px; line-height: 18px; color: #565d54; padding: 0 0 11px 0; }
.box-t ul { list-style: none; }
.box-t ul li { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/bullet.gif) no-repeat 0 9px; font-family: Tahoma, Arial, sans-serif; font-size: 12px; line-height: 22px; }
.box-t ul li a { color: #565d54; text-decoration: underline; padding: 0 0 0 30px; }
.box-t ul li a:hover { text-decoration: none; }
.box-t .more { padding-top: 15px; }
.box-t .arr { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/arr1.gif) no-repeat 0 0; width: 122px; height: 71px; position: absolute; top:126px;right:-137px; }
 
.box-quick { left:45px; }
.box-quick .box-bg { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/box-quick.png) no-repeat 0 0; }
.box-quick .more { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/more-blue.gif) no-repeat center bottom; }
 
.box-services { right:45px; }
.box-services .box-bg { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/box-services.png) no-repeat 0 0; }
.box-services .more { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/more-green.gif) no-repeat center bottom; }
 
#content { padding: 0 59px 0 56px; }
 
.box-b { width: 380px; position: relative; }
.box-b h2 { font-family: "Comic Sans MS", Arial, sans-serif; font-size: 18px; line-height: 18px; color: #565d54; padding: 0 0 15px 0; margin: 0 0 16px 0; }
.box-b p { width: 292px; text-align: justify; padding: 0 0 15px 5px; }
.box-b p a { color: #565d54; text-decoration: underline; }
.box-b p a:hover { text-decoration: none; }
.box-b .more { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/more-yellow.gif) no-repeat 0 bottom; position: relative; }
.more { color: #0f0f0c; padding: 0 0 5px 0; text-decoration: none; }
.more:hover { text-decoration: none; }
 
.box-profile {  }
.box-profile h2 { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/col-h1.gif) no-repeat 0 bottom; }
.box-profile .arr { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/arr2.gif) no-repeat 0 0; width: 67px; height: 83px; position: absolute; top:52px;right:-7px; }
 
.box-quality {  }
.box-quality h2 { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/col-h2.gif) no-repeat 0 bottom; }
.box-quality .arr { background: url(http://img.webme.com/pic/b/bedavasitepaylasim/arr3.gif) no-repeat 0 0; width: 46px; height: 85px; position: absolute; top:58px;right:-3px; }
 
#footer { padding: 4px 0 15px 0; }
#footer .nav { padding: 0 0 0 31px; }
#footer .nav ul { list-style: none; }
#footer .nav ul li { display: inline; font-size: 10px; line-height: 10px; border-right: 1px solid #283026; padding: 0 9px 0 0; margin: 0 9px 0 0; }
#footer .nav ul li.last { border:0; padding:0; margin:0; }
#footer .nav ul li a { color: #283026; }
 
#footer .copy { font-size: 10px; line-height: 10px; color: #283026; padding: 0 63px 0 0; }
#footer .copy a { color: #0a0b0a; text-transform: uppercase; text-decoration: underline; }
#footer .copy a:hover { text-decoration: none; }
 
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;}