/* Css Sifirlama */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, tbody, tfoot, thead, th {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none;}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus, a:focus, a:active{    outline: 0; }

/* remember to highlight inserts somehow! */
ins{ text-decoration: none; }
del{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: collapse; border-spacing: 0;}

/* float uygulanan elemanlari kapsayamama sorunu */
.kapsayamamaSorunu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.kapsayamamaSorunu {display: inline-block;}
/* IE-mac de bu bolumu sakla \ */
* html .kapsayamamaSorunu {height: 1%;}
.kapsayamamaSorunu {display: block;}
/* IE-mac bu bolumu saklam artik */

/* Css Sifirlama */


body { background-color:#FFF; background-image:url(../images/bg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2e2e2e; overflow-x:hidden; }

.ustCerceve { width:auto; height:503px; background-position:top center; background-repeat:no-repeat; background-image: url(../images/bg2.jpg); float:inherit; text-align:center; }

.ustIcerikCerceve { width:1005px; height:503px; text-align:left;
float:inherit; margin:auto; position:relative;}
.logo {
	width:193px;
	height:182px;
	position:absolute;
	z-index:5;
	top: -6px;
}

.menuBg {
	width:748px;
	height:57px;
	position:absolute;
	left:229px;
	top:1px;
	padding-left:22px;
	padding-top:9px;
	z-index:4;
}

.menuAnasayfa { background-image:url(../images/menuAnasayfa.png); width:79px; height:50px; float:left; background-repeat:no-repeat;}
.menuAyrac { background-image:url(../images/menuAyrac.png); width:2px; height:50px; float:left;}
.menuHakkimizda { background-image:url(../images/menuHakkimizda.png); width:96px; height:50px; float:left; background-repeat:no-repeat;}
.menuHizmetlerimiz { background-image:url(../images/menuHizmetlerimiz.png); width:110px; height:50px; float:left; background-repeat:no-repeat;}
.menuReferanslarimiz { background-image:url(../images/menuReferanslarimiz.png); width:114px; height:50px; float:left; background-repeat:no-repeat;}
.menuNedediler { background-image:url(../images/menuNedediler.png); width:92px; height:50px; float:left; background-repeat:no-repeat;}
.menuMusterilerimiz { background-image:url(../images/menuMusterilerimiz.png); width:113px; height:50px; float:left; background-repeat:no-repeat;}
.menuBlog { background-image:url(../images/menuBlog.png); width:49px; height:50px; float:left; background-repeat:no-repeat;}
.menuIletisim { background-image:url(../images/menuIletisim.png); width:67px; height:50px; float:left; background-repeat:no-repeat;}


.anasayfaSlogan {
	width:650px;
	height:165px;
	position:absolute;
	z-index:6;
	left: 34px;
	top: 184px;
}
.anasayfaSloganicerik {
	width:450px;

}
.anasayfaSloganEmpatik { font-family:"Myriad Pro", Arial; font-size:59px; font-style:italic; font-weight:bold;}
.anasayfaSloganYaklasimlar { font-family:"Myriad Pro", Arial; font-size:47px; font-style:italic;}

.anasayfaSlogan h1 { font-family:"Times New Roman", Times, serif; font-size:27px; font-weight:normal; }

.anasayfaPazarlamaStratejisi {
	width:513px;
	height:369px;
	position:absolute;
	z-index:2;
	left: 486px;
	top: 100px;
}
.cerceveust {
	background-image:url(../images/icerik-ustkisim.png);
	width:1001px;
	height:42px;
	position:absolute;
	z-index:7;
	left: 7px;
	top: 459px;
}


 

.ortaCerceve { width:auto;  background: url(../images/bg3.jpg) #D9D7D8 top center no-repeat;  }

.ortaIcerikCerceve { width:1005px;  text-align:left;
float:inherit; margin:auto; background-image:url(../images/ortaicerik.png);}

.ortaCerceveSolBg { width:286px; height:482px; background-image:url(../images/ortaCerceveSolBg.png); background-repeat:no-repeat; float:left; margin-top:10px;
margin-left:9px;  }

.marketingStratejisiBaslik { width:248px; height:37px; float:left; margin-left: 13px; }



.marketingStratejisiIcerik { width:218px; float:left; padding-left:30px; margin-top:39px; line-height:16px; }

.sonProjelerCerceve { width:387px; height:415px; float:left; padding-left:40px; padding-top:10px; }

.sonProjelerBaslik { float:left; height:38px; margin-left:31px; margin-top:9px; width:159px;  }

.sonProjelerIcerikCerceve { float:left; margin-left:31px; min-height:100px; padding-top:42px; width:388px; }

.sonProje1 { width:190px; height:100px; float:left; position:relative;}

.sonProje2 { width:190px; height:100px; float:left; margin-left:7px; position:relative;}

.sonProje3 { width:190px; height:100px; float:left; margin-top: 20px; position:relative;}

.sonProje4 { width:190px; height:100px; float:left; margin-left:7px;margin-top: 20px; position:relative;}

.sonProje5  { width:190px; height:100px; float:left; margin-top: 20px; position:relative; display:none;}

.sonProje6 { width:190px; height:100px; float:left; margin-left:7px; position:relative; margin-top: 20px; display:none;}


.sonProjeBaslik {
	width:190px;
	height:17px;
	float:left;
	position:absolute;
	left: -5px;
}
.sonProjeGorsel { width:185px; height:95px; float:left; background-image:url(../images/sonProjelerIcerikBg.png); padding-left:5px; padding-top:6px; background-repeat:no-repeat; }



.digerProjeler {float:right; width:116px; height:27px; background:url("../images/digerProjeler.png"); margin-top:25px; }

.digerProjeler a { float:right; width:116px; height:27px; background-image:url(../images/digerProjeler.png); }

.digerProjeler a:hover{ float:right; width:116px; height:27px; background-position:bottom;  background-image:url(../images/digerProjeler.png);}


.digerHaberler {float:right; width:121px; height:27px; margin-bottom:10px; margin-top:10px; background-image: url(../images/digerHaberler.png); }

.digerHaberler a { float:right; width:121px; height:27px; background-image: url(../images/digerHaberler.png); }

.digerHaberler a:hover{ float:right; width:121px; height:27px; background-position:bottom;  background-image: url(../images/digerHaberler.png);}







.haberler { width:210px; min-height:200px; padding-left:26px; float:left; padding-top:10px;} 
.haberlerBaslik { width:131px; height:39px; float:left; }

.haberlerIcerik  { width:210px;  float:left; min-height:200px;}




.altCerceve { width:auto; min-height:362px; background-position:top center; background-repeat:no-repeat; background-image: url(../images/altCerceveBg.jpg); float:inherit; line-height:16px; }

.altIcerikCerceve { width:1005px; min-height:362px; text-align:left;
float:inherit; margin:auto; position:relative;}

.nedenIrm { width:411px; height:235px; padding:78px 35px 0 50px; float:left; color:#e2f2fa; }
.teklifAl { width:372px; height:235px; padding:78px 51px 0px 77px; float:left; color:#e2f2fa; }



.teklifAlButton { width:109px; height:27px; float:right; background-position:top;background-image:url(../images/talep-button.png); }

.teklifAlButton a { width:109px; height:27px; float:right; background-position:top;background-image:url(../images/talep-button.png); }

.teklifAlButton a:hover{ width:109px; height:27px; float:right; background-position:bottom;  background-image:url(../images/talep-button.png);}

.header { width:928px; height:30px; padding:19px 44px 0px 33px; font-family:"Myriad Pro", Arial; font-size:13px; color:#62d0ff; float:left; }

.header a {color:#62d0ff; }
.header a:hover {color:#62d0ff; text-decoration:underline; }




.anasayfaSloganHakkimizda {
	width:680px;
	height:165px;
	position:absolute;
	z-index:6;
	left: 34px;
	top: 183px;
}

.anasayfaSloganHakkimizda h1 { font-family:"Times New Roman", Times, serif; font-size:27px; font-weight:normal; }

.hakkimizda-El-icon {
	width:494px;
	height:506px;
	position:absolute;
	z-index:2;
	left: 549px;
	top: 51px;
}


.hakkimizdaBaslik { width:350px; height:37px; margin-top:10px; padding-left:22px; margin-bottom:41px; float:left; }

.hakkimizdaIcerik { width:660px; min-height:480px; float:left; padding-left:46px; line-height:18px; }

.hakkimizdaIcerik a { color:#278c9f; background-image:url(../images/icerik-hover-bg.png); padding-top:1px;padding-bottom:1px;  }

.hakkimizdaBaslik01 { width:350px; height:37px; margin-top:10px; padding-left:22px; margin-bottom:41px; float:left; padding-right:24px }

.hakkimizdaIcerik01 { width:565px; min-height:180px; float:left; padding-left:46px; line-height:18px; }

.hakkimizdaIcerik01 a { color:#278c9f;  padding-top:1px;padding-bottom:1px;  }

.hakkimizdaBaslik2 { width:190px; height:37px; margin-bottom:41px; float:left; margin-top:2px; }


.icerik-sag-kisim {
	width:252px;
	height:487px;
	background-image:url(../images/hakkimizda-sag-bolum.png);
	background-repeat:no-repeat;
	margin-top:10px;
	 margin-right: 53px;
	float:right;
}

.icerik-sag-kisim22 {
	width:280px;
	background-image:url(../images/hakkimizda-sag-bolum.png);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-right:-15px;
	padding-left:5px;
	position:absolute;
	z-index:8;
	    height: 558px;
    left: -296px;

}

.sonProjelerDisCerceve2 { width:195px; padding-left:23px; float:left; }




.sonProjelerDisCerceve { width:195px; padding-left:30px; float:left; }

.sonProjelerBosluk{ width:195px; height:17px; float:left; }

.musterilerimiz-cicek-icon {
	width:521px;
	height:482px;
	position:absolute;
	z-index:2;
	left: 643px;
	top: 59px;
}



.musterilerimiz_bg { width:177px; height:78px; background-image:url(../images/musterilerimiz-bg.png); text-align:center; position:relative; }

.musterilerimiz_bg2 { width:177px; height:78px;  text-align:center; }


.musterilerimizTd1 { width:48px; }

.musterilerimizTd2 {  line-height:18px; }


.iletisim-iphone-icon {
	width:508px;
	height:560px;
	position:absolute;
	z-index:1;
	left: 598px;
	top: 5px;
}

.iletisimBaslik { font-size:23px; font-family:"Times New Roman", Times, serif; font-style:italic; }


.referanslarimizIcerik { width:912px; min-height:580px; float:left; padding-left:46px; }

.referanslarimizIcerik a { color:#278c9f; background-image:url(../images/icerik-hover-bg.png); padding-top:1px;padding-bottom:1px;  }

.referanslarimizTd1 { width:203px; height:229px;}

.referanslarimizTd2 { width:31px; }


.referans1-baslik { width:203px; height:16px; float:inherit; position:absolute;}

.referans1-gorsel { width:197px; height:142px; float:inherit; background-image:url(../images/referanslar-gorsel-bg.png); background-repeat:no-repeat; padding:6px 0px 0px 6px;}
.referans1-icerik { width:203px; height:68px; float:inherit;}

.referanslarimiz-icon-cerceve {
	width:497px;
	height:525px;
	position:absolute;
	z-index:1;
	left: 655px;
	top: 14px;
}

.yapabileceklerimiz-icon {
	width:757px;
	height:849px;
	position:absolute;
	z-index:1;
	left: 683px;
	top: 68px;
}

.hizmetlerimiz-cerceve { width:670px; height:130px; }

.hizmetlerimiz-icerik-ust { width:670px; height:38px; }

.hizmetlerimiz-baslikk {  height:31px;  background-image:url(../images/hizmetlerimiz-bolum-baslik-bg.png); background-repeat: repeat-x; margin-left:-23px; padding-left:23px; padding-right:23px; padding-top:7px; font-size:23px; font-family:"Times New Roman", Times, serif; font-style:italic; float:left; }

.hizmetlerimiz_icerik { width:670px; min-height:60px; margin-top:15px; float:left; }

.hizmetlerimizTd1 { width:140px; text-align:left; }
.hizmetlerimizTd2 { padding-left:6px; text-align:justify; padding-right:12px; }

.hizmetlerimizTd3 { padding-top:30px; }

.ustbosluk { height:10px; font-size:2px; float:inherit; width:auto; background:#617b88;}

.nedediler-icon {
	width:312px;
	height:487px;
	position:absolute;
	z-index:1;
	left: 683px;
	top: 68px;
}


.nedediler-baslikk { width:670px; height:33px;  background-image: url(../images/nedediler-baslik-bg.png); background-repeat: no-repeat; background-position:bottom;
font-size:23px; font-family:"Times New Roman", Times, serif; font-style:italic; float:left; }

.hizmetlerimizTd4 { width:144px; text-align:center; }

.mustericerik {
	width:650px;
	margin-left:40px;
	text-align:justify;
}
.hakkimizdaicerik {
	width:660px;
	margin-left:40px;
	margin-bottom:15px;
	text-align:justify;
	line-height:18px;
}

.lastProjectImg{
	height:90px;
	width:180px;
	position:absolute;}
.lastProjectHoverImg{
	height:90px;
	width:180px;
	position:absolute;
	display:none;
	}
.projectsThumb{
	width:192px;
	height:138px;
	position:absolute;
	}
.projectsThumb_hover{
	width:192px;
	height:138px;
	position:absolute;
	display:none;
	}
.referenceWrapper{
	position:relative;
	height:229px;
	width:203px;}
	
#contactUsBannerWrapper{
	position:absolute;
	height:191px;
	width:275px;
	left: -293px;
	top: 573px;
	}
#contactUsBannerWrapper a {
	position:absolute;
	height:191px;
	width:275px;
	}
#contactUsBannerWrapper a.fixed {
  position: fixed;
  top: 0;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
background-image:url(../images/close.png);
cursor:pointer;
height:35px;
position:absolute;
right:19px;
top:5px;
width:35px;
z-index:456;
}

.textArea{ width:631px; height:103px; float:left; background-color:transparent; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
    .baslik6{ width:470px;height:20px; padding-left:100px;}
    .cevap6{ width:470px;height:20px;}
    .span6{ width:75px; float:left; text-align:center}
    .spanCvp{ width:100px; float:left}
    #page2{ display:none;  }
    #page1{ margin:auto;}
	.service{ position:absolute; width:220px; height:200px; display:none; }
    #wrapper2{ position:relative; width:249px; height:124px; border:1px solid #8ca0a9; background-color:#f4fafd; margin-top:32px; margin-left:19px; }
    .txtboxClass{ 
	width:251px;
	height:20px;
	background-color:#f4fafd; 
	border:1px solid #8ca0a9; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	float:left;
	padding-left:10px;
	margin-right:185px;
	margin-top:4px;
	margin-left:19px;
	}
.txtboxClass1 {
background-color:#F4FAFD;
border:1px solid #8CA0A9;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:89px;
margin-top:8px;
width:433px;
padding-top:14px;
padding-left:11px;
}
.txtboxClass2 {
	width:222px;
	background-color:#f4fafd; 
	border:1px solid #8ca0a9; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	float:left;
	margin-left:19px;
}
.txtboxClass3 {
	width: 251px;
	height:96px;
	background-color:#f4fafd; 
	border:1px solid #8ca0a9; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	float:left;
	padding-left:10px; padding-top:10px;
}
.p1btn {
	width:207px;
	height:27px;
	border:0px;
	background:url(../images/buton.png) no-repeat;
	margin-left:76px;
	margin-top:15px;
	cursor:pointer;
}
.divSoru {
	font-family:"Times New Roman", Times, serif; font-size:13px; font-style:italic; color:#444444; margin-bottom:15px;}
.divSoru1 {
	font-family:"Times New Roman", Times, serif; font-size:23px; font-style:italic; color:#444444; margin-top:13px;}
.divCevap {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444444; margin-bottom:25px; }
.divCevap1 {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444444; margin-bottom:15px; }
.divCevap2 {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444444; margin-bottom:-60px; height:103px; width:631px; }
.divCevap3 {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#262626; margin-bottom:45px; height:103px; width:631px; background-color:#f4fafd; border:solid 1px #8ca0a9; padding-left:9px; padding-top:10px; }
.buton {
	background-image:url(../images/gonder.png);
	width:93px;
	height:27px;
	border:0px;
	background-color:#fff;
	margin-left:550px;
}
.p2btn {
	background-color:#FFFFFF;
	background:url("../images/gonder.png") no-repeat;
	border:0 none;
	height:27px;
	margin-bottom:2px;
	margin-left: 190px;
	width:93px;
}
.buton1 {
	background-image:url(../images/gonder.png);
	width:109px;
	height:27px;
	border:0px;
	background-color:#fff;
	margin-left:335px;
	margin-top:21px;
}
.buton2 {
	background-image:url(../images/gonder.png);
	width:93px;
	height:27px;
	border:0px;
	background-color:#fff;
	margin-left:375px;
	margin-top:21px;
}
.btn-mesaj {
	width:500px;
	margin-bottom:54px;
}
.btn-mesaj1 {
	width:682px;
	margin-bottom:54px;
}
.btn-mesaj2 {
	width:682px;
	margin-bottom:54px;
}
#span_result {
	margin-left:295px;
	display:none;
}
#span_result1 {
	margin-left:550px;
	display:none;
}
#span_result2 {
	margin-left:375px;
	display:none;
}
.uygulamaturu {
	width:128px;
	font-family:"Times New Roman", Times, serif; 
	font-size:15px; color:#444444; font-style:italic;
	float:left;  margin-top:41px; 
}
.hizmetturu {
	width:97px;
	font-family:"Times New Roman", Times, serif; 
	font-size:15px; color:#444444; font-style:italic;
	float:left; margin-top:100px; 
}

.formbilgi {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#262626;
	margin-top:14px;
}
.baslik { width:130px; height:25px; color:#444444;  font-family:"Times New Roman", Arial, Helvetica, sans-serif; font-size:15px; font-style:italic; float:left; padding-top:10px;}

.baslik2 {width:130px; color:#444444; margin-right:3px; font-family:"Times New Roman", Arial, Helvetica, sans-serif; font-size:15px; font-style:italic; }

.sagmenu-btn { width:248px; padding-left:12px; float:left;  }
.sagmenu-btn1 { width:248px;   float:left:  }
.sagmenu-btn2 { width:248px;  float:left; margin-top:12px;  }

.sagmenu-baslik { 
width:248px; padding-left:12px; float:left; 
margin-top:53px; font-family:"Times New Roman", Times, serif; font-size:21px; font-style:italic;}

.sagmenu-baslik1 { 
width:248px; padding-left:12px; float:left; 
margin-top:56px; font-family:"Times New Roman", Times, serif; font-size:21px; font-style:italic;}

.sagmenu-ayrinti {
	width:288px;
	padding-left:12px;
	float:left;
	margin-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:16px;
	line-height:18px; }

.iletisimform {
	width:588px;
	min-height:145px;
	float:left;
	padding-left:46px;
	line-height:18px;
	margin-top:42px;
}

.icerik-sag-kisim1 {
	width: 318px;
	height:556px;
	background-image:url(../images/iletisim-sag-bolum.png);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-right: 27px;
	float:right;
	padding-left:26px;
}
.iletisim-formu {
	width:168px;
	height:37px;
	background-image:url(../images/iletisim-formu.png);
	background-repeat:no-repeat;
	margin-top:55px;
	margin-left:22px;
}
.textbox-tirnak {
	width:408px;
	height:119px;
	padding-left:19px;
	padding-top:3px;
}
.textbox-tirnak1 {
background-image:url("../images/IRM-tirnak-isareti1.png");
background-repeat:no-repeat;
height:119px;
margin-top:32px;
padding-left:19px;
width:483px;
}