html, form {height:100%;margin:0; padding:0;border:none;}
body {height:100%;background:#333 url('bg.jpg');color:#666;margin:0px;padding:0px;
      font-family: Georgia, sans-serif;font-size:13px;}

#main {width:100%;height:100%;background:url('disli.png') no-repeat center top;}
#container {margin:0 auto;width:960px;}
 #header {height:126px;}
    #logo {float:left;display:inline-block;width:230px;height:105px;background:url('teknik-logo.png') no-repeat left bottom;}
    #menu {float:right;width:650px;margin-top:109px;height:17px;}
    #menu a {float:left;display:block;height:17px;background-image:url('menu.gif');background-repeat:no-repeat;}
    #menu a.anasayfa {width:93px;background-position:0 0;}
    #menu a.anasayfa:hover {width:93px;background-position:0 -17px;}
    #menu a.hakkimizda {width:102px;background-position:-93px 0;}
    #menu a.hakkimizda:hover {width:102px;background-position:-93px -17px;}
    #menu a.faaliyet {width:155px;background-position:-195px 0;}
    #menu a.faaliyet:hover {width:155px;background-position:-195px -17px;}
    #menu a.makine {width:115px;background-position:-350px 0;}
    #menu a.makine:hover {width:115px;background-position:-350px -17px;}
    #menu a.referans {width:121px;background-position:-465px 0;}
    #menu a.referans:hover {width:121px;background-position:-465px -17px;}
    #menu a.iletisim {width:64px;background-position:-576px 0;}
    #menu a.iletisim:hover {width:64px;background-position:-576px -17px;}
 #page {padding:13px;background:#f2f2f2;text-align:justify;font-size:16px;line-height:18px;}
    #page h1 {display:inline-block;font-size:12px;color:#3c8e80;padding:10px 0 10px 0;border-bottom:1px dotted #3c8e80;margin-bottom:20px;}
    #page h1 strong {color:#444;font-weight:normal;}
 #bar {height:139px;background:url('barBG.jpg');}
    #bar .prod {float:left;width:280px;margin:20px 0 0 27px;color:#fff;text-decoration:none;}
    #bar .prod:hover {background:url('trans20black.png');}
    #bar .prod span {color:#111;font-size:11px;font-weight:bold;}
    #bar .prod img {float:left;width:120px;height:90px;border:5px solid #1c3532;margin-right:10px;}
    
    #page .products {float:left;width:275px;margin:20px 0 0 27px;color:#666;text-decoration:none;text-align:left;}
    #page .products span {color:#111;font-size:11px;font-weight:bold;}
    #page .products img {float:left;width:120px;height:90px;border:5px solid #1c3532;margin-right:10px;}

    #page .productsR {float:left;width:120px;margin:20px 0 0 27px;color:#666;text-decoration:none;text-align:left;}
    #page .productsR span {color:#111;font-size:11px;font-weight:bold;}
    #page .productsR img {float:left;width:120px;height:90px;border:5px solid #1c3532;margin-right:10px;}
        
 #footer {color:#787878;font:12px Arial;padding:20px 0 100px 0;line-height:20px;}
 #footer strong {color:#bbb;font-weight:normal;}
 #footer a {display:inline-block;color:#dedede;text-decoration:none;padding:0 5px;font-size:14px;}
 #footer a:hover {color:#68c6b6;}
 #footer #webmaster {padding-top:20px;}
 
/*** CSS HACKS *********************************************************/    
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0px;}
.clearfix {display:block;position:relative;clear:both;}
* html .clearfix{height: 1%;}