html, body{width: 100%; height: 100%; background: url(../img/bg.png) repeat-x #cecece; font-family:"Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;}

*:focus{outline: none;}

.page{width: 960px; margin: auto;}
.white-bg{
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 50%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 50%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 50%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 50%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 50%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    
    -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow:0 1px 2px 0px rgba(0,0,0,0.15);
    box-shadow: 0 1px 2px 0px rgba(0,0,0,0.15);

}

.wrapper{overflow: hidden; background: url(../img/built.png) no-repeat center 440px;}
.wrapper .header a{display: block; margin: 50px auto; width: 340px; height: 151px; background: url(../img/logo.png?v=1); }
.wrapper .menu{width: auto; height: 64px; background: #FFF;}
.wrapper .menu nav ul{text-align: center;}
.wrapper .menu nav ul li{ display: inline-block;}
.wrapper .menu nav ul li.s{width: 1px; height:30px; position: relative; top: 10px; background: url(../img/sep.png); }
.wrapper .menu nav ul li a{height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color:#5d5d5d; padding: 0 10px; margin: 12px 10px 0; background: #FFF; display: block; text-decoration: none;}
.wrapper .menu nav ul li a.active, .wrapper .menu nav ul li a:hover, .wrapper .content a, .wrapper .content .subpage > ul > li .i, .wrapper .content .ik .elements input[type=button], .wrapper .content .iletisim .form input[type=button], .wrapper .content .projeler .paging div, .wrapper .content .ik .elements input[type=submit]{
    -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
    color: #FFF;
    background: #00b7c7;
    background: -moz-linar-gradient(top,  #00b7c7 0%, #0097b6 50%, #006ea2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7c7), color-stop(50%,#0097b6), color-stop(100%,#006ea2)); 
    background: -webkit-linear-gradient(top,  #00b7c7 0%,#0097b6 50%,#006ea2 100%);
    background: -o-linear-gradient(top,  #00b7c7 0%,#0097b6 50%,#006ea2 100%);
    background: -ms-linear-gradient(top,  #00b7c7 0%,#0097b6 50%,#006ea2 100%);
    background: linear-gradient(to bottom,  #00b7c7 0%,#0097b6 50%,#006ea2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7c7', endColorstr='#006ea2',GradientType=0 );
}
.wrapper .shadow{width: auto; height: 21px; margin-bottom: 39px; background: url(../img/shadow.png) no-repeat center top;}
.wrapper .content .sliderFrame{width:auto; height: 400px; padding: 7px;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #efefef 50%, #f9f9f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#efefef), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#efefef 50%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #ffffff 0%,#efefef 50%,#f9f9f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #ffffff 0%,#efefef 50%,#f9f9f9 100%); /* IE10+ */
    background: linear-gradient(135deg,  #ffffff 0%,#efefef 50%,#f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.wrapper .content .sliderFrame .slider{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden;}

.wrapper .content .buttons{height: 40px; text-align: center; margin-top: 10px; margin-bottom: 40px;}
.wrapper .content .page .buttons > a{display: inline-block; width: 14px; height: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f8f8f8; margin: 0 3px; cursor:pointer; position: static !important; padding: 0;}
.wrapper .content .page .buttons > a div{margin: 2px; width: 10px; height: 10px; background: #00b7c7;}
.wrapper .content .page .buttons > a.active div{background:#56d0db;}

.wrapper .content .row{height: 358px;}
.wrapper .content .row .last-project{float: left; width:500px; margin-bottom: 70px; padding: 15px; position: relative;overflow: hidden;}
.wrapper .content .row .title{height: 30px; position: relative; overflow: hidden; margin: 0 20px 20px;}
.wrapper .content .row .title .line{position: absolute; width: 100%; height: 1px; top: 15px; background: #d6ebf1; z-index: 0;}
.wrapper .content .row .title .label{margin:8px auto 0; font-size: 16px; font-weight: bold; color:#0084a7; background: #FFF; width: 180px; text-align: center; z-index: 1; position: relative;}

.wrapper .content .row .last-project .container{ height: 208px;}
.wrapper .content .row .last-project .container .img, .proje .img{width: 165px; height: 165px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.wrapper .content .row .last-project .container .img img{width: 165px; height: auto;}
.wrapper .content .row .last-project .container .img a{position: static; padding: 0; margin: 0;}
.wrapper .content .row .last-project .container .text, .proje .text{margin:5px 20px 0; float: left; width: 295px;}
.wrapper .content .row .last-project .container .text .name, .proje .text .name{font-size: 14px; font-weight: bold; color: #545454; border-bottom: 1px dashed #dadada; padding-bottom: 10px; margin-bottom: 15px;}
.wrapper .content .row .last-project .container .text .name i, .proje .text .name i{font-style: italic;}
.wrapper .content .row .last-project .container .text .property .exp sup, .proje .text .property .exp sup{vertical-align: super; font-size: smaller;}
.wrapper .content .row .last-project .container .text .property, .proje .text .property{padding: 3px 0; overflow: hidden;}
.wrapper .content .row .last-project .container .text .property *, .proje .text .property *{font-size: 12px;}
.wrapper .content .row .last-project .container .text .property .label, .proje .text .property .label{width: 100px; float: left; text-align: right; color: #6d6d6d; font-weight: bold;}
.wrapper .content .row .last-project .container .text .property .exp, .proje .text .property .exp{float: left; color: #848484; margin-left: 5px; width: 190px; margin-bottom: 2px;}
.wrapper .content a{ position: absolute; bottom: 15px; right: 15px;  padding: 10px 15px;  text-align: center; font-size: 12px; text-decoration: none;}


.wrapper .content .row .about-us{float: right; width: 380px; height: 257px; position: relative; padding: 15px;}
.wrapper .content .row .about-us p{font-size: 14px; color:#848484;}

.wrapper .footer{border-top: #323232; height: 50px; background: #424242;}
.wrapper .footer *{font-size: 12px; color: #bcbcbc; line-height: 50px;}
.wrapper .footer .copyright{float: left; }
.wrapper .footer a{float: right; text-decoration: none;}
.wrapper .footer a:hover{text-decoration: underline;}




.wrapper .content .subpage{padding:60px 40px; margin:100px 0;  min-height: 280px; overflow: hidden;}
.wrapper .content .subpage p{font-size: 14px; color: #636363; line-height: 18px;}
.wrapper .content .subpage p span{color:#3b3b3b; text-decoration: underline;}

.wrapper .content .subpage > ul > li{color:#545454; font-size: 16px; font-weight: bold; margin-bottom: 30px; padding: 2px 0; overflow: hidden;}

.wrapper .content .subpage > ul > li .v{float: left; width: 850px; border-bottom: 1px dashed #f1f1f1; padding-bottom: 10px;}
.wrapper .content .subpage > ul > li .i{ width: 10px; height: 10px; float: left; margin-right: 15px; margin-top: 2px;}

.wrapper .content .subpage > ul > li ul{margin: 10px 0; width: 100%; float: left;}
.wrapper .content .subpage > ul > li ul li{font-size: 12px; color:#6d6d6d; margin-left: 40px; margin-bottom: 10px;}

.wrapper .content .ik .labels div, .wrapper .content .iletisim .form div{float: left; width: 250px; margin:20px 20px 10px 0; font-size: 14px; color:#5b6060;}
.wrapper .content .ik .elements input[type=text], .wrapper .content .iletisim .form input[type=text], .wrapper .content .iletisim .form textarea{ width: 234px; background: #FFF; height: 20px; font-size: 12px; padding: 5px; border:1px solid #d2d2d2; margin-right: 20px;}
.wrapper .content .ik .elements input[type=submit], .wrapper .content .iletisim .form input[type=button]{border: none; padding: 9px 15px; margin-top: 1px; cursor: pointer;}


.wrapper .content .iletisim .address{float: left; width: 400px; margin: 20px 0 0 0;}
.wrapper .content .iletisim .address span{display: inline-block; vertical-align: top; font-size: 14px; line-height: 18px;}
.wrapper .content .iletisim .address span.t{width: 100px; text-align: right; color: #6d6d6d; font-weight: bold;}
.wrapper .content .iletisim .address span.v{width: 270px; margin-left: 5px; color: #848484;}
.wrapper .content .iletisim .address div{margin-bottom: 10px;}

.wrapper .content .iletisim .form{float: right; width: 370px;}
.wrapper .content .iletisim .form *{float: none;}
.wrapper .content .iletisim .form div{margin: 0 0 5px 0;}
.wrapper .content .iletisim .form input{margin-bottom: 20px;}
.wrapper .content .iletisim .form input[type=button]{display: block; margin-top: 20px;}
.wrapper .content .iletisim .form textarea{ resize: none; height: 80px;}
.wrapper .content .iletisim .form textarea, .wrapper .content .iletisim .form input[type=text]{width: 270px;}

.wrapper .content .referanslar{text-align: center; background:#fff; }
.wrapper .content .referanslar div{display: inline-block; width: 170px; height: 150px; margin: 20px; vertical-align: middle;}
.wrapper .content .referanslar div img{ width: 140px; height: auto;}

.wrapper .content .projeler .category{text-align: center; margin-top: -20px; margin-bottom: 40px;}
.wrapper .content .projeler .category a{ width: 185px; background: none; display: inline-block; font-size: 12px; margin: 0 15px; cursor: pointer; color: #949494; border-bottom: 1px solid #FFF; padding:0 0 10px 0; position: relative; vertical-align: top; min-height: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.wrapper .content .projeler .category a:hover, .wrapper .content .projeler .category a.active{ border-color:#0084a7; color:#0084a7;  }
.wrapper .content .projeler .category a:hover:after, .wrapper .content .projeler .category a.active:after{display: block;}
.wrapper .content .projeler .category a:after{width: 34px; height: 15px; background: url(../img/arrow.png) no-repeat center top; content: ""; display: none; position: absolute; top: -27px; margin-left: -17px; left: 50%;}

.wrapper .content .projeler .container .proje{overflow: hidden; margin-bottom: 30px;}
.wrapper .content .projeler .container .proje .img{width: 246px; min-height: 100px; height: auto; overflow: hidden; background: none;}
.wrapper .content .projeler .container .proje .img a{display: block; position: static; padding: 0; width: 72px; height: 72px; background: #EEE; float: left; margin: 5px; overflow: hidden;}
.wrapper .content .projeler .container .proje .img a img{width: 72px; height: 72px;}
.wrapper .content .projeler .container .proje .text{width: 594px;}
.wrapper .content .projeler .container .proje .text .property .exp{display: inline-block; width: 459px;}
.wrapper .content .projeler .container .proje .text .property .label{width: 130px; display: inline-block;}



.wrapper .content .projeler .paging a{float: left; padding: 5px 7px; margin-right: 5px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: static;}
.wrapper .content .projeler .paging a:hover, .wrapper .content .projeler .paging a.active{ background: #fff; color: #5d5d5d}