body{
 padding:0;
 margin:0;
 background:#fff;
 width:100%;
}
/*
 * Header
*/
#overlayHeader{
 width:100%;
 height:487px;
 background:url(images/background/header/bkg-header.jpg) repeat-x left top;
 overflow:hidden;
}
#header{
 display:block;
 width:100%;
 height:487px;
 background:url(images/background/head.jpg) no-repeat center center;
 overflow:hidden;
}
.siteSize{
 width:980px;
 height:100%;
}
#logoOverlay{
 float:left;
}
#logoBkg{
 position:absolute;
 width:679px;
 height:179px;
 background:url(images/background/bkg-logo.png) no-repeat left top;
 overflow:hidden;
 margin:0 0 0 -85px;
}
#logo{
 float:left;
 width:212px;
 height:60px;
 background:url(images/logo.png) no-repeat left top;
 overflow:hidden;
 position:relative;
 left:115px;
 top:20px;
}
#mainLeftSector{
 float:left;
 clear:left;
}
#mainLeftSector .microsoft-exchange{
 display:block;
 width:434px;
 height:90px;
 float:left;
 background:url(images/background/header/microsoft-exchange.gif) no-repeat left top;
 overflow:hidden;
 margin:205px 0 0 0;
 position:relative;
 left:30px;
}
#mainLeftSector .microsoft-sharepoint{
 display:block;
 width:434px;
 height:90px;
 float:left;
 background:url(images/background/header/microsoft-sharepoint.gif) no-repeat left top;
 overflow:hidden;
 margin:205px 0 0 0;
 position:relative;
 left:30px;
}

#mainLeftSector .links{
 float:left;
 clear:left;
 margin:26px 0 0 0;
 padding:0 0 0 30px;
}

#mainLeftSector .link{
 float:left;
 display:block;
 width:143px;
 height:48px;
 background:url(images/background/header/shape-arrow.png) no-repeat left top;
 overflow:hidden;
 text-align:left;
}
#mainLeftSector .linkSeparator1{
 margin:0 0 0 8px;
}

#mainLeftSector .linkSeparator2{
 margin:0 0 0 8px;
}

#mainLeftSector .link .bullet1{
 display:block;
 width:8px;
 height:22px;
 background:url(images/background/header/bullet-01.gif) no-repeat left top;
 overflow:hidden;
 float:right;
 position:relative;
 left:-6px;
 top:13px;
}
#mainLeftSector .link .bullet2{
 display:block;
 width:8px;
 height:22px;
 background:url(images/background/header/bullet-02.gif) no-repeat left top;
 overflow:hidden;
 float:right;
 position:relative;
 left:-6px;
 top:13px;
}
#mainLeftSector .link .bullet3{
 display:block;
 width:8px;
 height:22px;
 background:url(images/background/header/bullet-03.gif) no-repeat left top;
 overflow:hidden;
 float:right;
 position:relative;
 left:-6px;
 top:13px;
}

#mainLeftSector .link .ayrintilara{
 display:block;
 float:left;
 width:119px;
 height:20px;
 background:url(images/text/ayrintilara.gif) no-repeat left top;
 position:relative;
 top:14px;
 left:4px;
}

#mainLeftSector .link .demoyu{
 display:block;
 float:left;
 width:102px;
 height:20px;
 background:url(images/text/demoyu.gif) no-repeat left top;
 position:relative;
 top:14px;
 left:14px;
}

#mainLeftSector .link .ucretsiz{
 float:left;
 display:block;
 width:95px;
 height:20px;
 background:url(images/text/ucretsiz.gif) no-repeat left top;
 position:relative;
 top:14px;
 left:18px;
}


#mainLeftSector .bottomTextExchange{
 float:left;
 clear:left;
 display:block;
 width:462px;
 height:61px;
 background:url(images/text/text-bottom-exchange.gif) no-repeat left top;
 overflow:hidden;
 position:relative;
 top:15px;
 left:30px;
}

#mainLeftSector .bottomTextSharepoint{
 float:left;
 clear:left;
 display:block;
 width:462px;
 height:61px;
 background:url(images/text/text-bottom-sharepoint.gif) no-repeat left top;
 overflow:hidden;
 position:relative;
 top:15px;
 left:30px;
}

#mainRightSector{
 float:right;
 display:block;
}

#mainRightSector .exchangeImage{
 position:absolute;
 float:left;
 top:170px;
 width:447px;
 height:300px;
 margin:0 0 0 -460px;
 overflow:hidden;
}

#mainRightSector .overlayBanner{
 clear:left;
 float:left;
}

#mainRightSector .banner{
 position:absolute;
 display:block;
 width:105px;
 height:103px;
 background:url(images/background/header/banner.png) no-repeat left top;
 overflow:hidden;
 margin:180px 0 0 -140px;
}
#mainRightSector .overlayShapes{
 float:left;
 clear:left;
}

#mainRightSector .Shapes{
 position:absolute;
 margin:420px 0 0 -380px;
 width:252px;
}
#mainRightSector .Shapes .first{
 float:left;
}
#mainRightSector .Shapes .second{
 float:left;
}
#mainRightSector .shapeActive{
 width:126px;
 height:36px;
 background:url(images/background/header/shape-active.png) no-repeat left top;
 overflow:hidden;
 text-align:center;
 line-height:10px;
}
#mainRightSector .shapeActive a{
 position:relative;
 top:12px;
 font:bold 12px arial;
 color:#3d5580;
 text-decoration:none;
}
#mainRightSector .shapeInactive{
 width:125px;
 height:36px;
 background:url(images/background/header/shape-inactive.png) no-repeat left top;
 overflow:hidden;
 position:relative;
 top:-1px;
 line-height:10px;
 
}
#mainRightSector .shapeInactive a{
 position:relative;
 top:12px;
 font:bold 12px arial;
 color:#d4dae5;
 text-decoration:none;
}


/*
 * Main Navigation Overlay
*/
#overlayMainMenu{
 float:left
}

#mainMenu{
 position:absolute;
 padding:0;
 margin:90px 0 0 410px;
 list-style:none;
 z-index:200;
}
#mainMenu .overlayDrop{
 padding:0;
 margin:0;
 list-style:none;
}
#mainMenu li:hover ul{
 display:block;
}
#mainMenu .bkg{
 display:block;
 float:left;
 width:106px;
 height:46px;
 background:url(images/mainnav/overlay.png) no-repeat left top;
 position:absolute;
}

#mainMenu .Link{
 font:bold 14px arial;
 color:#d4dae5;
 text-decoration:none;
 position:relative;
 top:11px;
}
#mainMenu .Link:hover{
 color:#fff;
}
.anasafya_active{
 display:block;
 width:106px;
 height:46px;
 background:url(images/mainnav/anasayfa-active.png) no-repeat
}
.cozumler_place{
  margin:0 0 0 176px;

}

.destec_place{
 margin:0 0 0 267px;

}

.iletisim_place{
 margin:-18px 0 0 366px

}

.urunler_place{
 margin:-43px 0 0 105px;
 position:absolute;
 z-index:100;
 display:block;
 float:left;
 width:106px;
 height:104px;
 background:url(images/mainnav/dropmenu/urunler.gif) no-repeat;
}

/*End Navigation */


/*
 * Small Drop Menu
*/
#overlayMenuSmall{
 float:left;
}
#menuSmall{
 position:absolute;
 padding:0;
 margin:0;
 list-style:none;
 width:290px;
 margin:27px 0 0 740px;
 z-index:300;
}
#menuSmall li{
 padding:0 0 0 8px;
 margin:0;
 display:block;
 float:left;
 position:relative;
}
#menuSmall li:hover ul{
 visibility:visible;
}
#menuSmall li ul{
 padding:20px 0 0 0;
 margin:0;
 list-style:none;
 float:left;
 clear:left;
 position:absolute;
 z-index:300;
 height:300px;
 visibility:hidden;
}
#menuSmall li a{
 font:bold 12px tahoma;
 color:#d4dae5;
 float:left;
 text-decoration:none;
}

#menuSmall li ul .top{
 display:block;
 float:left;
 clear:left;
 width:187px;
 height:10px;
 background:url(images/mainnav/dropmenu/top-small.png) no-repeat left top;
 overflow:hidden
}

#menuSmall li ul .bottom{
 display:block;
 float:left;
 clear:left;
 width:187px;
 height:4px;
 background:url(images/mainnav/dropmenu/bottom-small.png) no-repeat left top;
 overflow:hidden;
}

#menuSmall li ul .itemfirst{
 display:block;
 float:left;
 clear:left;
 width:187px;
 background:#dde1ea;
 border-bottom:#c8cbd2 solid 1px;
 padding:10px 0 10px 0; 
}

#menuSmall li ul .itemfirst:hover{
 background:#eef0f5;
}

#menuSmall li ul .itemlast{
 display:block;
 float:left;
 clear:left;
 width:187px;
 background:#dde1ea;
 border-top:#f8f9fb solid 1px;
 padding:10px 0 10px 0; 
}

#menuSmall li ul .itemlast:hover{
 background:#eef0f5;
}

#menuSmall li ul .items{
 display:block;
 float:left;
 clear:left;
 width:187px;
 background:#dde1ea;
 padding:10px 0 0 0;
 border-bottom:#c8cbd2 solid 1px;
}
#menuSmall li ul .items:hover{
 background:#eef0f5;
}

#menuSmall li ul a{
 font:12px arial;
 color:#4a4d56;
 text-decoration:none;
 float:left;
 display:block;
 text-align:left;
 width:150px;
 padding:0 0 0 10px;
}
#menuSmall li ul a:hover{
 color:#2681df;
}
#menuSmall li ul span{
 font:12px arial;
 color:#4a4d56;
 text-decoration:none;
 float:left;
 display:block;
 width:150px;
 text-align:left;
 padding:0 0 0 10px;
}
#menuSmall .separator{
 display:block;
 width:3px;
 height:10px;
 background:url(images/mainnav/bullet.gif) no-repeat left 6px;
 float:left;
 overflow:hidden;
}
/* End Drop Small Menu */

/*
 * Drop Big Menu
*/

#DropMenu{
 display:block;
 margin:0;
 padding:25px 0 0 0; 
 list-style:none;
 position:relative;
 left:-15px;
 float:left;
 z-index:500;
 display:none;
}
#DropMenu li{
 display:block;
 float:left;
 clear:left;
 width:247px;
 font:12px Arial;
 color:#2681df;
}
#DropMenu li .pc{
 float:right;
 padding:0;
 margin:0;
 width:45px;
 background:none;
}
#DropMenu li .pc img{
 position:absolute;
 margin:-8px 0 0 -24px;
}
#DropMenu li .community{
 float:right;
 padding:0;
 margin:0;
 width:45px;
 background:none;
}
#DropMenu li .community img{
 position:absolute;
 margin:-7px 0 0 -28px;
}
#DropMenu li .mobil{
 float:right;
 padding:0;
 margin:0;
 width:45px;
 background:none;
}
#DropMenu li .mobil img{
 position:absolute;
 margin:1px 0 0 -18px;
}
#DropMenu li .letter{
 float:right;
 padding:0;
 margin:0;
 width:45px;
 background:none;
}
#DropMenu li .letter img{
 position:absolute;
 margin:12px 0 0 -27px;
}
#DropMenu li .image img{
 position:absolute;
 border:0;
}
#DropMenu .first{
 display:block;
 width:247px;
 height:11px;
 background:url(images/mainnav/dropmenu/top-big.png) no-repeat;
 overflow:hidden;
}
#DropMenu .last{
display:block;
 width:247px;
 height:4px;
 background:url(images/mainnav/dropmenu/bottom-big.png) no-repeat;
 overflow:hidden;
}

#DropMenu .itemfirst{
 background:#dde1ea;
 padding:10px 0 10px 0;
 border-bottom:#c8cbd2 solid 1px;
}
#DropMenu .itemfirst:hover{
  background:#eef0f5;
}
#DropMenu .itemlast{
 background:#dde1ea;
 padding:10px 0 10px 0;
 border-top:#f8f9fb solid 1px;
}
#DropMenu .itemlast:hover{
  background:#eef0f5;
}
#DropMenu .items{
 background:#dde1ea;
 padding:10px 0 10px 0;
 border-top:#f8f9fb solid 1px;
 border-bottom:#c8cbd2 solid 1px;
}
#DropMenu .items:hover{
  background:#eef0f5;
}
#DropMenu .separator{
 display:block;
 height:5px;
 width:200px;
 background:none;
 float:left;
 overflow:hidden;
}
#DropMenu span{
 padding:0 0 0 10px;
 background:url(images/mainnav/dropmenu/bullet.gif) no-repeat left 5px;
 color:#4a4d56;
 display:block;
 width:200px;
 float:left;
 clear:left;
 position:relative;
 left:15px;
 text-align:left;
}
#DropMenu a{
 color:#4a4d56;
 text-decoration:none;
 display:block;
 float:left;
 position:relative;
 left:15px;
}
#DropMenu a:hover{
 color:#2681df;
}
/* end Header */

/*
 * Content
*/
#colorLine{
 width:100%;
 background:url(images/color-line.jpg) no-repeat left top;
 height:7px;
}
#content{
 width:995px;
 position:relative;
 top:38px;
}
#content-left{
 width:280px;
 float:left;
 font:12px arial;
 color:#727580;
}
#content-left .birlikte{
 width:95px;
 height:45px;
 background:url(images/contnet/birlitke.jpg) no-repeat;
 overflow:hidden;
 float:left;
 clear:left;
}
#content-left .product{
 float:left;
 margin:10px 0 0 0;
 clear:left;
}
#content-left .textPosition{
 float:left;
 clear:left;
 padding:0 0 0 20px;

}
#content-left .productDesc{
 clear:left;
 float:left;
 text-align:left;
 width:220px;
 padding:10px 0 10px 0;
}
#content-left .list{
 float:left;
 clear:left;
 padding:0 0 0 10px;
 margin:5px 0 0 0;
 background:url(images/contnet/bullet.gif) no-repeat left 5px;
 text-align:left;
 width:200px;
}

#content-left .title{
 background:url(images/contnet/arraw.gif) no-repeat left 3px;
 padding:0 0 0 17px;
 float:left;
 clear:left;
 text-align:left;
 margin:15px 0 0 0;
 width:200px;
 text-align:left;
}
#content-left .title a{
 color:#727580;
 text-decoration:none;
}
#content-left .canli{
 float:left;
 margin:29px 0 0 0;
 width:165px;
 height:50px;
 overflow:hidden;

}
#content-left .outlook{
 width:173px;
 height:56px;
 background:url(images/contnet/outlook.gif) no-repeat;
 overflow:hidden;
 margin:29px 0 0 -2px;
 float:left;

}
#content-right{
 width:698px;
 float:left;
 font:14px arial;
 color:#727580;
}
#content-right .hizmetlerimiz{
 width:190px;
 height:37px;
 background:url(images/contnet/hizmetlerimiz.gif) no-repeat;
 overflow:hidden;
 float:left;
}
#content-right a{
 color:#2681df;
 text-decoration:underline;
}
#content-right a:hover{
 color:#f4721b;
}
#content-right .textPosition{
 float:left;
 clear:left;
 width:700px;
 padding:20px 0 0 14px;
}
#content-right .hizmetlerimiz-left{
 float:left;
 width:350px;
 text-align:left;
 line-height:20px;
}
#content-right .hizmetlerimiz-right{
 width:340px;
 float:left;
 text-align:left;
 line-height:20px;
 padding:0 0 0 10px;
}
#content-right .separator{
 width:700px;
 height:1px;
 background:#e3e3e5;
 overflow:hidden;
 margin:20px 0 20px 0;
 float:left;
}
#content-right .exchange{
 width:266px;
 height:18px;
 background:url(images/contnet/exchange.gif) no-repeat;
 overflow:hidden;
 float:left;
 margin:0 0 5px 0;
}
#content-right .listOverlay{
 width:100%;
 float:left;
 clear:left;
}
#content-right .list-left{
 float:left;
 width:300px;
}
#content-right .list-right{
 width:300px;
 float:left;
 padding:0 0 0 58px;
}
#content-right .list{
 background:url(images/contnet/bullet-right.gif) no-repeat left 5px;
 margin:8px 0 0 0;
 padding:0 0 0 17px;
 width:100%;
 text-align:left;
}
#content-right .enson{
 width:124px;
 height:41px;
 background:url(images/contnet/enson.gif) no-repeat;
 overflow:hidden;
 float:left;
clear:left;
}
#content-right .smallSectorLetf{
 float:left;
 width:190px;
 border-right:#e3e3e5 solid 1px;
 padding:0 25px 10px 0;
}
#content-right .smallSectorCenter{
 float:left;
 width:190px;
 border-right:#e3e3e5 solid 1px;
 padding:0 25px 10px 25px;
}
#content-right .smallSectorRight{
 float:left;
 width:190px;
 padding:0 0 10px 25px;
}
#content-right .date{
 font:10px arial;
 color:#b9babe;
 float:left;
 clear:left;
 padding:0 0 2px 0;
 width:100%;
 text-align:left;
}
#content-right .smallTitle{
 font:bold 12px arial;
 color:#2681df;
 float:left;
 clear:left;
 padding:0 0 2px 0;
 width:100%;
 text-align:left;
}
#content-right .smallText{
 float:left;
 clear:left;
 text-align:left;
 font:12px arial;
 color:#727580;
 line-height:16px;
 width:100%;
 text-align:left;
}
#content-right .windows{
 width:53px;
 height:47px;
 background:url(images/contnet/windows.jpg) no-repeat;
 overflow:hidden;
 float:left;
 margin:27px 0 0 62px;
}	
#content-right .parallels{
 float:left;
 width:123px;
 height:26px;
 background:url(images/contnet/parallels.jpg) no-repeat;
 overflow:hidden;
 margin:37px 0 0 51px;
}
#content-right .ibm{
 width:60px;
 height:25px;
 background:url(images/contnet/ibm.jpg) no-repeat;
 overflow:hidden;
 float:left;
 margin:37px 0 0 51px;
}
#content-right .juniper{
 width:126px;
 height:29px;
 background:url(images/contnet/juniper.jpg) no-repeat;
 float:left;
 margin:35px 0 0 55px;
}
#footer{
 width:100%;
 height:152px;
 background:url(images/footer/bkg.gif) repeat-x;
 float:left;
 border-top:#e7e9e9 solid 1px;
 margin:83px 0 0 0;
 font:12px arial;
 color:#727580;
}
#footer .artua{
 float:left;
 clear:left;
}
#footer .artua .image{
 float:left;
 padding:5px 0 0 0;
}
#footer .artua .text{
 float:left;
 padding:8px 0 0 8px;
}
#footer .artua a{
 color:#2681df;
 text-decoration:underline;
}
#footer .artua a:hover{
 color:#2681df;
 text-decoration:none;
}

#footer .copyright{
 float:left;
 padding:0 0 0 25px;
}
#footer .tel{
 background:url(images/footer/tel.gif) no-repeat left 3px;
 font:bold 12px arial;
 float:right;
 color:#3c3d41;
 overflow:hidden;
 padding:0 41px 0 17px;
}
#footer .ask{
 background:url(images/footer/ask.gif) no-repeat left 3px;
 font:bold 12px arial;
 float:right;
 color:#3c3d41;
 overflow:hidden;
 padding:0 0 0 17px;
}
#footer .Position{
 padding:22px 0 0 0;
}
#footer a{
  color:#727580;
  text-decoration:none;
}
/* end Content*/