html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, b, u, i,dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0px; padding:0px; border:0px; outline:0px;}
ol, ul, li {list-style:none;}



html, body {height:100%; width:100%; background:#171618 url(/Skin/Body.jpg) repeat-y 0 top; font-family:Arial, Helvetica;}
.fix {clear:both; font-size:0px; line-height:0px; line-height:0%;}
#wrapper {margin:0px 0px 0px 60px; width:980px; height:auto; overflow:visible;}



.header {width:980px;}
.logo {width:248px; height:48px; margin-left:20px; padding-top:30px;}



.promobox {width:980px;}
.slogan {height:auto; margin-left:40px; margin-top:70px; margin-bottom:50px;}



.section {float:left; width:940px; margin:0px 20px 20px 20px;}
.section_ok {width:22px; height:11px; margin-left:20px; background:transparent url(/Skin/content_ok.png) no-repeat 0px 0px;}
.section_det {width:940px; background-color:#0f0f0f; height:auto; float:left; position:relative;}



#services {width:940px; background-color:#0f0f0f; min-height:50px; height:auto; float:left; position:relative;}
.services_txt {font-size:21px; font-family:Trebuchet MS, Arial; color:#ffcc00; padding:12px 10px 10px 15px; display:block; text-decoration:none; cursor:default;} /* cursoru unutma */
#ser_ok {position:absolute; right:20px; top:21px;}
#services_content {width:940px; margin-top:9px; float:left;}



#works {float:left; width:920px; height:auto; background-color:#0f0f0f; position:relative; padding-left:10px; padding-right:10px;}
#slide_nav {width:80px; height:8px; position:absolute; top:11px; left:426px; z-index:2;}
.slide_nav_p {float:left; cursor:pointer; margin-left:8px;}
#fgPre {position:absolute; top:118px; left:-10px; cursor:pointer; background:url(/Skin/left_ok.jpg) no-repeat 0px 0px; width:20px; height:40px; display:block;}
#fgPre:hover {background-position:0px -40px;}
#fgNext {position:absolute; top:118px; right:-10px; cursor:pointer; background:url(/Skin/right_ok.jpg) no-repeat 0px 0px; width:20px; height:40px; display:block;}
#fgNext:hover {background-position:0px -40px;}

#portfolio {width:900px; height:295px; margin-left:10px; overflow:hidden; position:relative; float:left;}
#portfolio_content {width:4500px; height:auto; display:block; overflow:hidden; float:left; position:absolute;}
#portfolio_content ul {padding-top:30px; padding-bottom:25px; float:left; display:block;}
#portfolio_content li {width:280px; height:250px; float:left; margin-right:10px; margin-left:10px; position:relative;}
#portfolio_content li img {border:3px solid #000000;}
#portfolio_content li span {position: absolute; width:280px; height:202px; top:0px; left:0px; background:transparent url(/Skin/zover.png) no-repeat top;} 

#portfolio_content p {color:#ffcc00; font-size:14px; font-family:Trebuchet MS, Arial; padding-top:10px; padding-left:3px;}
#portfolio_content p a{color:#ffffff; font-size:12px; font-family:Trebuchet MS, Arial; line-height:24px; font-style:normal; text-decoration:none; padding-left:20px; background: url(/Skin/goout.jpg) no-repeat left;}
#portfolio_content p em{color:#ffffff; font-size:12px; font-family:Trebuchet MS, Arial; line-height:24px; font-style:normal;}
#works_content {width:940px; margin-top:9px; margin-bottom:6px; height:764px; float:left;}



#news {float:left; width:920px; height:auto; background-color:#0f0f0f; position:relative; padding-left:10px; padding-right:10px;}
#nwPre {position:absolute; top:40px; left:-10px; cursor:pointer; background:url(/Skin/left_ok.jpg) no-repeat 0px 0px; width:20px; height:40px; display:block;}
#nwPre:hover {background-position:0px -40px;}
#nwNext {position:absolute; top:40px; right:-10px; cursor:pointer; background:url(/Skin/right_ok.jpg) no-repeat 0px 0px; width:20px; height:40px; display:block;}
#nwNext:hover {background-position:0px -40px;}
#newslist {width:900px; height:120px; margin-left:10px; overflow:hidden; position:relative; float:left;}
#newslist_content {width:4500px; height:auto; display:block; overflow:hidden; float:left; position:absolute;}
#newslist_content ul {padding-top:20px; padding-bottom:20px; float:left; display:block;}
#newslist_content li {width:280px; height:76px; float:left; margin-right:10px; margin-left:10px; position:relative; }
#newslist_content li img {border:3px solid #000000; float:left; margin-right:10px;}
#newslist_content li a {text-decoration:none;}
#newslist_content li a h2 {color:#ffffff; font-size:15px; font-family:Trebuchet MS, Arial; line-height:18px; font-style:normal; font-weight:200;}
#newslist_content li a span.hoverlay {position: absolute; width:96px; height:76px; top:0px; left:0px; background:url(/Skin/hzover.png) no-repeat 0px 0px;}
#news_content {width:940px; margin-top:9px; height:230px; float:left; overflow:visible; position:relative;}
.htxt {font-family:Trebuchet MS, Arial; font-size:13px; color:#ffffff; line-height:24px;}
.hbas {color:#ffcc00; font-size:18px; line-height:30px;}



#clients {float:left; width:940px; height:auto; position:relative; background-color:#0f0f0f;}
.client {float:left; margin:20px 34px 20px 20px;}




#footer {float:left; width:940px; height:auto; position:relative; background-color:#0f0f0f;}
#adres {float:left; width:350px; height:auto; margin:20px 0px 8px 20px; float:left; position:relative;}
.pin {position:absolute; top:25px; right:77px;}
.adre {float:left; font-size:12px; color:#b3b3b3; font-family:Trebuchet MS,Arial; position:relative;}
.adtxt2 {float:left; color:#666666; font-size:11px; line-height:14px; margin-top:8px; position:relative;}
.cright {float:left; font-size:10px; color:#525252; font-family:Arial; margin-top:14px; margin-bottom:5px; position:relative;}
.orta {float:left; width:135px; margin:20px 0px 8px 40px; padding-top:3px; height:auto; position:relative;}
.eposta {float:left; position:relative;}
.sag {float:left; width:355px; height:auto; margin:20px 20px 8px 20px;}
.ik {font-size:11px; color:#b3b3b3; font-family:Trebuchet MS,Arial; font-weight:normal; line-height:22px; text-align:right; position:relative; float:left;}
.emltxt {width:92px; height: 10px; margin-top:-2px; margin-right:4px; vertical-align:middle; border-bottom:solid 1px #b3b3b3;}





.slide_wrap {float:left; position:relative; width:940px; height:auto;}
.slidetxt_wrap {float:left; position:relative; width:880px; height:264px; height:264px; border-top:1px solid #1f1f1f; margin-left:30px; margin-top:20px;}
.slide_aciklama {float:left; width:551px; height:204px; margin-top:30px; overflow:hidden; padding-right:20px;}
.slide_aciklama p {font-family:Trebuchet MS, Arial; font-size:13px; color:#ffffff; line-height:24px;}
.slide_aciklama span {color:#ffcc00; font-size:18px; line-height:30px;}
.slide_sag_kutu {float:left; background-color:#0f0f0f; width:305px; min-height:200px; margin-top:30px; border:2px solid #0f0f0f; height:auto;}
.proje_dis {padding:15px 0px 0px 20px; color:#ffcc00; font-family:Trebuchet MS,Arial; font-size:16px; line-height:22px;}
.proje {color:#ffffff; font-size:14px; line-height:18px; padding-left:20px; background: url(/Skin/goout.jpg) no-repeat left; text-decoration: none;}
.musteri_dis {padding:15px 0px 0px 20px; color:#ffcc00; font-family:Trebuchet MS,Arial; font-size:16px; line-height:22px;}
.musteri {color:#ffffff; font-size:14px; line-height:18px;}
.calisma_dis {padding:15px 0px 0px 20px; color:#ffcc00; font-family:Trebuchet MS,Arial; font-size:16px; line-height:22px;}
.calisma {color:#ffffff; font-size:14px; line-height:18px;}
.close {width:30px; height:30px; position:absolute; top:43px; right:40px; background:#000000 url(/Skin/close.jpg) no-repeat 0px 0px; z-index:10; cursor:pointer;}
.close:hover {background-position:0px -30px;}