body,html{overflow:hidden;background:#d8d8d8 url("../images/arkaplan.jpg") no-repeat; background-position:center top;font:normal 12px "Helvetica Neue",Arial,Helvetica,sans-serif;}

ul{list-style-type:none; margin:0px; padding:0px}
li{display:inline}
li.block{display:block}
ol{list-style-type:decimal; list-style:inside; margin:0px; padding:0px}

.fl {float:left;}
.fr {float:right;}

.header {position:relative; left:0px; top:5px; width:100%; height:133px;background-color:#ffffff; border-bottom:1px solid #f5f5f5;}
.nav-section {width:540px; height:113px; margin:20px 0 0 30px; float:left;}


#background{height:100%;width:100%;overflow:hidden;position:absolute;top:0px;left:0px}
#gradient,#grid,#shape{position:absolute;top:0px;left:0px;z-index: -99}
#grid{background:url("../images/brush.gif") transparent}
#grid,#gradient{position:fixed;top:0px;left:0px}


#logo {background:url("../images/logo-normal.png") no-repeat; top:30px; width:200px; height:91px; left:40px; position: absolute;}

#container {top:0px;width:100%;height:100%;left:0;position: fixed; z-index:1;}
#container #invertars {margin-top:190px;height: 390px;}



#nav{position:fixed; top:-30px;right:30px; width:800px; height:40px;opacity: 0.1; z-index:2;}
#elements{margin: -2px 1px 0px 0px;padding:9px 12px 3px;height:20px;overflow:hidden;font-family:'Droid Sans'sans-serif;font-size:12px;color:#fff;
font-weight:normal;background-color:#1b1b1b;opacity: .9;display:block;float:right}
#elements:hover{margin: -2px 1px 0px 0px;padding:9px 12px 3px;height:20px;overflow:hidden;font-family:'Droid Sans'sans-serif;font-size:12px;color:#fff;
font-weight:normal;background-color:#d0006e;opacity: .9;display:block;float:right; cursor:pointer;}



.footer {width:100%; height:95px; position:fixed; bottom:-100px; left:0px; z-index:3; background:#1b1b1b;}
	.social {width:140px; height:25px; float:right; z-index:3; margin-top:15px;}
	.social .icon {width:auto; height:18px; margin-right:10px; font-size:12px;}
	#socialtext {position:relative;top:-5px;}


.wrapper { width:830px; margin-top:10px; z-index:10;float:left;margin-left:15px;}
.data { width:120px; margin-right:15px; float:left; position:relative; padding-left:73px;}
.data.last { margin:0;}
.data h4 { font-size:38px; color:#f0f0f0; line-height:38px; margin:0; font-weight:bold; height:28px;}
.data p { line-height:18px; color:#a9a9a9; font-size:12px; }
.data span { position:absolute; left:0; top:0; display:block; text-indent:-9999px; height:37px; }
.data.coffee span {width:45px; background:url('../images/icon_footer.jpg') no-repeat;}
.data.music span {width:41px; background:url('../images/icon_footer.jpg') no-repeat -46px 0;}
.data.clients span {width:39px; background:url('../images/icon_footer.jpg') no-repeat -85px 0;}
.data.last span {width:128px;  background:url('../images/icon_footer.jpg') no-repeat -125px 0;}



#latest-works{bottom:30px; width:200px; height:70px; right:30px; position: absolute; border:1px solid red;}




#titles2{position:relative; float:left;}
.efe{margin:2px 0px 0px 0px;padding:16px 8px 10px;height:auto;overflow:hidden;font-family:'Droid Sans'sans-serif;font-size:17px;color:#fff;
font-weight:normal;background-color:#000;opacity: .9;display:block;float:left}
#titles2 h3{margin:2px 0px 0px 0px;padding:16px 8px 10px;height:auto;overflow:hidden;font-family:'Droid Sans'sans-serif;font-size:17px;color:#000;
font-weight:normal;background-color:#fff;opacity: .9;display:block;float:left}
.rip{font-family:'Droid Sans'sans-serif;font-size:17px;color:#d0006e; font-weight:bold;}




.detay {background:#fff url("../js/slider/images/more-over.png") no-repeat; background-position:16px 21px;width:18px; height:22px;padding:20px 12px 12px 12px;float:left; margin-top:-2px;}
.close {background:#fff url("../images/close-over.png") no-repeat; background-position:16px 14px;width:18px; height:22px;padding:12px 12px 12px 12px; margin-top:-2px; position:absolute;
right:50px; top:-30px;
}

.show_hide {display:none;}
.hide {display:none;}
.show {display:block;}


.close2 {background:#fff url("../images/close-over.png") no-repeat; background-position:16px 14px;width:18px; height:22px;padding:12px 12px 12px 12px;}



#index-slogan {width:700px; height: 40px; right:-20px; bottom:110px; position:absolute; overflow:hidden; padding:0px;filter:alpha(opacity=00);opacity:0; font-size:16px;}



#slogans {width:700px; height: 50px; right:350px; bottom:410px; position:absolute; overflow:hidden; padding: 0 0 10px;filter:alpha(opacity=00);opacity:0;}


#slogans .controls h1{
font-family:'Droid Sans'sans-serif;font-size:35px;color:#000;
font-weight:normal;text-transform:uppercase;background-color:#fff;opacity: .9;
padding:5px 10px 10px 10px;margin:0px;-webkit-box-shadow:0px 0px 10px #ccc;-moz-box-shadow:0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;float:left;}
#slogans .controls h1 span{display:block;height:38px;overflow:hidden}

#slogans ul{display:block;position:relative;float:left;list-style:none;padding:0px;margin:0px;height:304px;overflow-y:hidden}
#slogans ul li{display:block;position:relative;float:left;list-style:none;clear:both;margin:0px
0px 200px 0px}
#slogans ul li{font-family:'Droid Sans'sans-serif;font-size:14px;color:#000;text-transform:uppercase}
#slogans ul li h3{margin:  -2px 0px 0px 0px;padding:6px
8px 3px;height:45px;overflow:hidden;font-family:'Droid Sans'sans-serif;font-size:35px;color:#fff;font-weight:normal;text-transform:uppercase;background-color:#000;opacity: .9;display:block;float:left}



#slider1 {width:700px; height: 90px; right:350px; bottom:410px; position:absolute; overflow:hidden; padding: 0 0 10px;filter:alpha(opacity=00);opacity:0;}

#slider1 .controls h1{
font-family:'Droid Sans'sans-serif;font-size:35px;color:#000;
font-weight:normal;text-transform:uppercase;background-color:#fff;opacity: .9;
padding:5px 10px 10px 10px;margin:0px;-webkit-box-shadow:0px 0px 10px #ccc;-moz-box-shadow:0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;float:left;}
#slider1 .controls h1 span{display:block;height:38px;overflow:hidden}

#slider1 ul{display:block;position:relative;float:left;list-style:none;padding:0px;margin:0px;height:290px;overflow-y:hidden}
#slider1 ul li{display:block;position:relative;float:left;list-style:none;clear:both;margin:0px
0px 50px 0px}
#slider1 ul li{font-family:'Droid Sans'sans-serif;font-size:14px;color:#000;text-transform:uppercase}
#slider1 ul li h3{margin:  -2px 0px 0px 0px;padding:6px
8px 3px;height:45px;overflow:hidden;font-family:'Droid Sans'sans-serif;font-size:35px;color:#fff;font-weight:normal;text-transform:uppercase;background-color:#000;opacity: .9;display:block;float:left}


#slider1 .buttons {z-index:999; position:absolute;margin-top:50px;display: block; margin:0px 10px 0 0; background-position: 0 -38px; text-indent: -999em; width: 39px; height: 37px;}
#slider1 .next {opacity: .9;background:#000000 url("../images/down-normal.png") no-repeat; background-position:13px 18px;width:18px; height:20px;padding:12px 12px 12px 12px; margin: 53px 0 0 273px;}
#slider1 .next:hover {background:#e70fa3 url("../images/down-normal.png") no-repeat; background-position:13px 18px;width:18px; height:20px;padding:12px 12px 12px 12px; margin: 53px 0 0 273px;}
#slider1 .prev {opacity: .9;background:#000000 url("../images/up-normal.png") no-repeat; background-position:13px 18px;width:18px; height:20px;padding:12px 12px 12px 12px; margin: 53px 0 0 0px;}
#slider1 .prev:hover {background:#e70fa3 url("../images/up-normal.png") no-repeat; background-position:13px 18px;width:18px; height:20px;padding:12px 12px 12px 12px; margin: 53px 0 0 0px;}
#slider1 .disable { visibility: hidden; }








.display{width:495px; height:275px;float:right;margin-right:30px;}
.display2{width:495px; height:275px;float:right;margin-right:30px;}

#content{
height:275px;width:100%;background:#1b1b1b;overflow:hidden;position:absolute;z-index:99;left:0px;bottom:-280px;
border-bottom:5px solid #1b1b1b;border-top:5px solid #1b1b1b;}#content  .description{width:510px;height:275px;overflow:hidden;float:right; margin-right:30px; text-align:justify;}
#content .description .story{margin-top:25px;margin-bottom:10px}
#content .description .story a, 
#content .description a{background:#fff;color:#fff;text-decoration:none;padding:0px 5px}
#content .description, 
#content .description{clear:both}
#content .description h5, #content .description h5{font-family:'Droid Sans'sans-serif;font-size:12px;color:#fff;text-transform:uppercase;display:block;float:left;width:95px;overflow:hidden;margin:0px
0px 25px 0px}
#content .description div, #content .description div{font-family:'Droid Sans',sans-serif;font-size:12px;font-weight:lighter;color:#fff;float:left}
#content .description div{}


#content2{
border-bottom:5px solid #1b1b1b;border-top:5px solid #1b1b1b;height:275px;width:100%;background:#1b1b1b;overflow:hidden;position:absolute;z-index:99;left:0px;bottom:100px; }#content2  .description{width:510px;height:270px;overflow:hidden;float:right; margin-right:30px; text-align:justify;}
#content2 .description .story{margin-top:25px;margin-bottom:10px}
#content2 .description .story a, 
#content2 .description a{background:#fff;color:#fff;text-decoration:none;padding:0px 5px}
#content2 .description, 
#content2 .description{clear:both}
#content2 .description h5, #content2 .description h5{font-family:'Droid Sans'sans-serif;font-size:12px;color:#fff;text-transform:uppercase;display:block;float:left;width:95px;overflow:hidden;margin:0px
0px 25px 0px}
#content2 .description div, #content2 .description div{font-family:'Droid Sans',sans-serif;font-size:12px;font-weight:lighter;color:#fff;float:left}
#content2 .description div{}



#referanslar{width:65%; height:240px; margin:0 auto; margin-top:20px;}
#referanslar ul li{float:left; width:80px; height:100px; margin-top:10px; margin-right:10px; text-align:center;}
#referanslar ul li a{margin-top:10px; color:white; font-size:12px; fonweight:bold; text-align:center;}