@import "css/flexslider.css"; 

body, div, span, applet, h1, h2, h3, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, li, ul, table, tr, th, td{margin:0px; padding:0px; border:0px; list-style:none; outline:0px}

html{height:100%}
body{margin:0; padding:0; background:#fff url(images/background.png) center top no-repeat; font:.8em Trebuchet MS,Arial,Verdana,Tahoma,Sans-Serif; color:#666}

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

p{margin:0 0 0px; line-height:1.5em}

h1, h2, h3, h4, h5{font-weight:normal}

.imgs imgs{width:100px; height:100px; margin:10px}
.imgs span{width:100px; height:100px; display:block; position:absolute}
.imgs span:hover{display:block; background:url(images/sil_bg.png)no-repeat center center}
.top-bar{background:#000; height:4px}

.header{width:100%;background:#b4bdc6 url(images/header-background.png) no-repeat top center;height:365px}
.header_orta{height:80px; margin-right:auto; margin-left:auto; width:910px}

.logo{margin-top:0; margin-left:auto;margin-right:auto; width:584px; height:194px; background:url(images/logo.png) no-repeat center top;color:#fff;padding-top:65px;text-align:center;font-size:13pt;}
.menu-bg{margin-top:-110px; margin-left:auto;margin-right:auto;text-align:center;width:570px; height:43px}

#menu{height:30px;font-size:16px;font-family:Franklin Gothic Demi Cond;position:relative}

#menu a{width:auto;float:right;padding-left:10px;padding-right:10px}

#menu  li{width:auto;float:left;position:relative;border-right:1px solid #e2e2e2;}
    
#menu li a{display:block; color:#2c2e30; padding:4px 10px 5px 10px;}
#menu  li a:hover{background:url(images/menu-hover-bg.png);color:#fff;text-shadow:#fff 1px 1px 0px;border-radius:5px}
#menu ul dd{color:#737779; margin-top:5px; line-height:10px; padding:0 0px 0px 0px; font-size:14px; font-family:Franklin Gothic Medium Cond; text-shadow:#fff 1px 1px 0px}
#menu  ul li ul{width:170px;height:auto;float:left;position:absolute;background:rgba(58,61,63,0.9);top:30px; left:0;right:0;z-index:1;display:none; box-shadow:2px 2px 2px rgba(0,0,0,0.5);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.5);-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.5)}
#menu ul li ul dd{color:#fff; margin-top:12px}

#menu  ul li ul a{width:160px;height:40px;line-height:40px;font-size:14px; color:#fff;float:left;padding:0 0 0 10px;text-shadow:#000 0px 1px 0px;border-top:solid 1px #3a3d3f;background:none}
    
#menu  ul li ul a:hover{background:rgba(172,1,1,0.8); color:#fff; font-size:14px; font-weight:normal; text-shadow:#000 1px 1px 0px}

#menu ul li ul li{height:40px;line-height:40px}

#menu li:hover > ul{display:block}

#menu  ul li ul li ul{width:180px;height:auto;float:left;position:absolute;background:#6c6b6b;top:0px;left:180px;z-index:1;display:none}
   
#menu_wrapper ul{padding:0px 0px 0px 0px; margin-right:0px}

.slayt{width:100%;height:500px;margin-top:-154px;margin-left:auto;margin-right:auto;z-index:10}

#icerik{width:100%; margin-top:0px; padding-top:0px; overflow:hidden}

.iletisim{width:50px; height:400px; margin-left:auto; margin-right:auto}

.iletisim_sol{float:left; width:500px; overflow:hidden; margin:5px}

.formum{float:left; width:305px; height:auto; overflow:hidden; margin:5px; background:#fff; padding:15px; border:0px solid #dadada}

.index_icerik{float:left; width:100%; height:auto}

.sayfa-ana{width:870px; background:#fff url(images/sayfa-bg.png) no-repeat top center; color:#000; margin-top:-200px;margin-right:auto; margin-left:auto; overflow:hidden; padding:20px 37px 35px 37px; font-family:Tahoma, Geneva, sans-serif; font-size:11px}
.sayfa-ana p{line-height:18px}

.sayfa-ana img{max-width:880px; padding:10px;}
.sayfa-icerik{margin-left:0px; width:880px; height:auto; padding:0px; float:left; color:#909090; margin-bottom:10px}

.index_baslik{height:35px; float:left; font-family:Franklin Gothic Medium Cond; font-size:15pt; font-weight:bold; color:#fb5729; width:100%;border-bottom:1px dotted #ddd;margin-bottom:10px;}

.anasayfa_baslik{height:44px; float:left; font-family:trebuchet ms; font-size:25px; color:#909090; width:100%; margin-top:20px}

.anasayfa_baslik a{color:#434343}
.projeler_ana_div{margin-left:auto; margin-right:auto; background:url(images/projeler-background.png) no-repeat center center; width:825px; height:288px; overflow:hidden}
.projediv{text-align:center; width:174px; padding:30px 10px 10px 10px; margin:6px; height:265px; border-radius:5px; overflow:hidden; float:left; border:0px solid #fff}

.projediv:hover{background:url(images/proje-bottom.png) no-repeat; border:0px solid #ebebeb}
.projediv a{color:#666; display:block}

.proje-menu{width:150px; background:#ac0101 url(images/proje-menu-bg.png) top center no-repeat; height:auto; padding:17px; float:left; margin-right:40px; border-radius:5px; -webkit-border-radius:5px}
.proje-menu a{color:#fff}
.proje-menu li{line-height:25px; border-bottom:1px dashed #fff; padding:0 5 0 5; font-size:11pt}
.proje-menu li:hover{background:rgba(120,1,1,0.8)}

.footerwidth{width:100%; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding-top:2px;padding-bottom:2px}
.footerbg{background:#f2f2f2;width:100%;height:auto}
.footer{font-family:Arial; width:900px; height:65px; color:#797979; font-size:8pt; margin-left:auto; margin-right:auto; padding:25px;}

.footer a{color:#929292}
.footer a:hover{color:#d82929}

.footer img{float:left}

.footer_sol{width:600px; float:left}

.footer_sol dt{width:100%;margin-bottom:3px; font-size:18px; float:left}
.footer_sol dd{width:100%;margin-top:-17px; font-size:12px; float:left;}
.footer_sol dt:hover, dd:hover{color:#fff; text-shadow:#000 1px 1px 0px}
.footer_sol img{margin-right:2px}

.footer_sag{text-align:right; float:right; font-size:13px; width:200px}

.footer_sag a{text-decoration:none; color:#dadada}

.inputs, .textareas{  border-radius:2px;  -webkit-border-radius:2px;  border:1px solid #c8c8c8;  background:#fff;    box-shadow:inset 1px 1px 1px rgba(0,0,0,.10);  -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.10);  -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.10);    font-family:"Franklin Gothic Medium Cond";  color:#747474;  font-size:10pt;  font-style:normal;    margin-top:5px;  height:30px;  line-height:24px;  padding:5px;  width:130px;  margin-bottom:10px;  float:left}

.inputs:hover, .textareas:hover{box-shadow: 0px 0px 2px rgba(0,0,0,.30); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.30); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.30)}