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

@import 'reset.css';
@import 'default.css';
@import 'forms.css';

body{
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	text-align:center;
	color:#FFF;
	background-color:#000000;
	background:#000000 url(../images/bg.jpg) no-repeat  center top;

}

/* YAZI */
h1{
	font-size:28px;
}
h2{
	font-size:20px;
	font-weight:normal;
}
h3{
	font-size:16px;
	margin-bottom:5px;

}

h4{
	font-size:16px;
}

h5{
	font-size:14px;
}

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

a:hover{
	
}

p{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.3;
	margin-bottom:10px;
}

/* YAPI */
#container{
	width:950px;
	margin:0 auto;	
	text-align:left;

}

/* header */
#header{
	position:relative;
	left:0;
	height:500px;
/*	border-bottom:1px dotted #111;*/

}

#header .logo{
	position:absolute;
	left:0;
	top:7px;
/*	border-bottom:1px dotted #111;*/

}

#header .usttelefon{
	position:absolute;
	left:650px;
	top:20px;
/*	border-bottom:1px dotted #111;*/

}
.usttelefon{
	left:650px;
	position:absolute;
	top:20px;
}
	
/**/

.header{
	width:950px;
	height:134px;
	position:relative;
	top:112px;


}

	.header h1{
		height:67px;
	}
	.header h1 a{
		display:block;
		width:450px;
		height:67px;
		text-indent:-8000px;
	}
	.header .nav{
		width:948px;
		height:67px;
		background:url(../images/main_nav_sprite.jpg) no-repeat 0 -67px;
	
	}
	.header .nav li{
		display:inline;
		float:left;
	}
	.header .nav a{
		display:block;
		height:65px;
		text-indent:-8000px;
		float:left;
	}
	.header .nav a span{
		display:block;
		height:65px;
		cursor:pointer;
	}
	

		/*
		
	.header .nav a#mix1 span{width:60px;background:url(../images/main_nav_sprite.jpg) no-repeat  0px 0px;cursor:default;}		
	.header .nav a#mi1 span{width:120px;background:url(../images/main_nav_sprite.jpg) no-repeat  -60px 0px;}
	

	
	.header .nav a#mix2 span{width:10px;background:url(../images/main_nav_sprite.jpg) no-repeat -180px 0;cursor:default;}		
	.header .nav a#mi2 span{width:110px;background:url(../images/main_nav_sprite.jpg) no-repeat -190px 0;}
	

	.header .nav a#mix3 span{width:40px;background:url(../images/main_nav_sprite.jpg) no-repeat -300px 0;cursor:default;}
	.header .nav a#mi3 span{width:130px;background:url(../images/main_nav_sprite.jpg) no-repeat -340px 0;}
	
	
	.header .nav a#mix4 span{width:0px;background:url(../images/main_nav_sprite.jpg) no-repeat -470px 0;cursor:default;}
	.header .nav a#mi4 span{width:190px;background:url(../images/main_nav_sprite.jpg) no-repeat -470px 0;}
	
	.header .nav a#mix5 span{width:0px;background:url(../images/main_nav_sprite.jpg) no-repeat -660px 0;cursor:default;}
	.header .nav a#mi5 span{width:130px;background:url(../images/main_nav_sprite.jpg) no-repeat -660px 0;}
	
	
	.header .nav a#mix6 span{width:40px;background:url(../images/main_nav_sprite.jpg) no-repeat -790px 0;cursor:default;}
	.header .nav a#mi6 span{width:100px;background:url(../images/main_nav_sprite.jpg) no-repeat -830px 0;}
*/



		.header .nav a#mix1 span{width:60px;background:url(../images/main_nav_sprite.jpg) no-repeat  0px 0px;cursor:default;}		
		.header .nav a#mi1 span{width:120px;background:url(../images/main_nav_sprite.jpg) no-repeat  -60px 0px;}



		.header .nav a#mix2 span{width:10px;background:url(../images/main_nav_sprite.jpg) no-repeat -180px 0;cursor:default;}		
		.header .nav a#mi2 span{width:110px;background:url(../images/main_nav_sprite.jpg) no-repeat -190px 0;}


		.header .nav a#mix3 span{width:40px;background:url(../images/main_nav_sprite.jpg) no-repeat -300px 0;cursor:default;}
		.header .nav a#mi3 span{width:130px;background:url(../images/main_nav_sprite.jpg) no-repeat -340px 0;}


		.header .nav a#mix4 span{width:50px;background:url(../images/main_nav_sprite.jpg) no-repeat -470px 0;cursor:default;}
		.header .nav a#mi4 span{width:100px;background:url(../images/main_nav_sprite.jpg) no-repeat -520px 0;}

		.header .nav a#mix5 span{width:40px;background:url(../images/main_nav_sprite.jpg) no-repeat -620px 0;cursor:default;}
		.header .nav a#mi5 span{width:130px;background:url(../images/main_nav_sprite.jpg) no-repeat -660px 0;}


		.header .nav a#mix6 span{width:40px;background:url(../images/main_nav_sprite.jpg) no-repeat -790px 0;cursor:default;}
		.header .nav a#mi6 span{width:100px;background:url(../images/main_nav_sprite.jpg) no-repeat -830px 0;}
		
	



/**/	
/* //header */
/* content */

.leftmenu a{
			display:block;
		width:238px;
		height:61px;	
			cursor:pointer;
}
.innericerik p{
	padding-top:10px;
}
.leftmenu a span{
		display:block;
		width:238px;
		height:61px;
			cursor:pointer;	
}

	.leftmenu a#link1 {background:url(../images/adwords.jpg) no-repeat;}
	.leftmenu a#link1 span{background:url(../images/adwords01.jpg) no-repeat;}


	.leftmenu a#link2 {background:url(../images/eticaret01.jpg) no-repeat;}
	.leftmenu a#link2 span{background:url(../images/eticaret.jpg) no-repeat;}


	.leftmenu a#link3 {background:url(../images/sanaltur01.jpg) no-repeat;}
	.leftmenu a#link3 span{background:url(../images/sanaltur.jpg) no-repeat;}


	.leftmenu a#link4 {background:url(../images/web01.jpg) no-repeat;}
	.leftmenu a#link4 span{background:url(../images/web.jpg) no-repeat;}

	.leftmenu a#link5 {background:url(../images/akademi01.jpg) no-repeat;}
	.leftmenu a#link5 span{background:url(../images/akademi.jpg) no-repeat;}
	
	
	.leftmenu a#link6 {background:url(../images/yazilim01.jpg) no-repeat;}
	.leftmenu a#link6 span{background:url(../images/yazilim.jpg) no-repeat;}
	
	
		
	.leftmenu a#link7 {background:url(../images/3d01.jpg) no-repeat;}
	.leftmenu a#link7 span{background:url(../images/3d.jpg) no-repeat;}


	
	
	
#content{

	padding-right:0px;
	min-height:150px;;	

}

#yazi{
	height:247px;
	
}

	/* section */
	.section{
		float:left;
		display:inline;
		width:670px;
	}

	/* //section */
	/* aside */
	.aside{
		float:left;
		display:inline;
		width:260px;
		margin-left:20px;
		min-height:600px;;	
	}
	.aside h2{
	}
	.aside .post{
		padding:0;
		border:none;
	}
	.aside .post h3{
		font-size:14px;
	}
	/* //aside */
/* //content */





#footer{
	/*border-top:1px dotted #111;*/

	background:#e2e4e5 url(../images/footer-bg.png) repeat-x;
	height:282px;
	color:#000;
	font-size:12px;	
	margin-top:40px;

}

#footer .foot-alt{

	width:950px;
	margin:0 auto;	
	text-align:center;
	height:40px;
	margin-top:30px;

}

#footer .foot-alt p{
	text-align:center;

	line-height:11px;

	padding-left:100px;


}

#footer .foot-alt p a{
color:#000;

}


#footer .foot-inner{
	
	width:950px;
	margin:0 auto;	
	text-align:left;



}

#footer .foot-inner .foot-left{
	float:left;
	display:inline;

	padding-left:20px;
}


#footer .foot-inner .foot-left .leftust{
background:url(../images/telefon.png) no-repeat;	
position:relative;
top:-25px;
left:-20px;
height:56px;
width:150px;


}

#footer .foot-inner .foot-left .leftust .leftustin{
	padding-top:30px;
	padding-left:70px;

}

#footer .foot-inner .foot-left .leftalt {

background:url(../images/balon.png) no-repeat;
width:250px;
height:202px;
margin-top:-30px;
margin-left:-45px;

}


#footer .foot-inner .foot-left .leftalt .ann{
height:100px;
padding-top:50px;	
padding-left:50px;	
padding-right:20px;
}

#footer .foot-inner .foot-left .leftalt .ok{
	padding-left:100px;
	padding-top:30px;
	
	
}

#footer .foot-inner .foot-mid{
	
	float:left;
	display:inline;
	height:140px;

	width:680px;
	
	background:url(../images/footer-orta.png) no-repeat;	
}


#footer .foot-inner .foot-mid .midis{
	float:left;
	display:inline;
background:url(../images/is-defter.png) no-repeat;	
position:relative;
top:-25px;
left:-10px;
height:140px;
width:355px;

}

#footer .foot-inner .foot-mid .midis .midisin{
	padding-top:30px;
	padding-left:130px;


}

#footer .foot-inner .foot-mid .midweb{
	float:left;
	display:inline;
background:url(../images/web-demo.png) no-repeat;	
position:relative;
top:-65px;
left:-40px;
height:140px;
width:320px;

}

#footer .foot-inner .foot-mid .midweb .midwebin{
	padding-top:70px;
	padding-left:170px;

}



#footer .foot-inner .foot-mid .midtek{
	float:left;
	display:inline;
/*	height:100px;*/
	width:320px;
	padding-left:30px;
	/**/
	position:relative;
	top:-35px;
height:70px;	

}


#footer .foot-inner .foot-mid .midcalis{
	float:left;
	display:inline;
/*	height:100px;*/
	width:320px;
	padding-left:10px;
	/**/
	position:relative;
	top:-35px;
height:70px;
}
.usttelefon img{
	float:left;
	display:inline;
	margin-top:10px;
}
.usttelefon p{
	float:right;
	display:inline;
	margin-top:10px;
	margin-left:10px;
	
}
.usttelefon p span{
	font-size:25px;
	font-weight:bold;
}
#akademi{
	margin-left:30px;
}

ul#akademi li{
list-style-type:circle;
	color:#F0BD02;
}

#akademi-ic{
	margin-left:30px;
}

ul#akademi-ic li{
list-style-type:disc;
	color:#F0BD02;
}
.icerik{
	background:url(../images/neden-magnet.png) no-repeat;

	/*height:131px;*/

	padding:0px;
	padding-left:20px;
	padding-top:20px;
	margin-left:0px;
	text-align:justify;



}

.icerik .innericerik{
	padding-left:0px;
	padding-top:0px;
	width:600px;
	font-weight:normal;
	font-size:12px;	
	color:#fff;
}


.referans{
	background:url(../images/referans.png) no-repeat;
	width:219px;
	height:57px;
	font-size:14px;
	padding:0px;
	padding-left:10px;
	padding-top:20px;
	color:#c3bbb5;	
	margin-top:10px;
	float: left;

}
li{
	font-size:12px;
	line-height:1.3;
}



#duyurular{
		background: url(../images/duyurular.png) no-repeat;
		width:236px;
		height:200px;
		padding-top:50px;
		margin-top:10px;
		padding-bottom:10px;
}
#blog{
		background: url(../images/blog.png) no-repeat;
		width:236px;
		height:200px;
		padding-top:50px;
		margin-top:10px;
		padding-bottom:10px;
}

/**/

#service_gallery_navigation {

	width: 239px;
	list-style-type: none;
	position: relative;
	float: left;
	margin-top: 10px;
	top: 0px;
	left: 0px;
	margin-bottom: 0px;
}


.service_gallery_btn a{
	display: block;
	width: 223px;
	height: 28px;
	line-height: 28px;
	background: url(../images/ref-item.jpg) no-repeat;
	text-decoration: none;
	color: #B6B2AB;
	font-size: 13px;
	text-align: right;
	padding-right: 18px;
}




.service_gallery_btn a:hover {
	background: url(../images/ref-itemhover.jpg) no-repeat;
	color: #FFFFFF;
}

/**/
#projeler{
	margin-left:10px;
	width:650px;
	
}

#projeler .proje{
	margin-right:10px;
	float: left;
	margin-left:10px;
	width:305px;
	display: inline;
	height:330px;

}


#projeler .proje .icon{

	/*width:280px;*/
	/*height:103px;*/

	height:150px;
	text-align:center;
	vertical-align: bottom;


}


#projeler .proje img{

	/*width:280px;*/
	/*height:103px;*/

margin-bottom:0px;

}


#projeler .proje .pyazi{


	color:#ffffff; /*eski renk #a0a0a0*/
	text-align: justify;
}

#projeler .proje .pbaslik{

	color:#00a8ff;
	font-size:18px;
	
}

.devam{
	color:yellow; /*eski  renk F0BD02*/
	
}
/**/


.magnet{
padding-left:0px;
font-size:27px;	
color:yellow; /*eski  renk f0bd02*/



}


.spn2{

font-size:27px;	
color:#FFF;



}

#takip{
	margin:10px;
	
	
}

#takip .takipyazi{
padding-left:20px;
padding-bottom:10px;
display:inline;	
height:20px;
width:300px;	
font-size:17px;	
color:#a1964f;	
}


#takip .takipresim{
display:inline;		
width:300px;
	
}

#takip .takipresim img{
display:inline;		
margin-right:10px;
	
}


.outBox{
	margin-left:10px;
	width:320px;
	height:220px;
	float: left; 
	/**/	
		overflow: hidden; 
		position: relative;
	
}
.outBox p{
	text-align:center;
color:#fff;
}



	


/**/

* {
	margin: 0;
}
html, body {
	height: 100%;

}

.follow {
	position:fixed;
	top:20%;
	left:0px;
	
	background:url(../images/follow.png) no-repeat;
	width:44px;
	height:237px;
	z-index:1000000;
}
* html .follow { 
	position: absolute;
}


.follow img{
	display:block;
	margin-left:8px;
	margin-top:10px;
	 
}

.domain{
background:url(../images/domain.png) no-repeat;	
width:618px;
height:54px;
padding-left:20px;
padding-top:15px;
	
}


/**/



/* Example style */
.SplashFrame{
position:relative;
top:50px;
	margin: 0 auto;

}

#ref{
	width:950px;
display: inline;
float:left;	
}

#ref .ref-image{
	width:600px;
float:left;		
position:relative;
top:60px;	
	
}

#ref .ref-yazi{
float:left;		
position:relative;
top:60px;	
width:350px;	
position:relative;
top:80px;
}

#ref .ref-yazi #refbaslik{
color:#F0BD02;	
font-size:36px;
}

#ref .ref-yazi #reficerik{
color:#fff;	

}

.reful li{
padding-left:20px;
color:#fff;	
}

.ref-tasarim{
background:url(../images/turuncu.png) no-repeat;


}

.ref-programlama{
background:url(../images/yesil.png) no-repeat;


}

.ref-sanaltur{
background:url(../images/kirmizi.png) no-repeat;


}

.ref-seo{
background:url(../images/mavi.png) no-repeat;


}

.ref-ekatalog{
background:url(../images/eflatun.png) no-repeat;


}

.ref-sosyalmedya{
background:url(../images/pembe.png) no-repeat;
	

}

.ref-adwords{
background:url(../images/mor.png) no-repeat;


}



#custumerdetail{
padding-left:20px;	
margin-top:30px;
color:#000;
text-align:center;
}
#custumerdetail a{
color:#000;	
}

.aref:hover{
color:#bcb37e;		
}

.facesection{
	float:left;
	display:inline;
	width:670px;
	margin-top:10px;
	color:#000;
}
#tumref strong{
	color:#ff0;
}
#teklif-tablo
{
	font-size:15px;
	font-weight:400;
	font-style:normal;
}
#teklif-tablo td
{
	padding:5px;
}
#teklif-tablo input, textarea
{
	border:#dedede 1px solid;
	font-size:13px;
	color:#000;
	background:#d1d1d1;
	text-align:center;
	height:21px;
}
#teklif-tablo textarea
{
	height:100px;
}
#teklif-tablo tr:hover
{
	background:#C93;
}

.destek-back
{
	display:inline-block;
	margin:2px;
	padding:10px 5px 5px 5px;
	background:url(../images/destek-back.png) no-repeat;
	width:164px;
	height:171px;
	text-decoration:none;
	text-align:center;
	float:left;
	display:inline;
	color:#f60;
}
#shutter-referans{
	position:relative;
	float:left;
	text-align:left;
}
#shutter-referans a{
	color:#000000;
	line-height:1.4;
	font-size:14px;
}