@charset "utf-8";
/* CSS Document */

html{ height:100%; margin-bottom:1px;}

body{ background-color:#000000; background-image:url(images/ground.jpg); background-repeat:repeat-x; margin:0; padding:0; font-size:11px; color:#fff; font-family: Verdana, Arial;}
a{ outline:none;}

#container{
	width:960px;
	margin:0 auto;
	padding-bottom: 100px;
}
#sidebar{width:255px; float:left; margin:0; padding:0; text-align:center;}
#content{width:705px; float:right;}

.icerik {
	width:647px;
	background-repeat:no-repeat;
	padding:0px 20px 10px 20px;
	margin:0 auto;
	line-height:20px;
	font-weight:600;
	margin-top:130px;
	background-color: #0b0b0b;
	border: solid 1px #292929;
}
.icerik-foot{width:687px; height:14px; background-image:url(images/content-foot.png); background-repeat:no-repeat; margin:0 auto; padding:0; margin-bottom:25px;}
.icerik h1{font-size:22px; letter-spacing:-2px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:normal; margin-bottom:10px; padding-top:25px;}
.creativehh{color:#bc5f14;}
.interactivehh{color:#91c73e;}
.promosyonhh{color:#ffc000;}

#promosyon a, #promosyon a:hover, #promosyon a:visited, #promosyon a:active {color:#FFFFFF; text-decoration:none;}
#promosyon a:hover{color:#ffc000;}



.featured{
	width:687px;
	margin:0 auto;
	margin-top:130px;
	margin-bottom: 15px;
}
.featured img{background-image:url(images/loading.gif); background-position:center center; background-repeat:no-repeat; border:0;}

.nowproject{background-image:url(images/now-project.png); width:667px; height:146px; margin:0 auto; padding-top:60px; padding-left:20px; margin-bottom:25px;}

.nowproject img{border:solid 5px #91c73e; margin-right:5px; margin-bottom:10px;}
.nowproject img:hover{border-color:#5b8c00;}




.ourworks {width:687px; margin:0 auto; margin-top:130px; margin-bottom:15px; background-image:url(images/ourworks.png); background-repeat:no-repeat; border-top:none;}
.ourworks-bottom{background-image:url(images/ourworks-bottom.png); width:687px; height:31px; margin:-15px auto 0 auto; padding:0}




#navigation {
text-align:center; margin:0 auto; width:690px; margin-bottom:0px; margin-top:25px;
}

#navigation li {
  float: left; margin-right:6px; list-style-type:none;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 128px;
	position: relative;
	display: block;
}

/* fadein-fadeout */
#navigation a.creative {
  background: url(images/creative-sprite.png) 0 0 no-repeat;
  width: 222px; margin-left:6px;
}

#navigation .highlight a.creative:hover,
#navigation a.creative .hover {
  background: url(images/creative-sprite.png) 0 -132px no-repeat;
  width: 222px;
}

#navigation a.interactive {
  background: url(images/interactive-sprite.png) 0 0 no-repeat;
  width: 222px;
}

#navigation .highlight a.interactive:hover,
#navigation a.interactive .hover {
  background: url(images/interactive-sprite.png) 0 -132px no-repeat;
  width:222px;
}

#navigation a.promotion {
  background: url(images/promotion-sprite.png) 0 0 no-repeat;
  width: 222px;
}

#navigation .highlight a.promotion:hover,
#navigation a.promotion .hover {
  background: url(images/promotion-sprite.png) 0 -132px no-repeat;
  width: 222px;
}

/* individual sidebar items *//* individual sidebar items *//* individual sidebar items */



#sidebar li {
list-style: none; margin-top:10px;
}

#sidebar li:hover{cursor:pointer;}

#sidebar .xyz {
height:240px; position:relative;
}

#sidebar a,
#sidebar a .hover {
  height: 48px;
	position: relative;
	display: block; cursor:pointer;
}

/* individual sidebar items */
#sidebar a.tasarim {
background-image:url(images/tasarim.png); background-repeat:no-repeat;
  width: 224px;
}

#sidebar .highlight a.tasarim:hover,
#sidebar a.tasarim .hover {
background-image:url(images/tasarim-on.png); background-repeat:no-repeat;
  width: 224px;
}

#sidebar a.yazilim {
background-image:url(images/yazilim.png); background-repeat:no-repeat;
  width: 224px;
}

#sidebar .highlight a.yazilim:hover,
#sidebar a.yazilim .hover {
background-image:url(images/yazilim-on.png); background-repeat:no-repeat;
}

#sidebar a.ticaret {
background-image:url(images/ticaret.png); background-repeat:no-repeat;
  width: 224px;
}

#sidebar .highlight a.ticaret:hover,
#sidebar a.ticaret .hover {
background-image:url(images/ticaret-on.png); background-repeat:no-repeat;
}

#sidebar a.portal {
background-image:url(images/portal.png); background-repeat:no-repeat;
  width: 224px;
}

#sidebar .highlight a.portal:hover,
#sidebar a.portal .hover {
background-image:url(images/portal-on.png); background-repeat:no-repeat;
}

#sidebar a.multimedya {
background-image:url(images/multimedya.png); background-repeat:no-repeat;
  width: 224px;
}

#sidebar .highlight a.multimedya:hover,
#sidebar a.multimedya .hover {
background-image:url(images/multimedya-on.png); background-repeat:no-repeat;
}

#sidebar a.sunum {
background-image:url(images/sunum.png); background-repeat:no-repeat;
  width: 224px;
}

#sidebar .highlight a.sunum:hover,
#sidebar a.sunum .hover {
background-image:url(images/sunum-on.png); background-repeat:no-repeat;
}


.listing{ background-color:#0f0f0f; padding-left:5px; margin-bottom:5px;}
.listing2{background-color:#151515; padding-left:5px; margin-bottom:5px;}


#header {float:right; text-align:center; font-size:14px; text-transform:uppercase; font-weight:bold; font-family:"Trebuchet MS"; margin-top:35px;}
#header a, #header a:active, #header a:visited{background-color:#121212; padding:10px 5px 5px 5px; margin-right:10px; color:#FFFFFF; text-decoration:none;}
#header a:hover{background-color:#222;}

.contact{padding:20px; background-color:#000000; margin:0 auto; font-size:13px; font-family:"Trebuchet MS"; letter-spacing:-1px;}
.contact .submit{width:120px; height:30px; background-color:#ccc; border:0; font-weight:bold;}

.contact .isim{display:block; width:600px; height:35px; background-color:#efefef; border:0; margin-bottom:10px; font-size:20px;}
.contact .isim:focus, .contact .mail:focus, .contact .mesaj:focus{ background-color:#d5d5d5; border:0;}
.contact .mail{display:block; width:600px; height:35px; border:0; margin-bottom:10px; font-size:20px;}
.contact .mesaj{display:block; width:600px; height:300px; border:0; margin-bottom:10px; font-size:20px; font-weight:bold; font-family:"Trebuchet MS";}



#headsprite{list-style-type:none; margin-top:8px; float:right; margin-right:10px;}
#headsprite a, #headsprite a:hover, #headsprite a:visited, #headsprite a:active { display:block; width:136px; height:82px; text-decoration:none; color:#000000;  background-image:url(images/head-sprite.png); background-repeat:no-repeat; }
#headsprite li{float:left; width:136px; height:82px;}

.anasayfa{ background-position:0 0;}
.anasayfa:hover{ background-position:0 -82px;}

.ekopro{ background-position:-136px 0;}
.ekopro:hover{ background-position:-136px -82px;}


.iletisim{ background-position:-272px 0;}
.iletisim:hover{ background-position:-272px -82px;}

.ik{ background-position:-408px 0;}
.ik:hover{ background-position:-408px -82px;}

#gallery{ width:667px; height:155px; background-image:url(images/kurumsal.png); background-repeat:no-repeat; overflow:hidden; 	margin:0 auto; margin-bottom: 15px; padding-top:60px; padding-left:20px;}
#gallery img{border:solid 5px #91c73e; margin-right:5px; margin-bottom:10px;}
#gallery img:hover{border-color:#5b8c00;}

.development{
	width:687px;
	height:235px;
	margin:20px auto 0 auto;
	background-image: url(images/ekodevelop.png);
	background-repeat: no-repeat;
}

.guncel{
	background-image:url(images/eko-work-yeniiiii.png);
	width:687px;
	height:423px;
	margin:0 auto;
	background-repeat: no-repeat;
}

  .guncelkurumsal{
	width:305px;
	margin:128px 0 0 20px;
	float:left;
}
  
  .guncel img, .ourworks img{border:solid 5px #000000; margin:0 0 10px 0;}
  
  
  .guncelweb{
	width:305px;
	float:right;
	margin:128px 20px 0 0;
}
  
  /* tooltip - screenshot - =) */	
  
  #screenshot{
	position:absolute;
	border:3px solid #91C73E;
	background:#000;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */	


.temizle{clear:both;}