body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#d6d6d6;
}

#banner{
	width:100%;
	height:400px;
	float:left;
	background-image:url(images/banner-bg.png);
}

#banner-thin{
	width:100%;
	height:300px;
	float:left;
	background-image:url(images/banner-bg.png);
}

#header-bg{
	width:100%;
	height:74px;
	float:left;
	background-image:url(images/header-bg.png);
	background-position:center top;
	background-repeat:repeat-x;
	z-index:1;
	position:absolute;
}

#banner-thin1{
	width:100%;
	height:300px;
	float:left;
	background-image:url(images/banner-bg1.png);
}
#banner-thin2{
	width:100%;
	height:300px;
	float:center;
	background-image:url(images/banner-bg2.png);
}
#banner-thin3{
	width:100%;
	height:300px;
	float:left;
	background-image:url(images/banner-bg3.png);
}

#banner-thin4{
	width:100%;
	height:300px;
	float:left;
	background-image:url(images/banner-bg4.png);
}


#orta-icerik-genel{
	width:100%;
	height:auto;
	float:left;
	background-image:url(images/orta-iceirk-bg.png);
	background-repeat:repeat-x;
	background-color:#d6d6d6;
}

#footer{
	width:100%;
	height:124px;
	float:left;
	background-image:url(images/footer-bg.png);
	background-repeat:repeat-x;
	background-position:center top;
}

.footer-genel{
	width:1004px;
	height:104px;
	margin:0px auto;
	padding-top:20px;
}

#slider-genel{
	width:100%;
	height:400px;
	z-index:0;
}

#slider-genel-thin{
	width:100%;
	height:300px;
	z-index:0;
}

.banner-slider{
	width:1004px;
	height:400px;
	margin:0px auto;
	background-image:url(images/slider-bg.png);
}

.banner-slider-thin{
	width:1004px;
	height:300px;
	margin:0px auto;
	background-image:url(images/slider-bg.png);
}

.header-genel{
	width:1004px;
	height:74px;
	margin:0px auto;
}

.logo{
	width:205px;
	height:52px;
	float:left;
	margin-top:10px;
	margin-left:70px;
	margin-right:90px;
}

img{
	border:0;}

#dil-genel
{
	width:50px;
	height:25px;
	float:left;
	margin-left:-50px;
}
#dil1
{
	width:24px;
	height:25px;
	float:left;
}
#dil2
{
	width:24px;
	height:25px;
	float:left;
	margin-left:1px;
}
#menu-genel{
	width:570px;
	height:74px;
	float:left;
	margin-left:65px;
}

ul#menu2{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:49px;
	font-size:16px;
	font-family:Calibri;
}
ul#menu2 li{
	display:block;
	float:left;
	margin:0;
	pading:0;
}
ul#menu2 li a{
	display:block;
	float:left;
	color:#3d3d3c;
	text-decoration:none;
	padding:16px 16px 0 16px;
	height:49px;
	}
ul#menu2 li a:hover{
	background:transparent url("images/menu-hover.png") no-repeat top right;	
	color:#ffffff;
	}
ul#menu2 li a:hover,ul#menu2 li a.current{
	background:transparent url("images/menu-hover.png") no-repeat top right;
	color:#ffffff;
	}
	
#orta-genel-icerik{
	width:1004px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#uygulama-genel-icerik{
	width:1004px;
	height:500px;
	margin:0px auto;
}


.riz-genel{
	width:240px;
	height:170px;
	float:left;
	margin-left:8px;
}

a.riz{
	width:240px;
	height:170px;
	float:left;
	background-image:url(images/orta-bg.png);
	text-decoration:none;
}

a.riz:hover{
	background-image:url(images/orta-bg-hover.png);
}

a.riz2{
	width:240px;
	height:170px;
	float:left;
	background-image:url(images/orta-bg2.png);
	text-decoration:none;
}

a.riz2:hover{
	background-image:url(images/orta-bg-hover2.png);
}

.riz-icerik{
	width:156px;
	height:275px;
	float:left;
	margin-left:30px;
	margin-top:10px;
}

.riz-icerik1{
	width:156px;
	height:275px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}


.riz-resim{
	width:145px;
	height:275px;
	float:left;
	margin-left:10px;
}


.riz-yazi{
	width:155px;
	height:20px;
	float:left;
	margin-top:7px;
}

.riz-yazi h1{
	font-size:16px;
	font-family:Calibri;
	text-align:center;
	color:#292d33;
	font-weight:normal;
	margin:0px;
}

#orta-icerik-riz{
	width:750px;
	height:290px;
	float:left;
	margin-left:10px;
	background-image: url(images/yatak-baslik-giris.png);
}
#orta-icerik-mob{
	width:750px;
	height:290px;
	float:left;
	margin-left:10px;
	background-image: url(images/ozelmob-giris.png);
}



.icerik-alt-riz2{
	width:1004px;
	height:1450px;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}

.tr-resim{
	width:167px;
	height:117px;
	float:left;
}

.tr-yazi{
	width:167px;
	height:19px;
	float:left;
	background-image:url(images/alt-yazi-bg.png);
	background-repeat:repeat-x;
	padding-top:2px;
}

.ornek-res-genel{
	width:213px;
	height:104px;
	float:left;
	margin-top:15px;
	margin-left:6px;
}

a.ornek-res{
	width:213px;
	height:104px;
	float:left;
	background-image:url(images/ornek-calismalar-bg.png);
}

a.ornek-res:hover{
	background-image:url(images/ornek-calismalar-bg-hover.png);
}

.slider-alt-efekt{
	width:1004px;
	height:206px;
	float:left;
	background-image:url(images/slider-alt.png);
	margin-top:-39px;
	z-index:1000;
	position:relative;
}

.icerik-alt{
	width:1004px;
	height:auto;
	float:left;
	margin-top:-80px;
	z-index:11111;
	position:relative;
}

.icerik-alt-hizmetler{
	width:1004px;
	height:490px;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}

.icerik-alt-referanslar{
	width:1004px;
	height:880px;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}




.gnl1{
	width:1004px;
	height:1000px;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}


.gnl2{
	width:1004px;
	height:1100px;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}
.gnl3{
	width:1004px;
	height:900px;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}


.icerik-alt-iletisim{
	width:1004px;
	height:750;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}
.uygulama{
	width:1004px;
	height:auto;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}



.icerik-alt-fiyat{
	width:1004px;
	height:550px;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}

.icerik-alt-hakkimizda{
	width:1004px;
	height:600px;
	float:left;
	margin-top:-70px;
	z-index:11111;
	position:relative;
}

#sol-menu-bg{
	width:235px;
	height:395px;
	float:left;
	background-image:url(images/sol-menu-bg-alt.png);
	background-repeat:repeat-x;
}

ul#solmenu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:39px;
	font-size:14px;
	font-family:Calibri;
}
ul#solmenu li{
	display:block;
	float:left;
}
ul#solmenu li a{
	display:block;
	float:left;
	color:#292d33;
	text-decoration:none;
	padding:7px 0px 0 5px;
	height:32px;
	width:200px;
	background-image:url(images/sol-menu-bg.png);
	padding-left:30px;
	}
ul#solmenu li a:hover{
	background:transparent url("images/sol-menu-hover.png") no-repeat top right;	
	color:#292d33;
	}
ul#solmenu li a:hover,ul#solmenu li a.current{
	background:transparent url("images/sol-menu-hover.png") no-repeat top right;
	color:#292d33;
	}
	
.calismalar-genel{
	width:213px;
	height:104px;
	float:left;
	margin-top:15px;
	margin-left:6px;
}

a.calismalar{
	width:213px;
	height:104px;
	float:left;
	background-image:url(images/ornek-calismalar-bg.png);
}

a.calismalar:hover{
	background-image:url(images/ornek-calismalar-bg-hover.png);
}

.logolar{
	width:192px;
	height:98px;
	float:left;
	margin-left:auto;
}

#orta-icerik-tr{
	width:750px;
	height:180px;
	float:left;
	margin-left:10px;
}




.icerik-genel{
	width:750px;
	height:200px;
	float:left;
	margin-left:10px;
}

.icerik-genel h1{
	font-size:17px;
	font-family:Calibri;
	font-weight:normal;
	color:#A1645A;
	margin:0px;
	margin-left:10px;
	margin-bottom:5px;
}

.icerik-genel h2{
	font-size:15px;
	font-family:Calibri;
	font-weight:normal;
	color:#35373a;
	margin:0px;
	text-align:justify;
}

.footer-ust{
	width:1004px;
	height:55px;
	float:left;
}

.sosyalmedya{
	width:190px;
	height:37px;
	float:left;
	margin-left:10px;
}

.facebook-genel{
	width:34px;
	height:37px;
	float:left;
}

a.facebook{
	width:34px;
	height:37px;
	float:left;
	background-image:url(images/facebook.png);
}

a.facebook:hover{
	background-image:url(images/facebook-hover.png);
}

.twitter-genel{
	width:34px;
	height:37px;
	float:left;
	margin-left:10px;
}

.pagerank-genel{
	width:84px;
	height:20px;
	float:left;
	margin-left:10px;
}

a.twitter{
	width:34px;
	height:37px;
	float:left;
	background-image:url(images/twitter.png);
}

a.twitter:hover{
	background-image:url(images/twitter-hover.png);
}
a.gplush{
	width:34px;
	height:37px;
	float:left;
	background-image:url(images/gplush.png);
}

a.gplush:hover{
	background-image:url(images/gplush-hover.png);
}
.youtube-genel{
	width:34px;
	height:37px;
	float:left;
	margin-left:10px;
}

a.youtube{
	width:34px;
	height:37px;
	float:left;
	background-image:url(images/youtube.png);
}

a.youtube:hover{
	background-image:url(images/youtube-hover.png);
}

.footer-yazi{
	width:630px;
	height:37px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.footer-yazi h1{
	color:#1d2024;
	font-size:14px;
	font-family:Calibri;
	font-weight:normal;
	text-align:center;
	margin:0px;
	margin-top:10px;
}

.footer-logo{
	width:145px;
	height:37px;
	float:left;
}

.footer-alt{
	width:1004px;
	height:20px;
	float:left;
	margin-top:20px;
}

.copyright{
	width:500px;
	height:20px;
	float:left;
}

.copyright h1{
	color:#1d2024;
	font-size:13px;
	font-family:Calibri;
	font-weight:normal;
	margin:0px;
}

.webtasarim{
	width:190px;
	height:20px;
	float:right;
}

.webtasarim h1{
	color:#1d2024;
	font-size:13px;
	font-family:Calibri;
	font-weight:normal;
	margin:0px;
}

a.webtasarim-link{
	color:#1d2024;
	font-size:13px;
	font-family:Calibri;
	text-decoration:none;
}

a.webtasarim-link:hover{
	color:#1d2024;
	font-size:13px;
	font-family:Calibri;
	text-decoration:underline;
}

a.webtasarim-link:active{
	color:#1d2024;
	font-size:13px;
	font-family:Calibri;
	text-decoration:none;
}

a.footer-link{
	color:#1d2024;
	font-size:14px;
	font-family:Calibri;
	text-decoration:none;
}

a.footer-link:hover{
	color:#1d2024;
	font-size:14px;
	font-family:Calibri;
	text-decoration:underline;
}

a.footer-link:active{
	color:#1d2024;
	font-size:14px;
	font-family:Calibri;
	text-decoration:none;
}


#mobuygulama-genel{
	width:750px;
	height:auto;
	float:left;
	margin-left:1px;
}








.iletisim-bilgileri{
	width:630px;
	height:160px;
	float:left;
	margin-top:10px;
}

.iletisim-bilgileri-sol{
	width:100px;
	height:30px;
	float:left;
}

.iletisim-bilgileri-sag{
	width:520px;
	height:30px;
	float:left;
	margin-left:10px;
}

.iletisi-bilgileri-googlemap{
	width:120px;
	height:66px;
	float:left;
	margin-top:10px;
}

.iletisim-bilgileri-formmail{
	width:710px;
	height:auto;
	float:left;
	margin-left:10px;
}
.gobekdesen{
	width:710px;
	height:auto;
	float:left;
	margin-left:10px;
}
a.iletisim-link{
	color:#35373a;
	font-size:14px;
	font-family:Calibri;
	text-decoration:none;
}

a.iletisim-link:hover{
	color:#35373a;
	font-size:14px;
	font-family:Calibri;
	text-decoration:underline;
}

a.iletisim-link:active{
	color:#35373a;
	font-size:14px;
	font-family:Calibri;
	text-decoration:none;
}


#urun-genel h1{
	color:#85af3e;
	font-size:16px;
	font-family:Calibri;
	font-weight:normal;
	margin:0px;
	margin-top:10px;
	margin-left:20px;
}

#urun-genel h2{
	color:#35373a;
	font-size:14px;
	font-family:Calibri;
	font-weight:normal;
	margin:0px;
	margin-top:3px;
	text-align:justify;
}

#urun-genel h3{
	color:#ff7100;
	font-size:16px;
	font-family:Calibri;
	font-weight:normal;
	margin:0px;
	margin-top:10px;
	margin-left:20px;
}



.resimliyazi-sol{
	width:450px;
	height:auto;
	float:left;
	text-align:justify;
	margin-right:5px;
}

#visual-urun-desen5li{
	width:950px;
	height:auto;
	float:left;
	margin-left:10px;
}

#visual-urun-genel20li{
	width:750px;
	height:auto;
	float:left;
	margin-left:1px;
}


#visual-urun-genel4li{
	width:750px;
	height:auto;
	float:left;
	margin-left:1px;
}
.visual-altgenel4lugrup{
	width:750;
	height:auto;
	float:left;
	margin-top:1px;
}
.visual-altgenel{
	width:999;
	height:auto;
	float:left;
	margin-top:1px;
}
.visual-alt1{
	width:173px;
	height:160px;
	float:left;
	margin-left:13px;
}
.urres-resim{
	width:167px;
	height:117px;
	float:left;
}

.uryaz-yazi{
	width:167px;
	height:19px;
	float:left;
	background-image:url(images/alt-yazi-bg.png);
	background-repeat:repeat-x;
	padding-top:2px;
}


a.urunresim3d{
	width:167px;
	height:154px;
	float:left;
	background-image:url(images/urunalt-bg.png);
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	color:#2e4154;
	font-size:14px;
	font-family:Calibri;
	text-decoration:none;
	text-align:center;
}

a.urunresim3d:hover{
	background-image:url(images/urunalt-bg-hover.png);
	color:#2e4154;
	font-size:14px;
	font-family:Calibri;
	text-decoration:underline;
	text-align:center;
}


.resimici-yazi{
	width:167px;
	height:19px;
	float:left;
	background-image:url(images/alt-yazi-bg.png);
	background-repeat:repeat-x;
	padding-top:2px;
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; 
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit;
	
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: -3px;
	top: 35px;
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 127px;
	top: -18px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em;
	top: 0;
}

.sf-menu > li > a {
	font:17px/31px Calibri;
	color:#3d3d3c;
	margin-top:17px;
	text-align:center;
	text-decoration:none;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0px;
}
.sf-menu > li {
	width:140px;
	height:60px;
}
.sf-menu > li:hover, .sf-menu > li.active, .sf-menu > li.sfHover {
	background:url('images/menu-hover.png');
	color:#FFF;
	text-decoration:none;
}
.sf-menu ul {
	padding:19px 7px 19px 6px;
	margin-top:27px;
	width:170px;
	background:#434343;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.sf-menu li li {
	margin-bottom: 3px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	color:#FFF;
}
.sf-menu li li a {
	font: 14px/31px Calibri;
	color: #fff;
	padding:0 19px;
	text-decoration:none;
}
.sf-menu  li li:hover, .sf-menu > li li.active, .sf-menu > li li.sfHover {
	background:#8fbf3e repeat-x;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	color:#FFF;
}
.clr {
	float: left;
	width: 120px;
	height: 150px;
}
.resimliyazi-sag {
	padding: 2px;
	float: left;
	height: auto;
	width: auto;
	margin-left: 10px;
	border: 2px solid #999;
}
.resimliyazi-orta-yazi {
	width: 750px;
	float: left;
}
.resimliyazi-alt-yazi {
	width: 750px;
	float: left;
}

.model1 {
	width: 300px;
	float: left;
	margin-right: 10px;
}
.model2 {
	float: left;
	width: 440px;
}
.model3 {
	float: left;
	width: 750px;
}
