html, body { 
    height:100%;
    margin:0; 
    background:#eefafe;  
}
.main-container { 
   height:92%; 
}
.logovemenu
{
 position:relative;
 margin:0 auto;
 background:url(img/ust_back.jpg) repeat-x;
 width:100%;
 height:231px;
 
}
.logovemenu_ic 
{
 position:relative;
 margin:0 auto;
 max-width:1024px;
 min-width:480px;
 height:176px;
 z-index:2000;
}

.biz_kimiz
{
 position:relative;
 float:left;
 padding-top:21px;
 width:363px;
 height:318px;
}

.biz_kimiz_lg
{
 position:relative;
 float:right;
 margin-right:5px;
 width:116px;
 height:32px;
}

.biz_kimiz_yazi
{
 position:relative;
 width:355px;
 font-family:arial;
 font-size:13px;
 margin-top:35px;
 text-align:justify;
 color:#490000;
}

.biz_kimiz_yazi a:hover
{
 position:relative;
 width:355px;
 font-family:arial;
 font-size:13px;
 margin-top:30px;
 text-align:justify;
 color:#c00000;
 cursor:hand;
 cursor:pointer;
}

 .some_works_lg{
 position:relative;
 width:355px;
 font-family:arial;
 font-size:13px;
 margin-top:33px;
 text-align:justify;
 color:#490000;
 }
 
 
 .some_works_yazi
{
 position:relative;
 width:355px;
 height:105px;
 font-family:arial;
 font-size:13px;
 margin-top:0px;
 text-align:justify;
 color:#490000;


}

.swkutu
{
 position:relative;
 float:left;
 width:108px;
 height:43px;
 margin:3px;
 overflow:hidden;
 background:#fff;
 border:2px solid #e2e2e2;
 cursor:hand;
 cursor:pointer;
}

.swkutu:hover
{
 position:relative;
 float:left;
 width:108px;
 height:43px;
 margin:3px;
 overflow:hidden;
 background:#fff;
 border:2px solid #000;
 cursor:hand;
 cursor:pointer;
}

.slayt_genel
{
 position:relative;
 float:left;
 padding-top:55px;
 margin:0 0 0 -65px;
 width:679px;
 height:360px;
}

.ayrinti_genel
{
 position:relative;
 display:inline-block;
 float:left;
 padding-top:0px;
 margin:0 0 0 -65px;
 width:100%;
 border:0px solid black;
}

.works_pic
{
  position:relative;
  float:right;
  border:0px solid black;
  width:100%;
  z-index:10;
}

.works_pic1 
{
  margin:25px 0 0 0;
}

.about{
 position:relative;
 float:left;
 text-align:center;
 width:308px;
 overflow:hidden;
 margin:25px 0 0 110px;
 border:0px solid red;
 font-family:arial;
 font-size:13px;
}

.about2{
 position:relative;
 float:left;
 text-align:right;
 width:573px;
 margin:25px 0 0 25px;
 border:0px solid red;
 font-family:arial;
 font-size:13px;
}
  


.iletisim
{
 position:relative;
 float:right;
 display:inline-block;
 text-align:right;
 width:273px;
 overflow:hidden;
 margin:45px 0 0 30px;
 border:0px solid red;
 font-family:arial;
 font-size:13px;
}

.iletisim_yazi_baslik
{
color:#1a93c0;font-family:arial;font-size:15px;text-align:right
}

.iletisim_yazi
{
color:#490000;font-family:arial;font-size:13px;text-align:right;margin-top:5px
}

.works_menu_icc
{
 position:relative;
 float:right;
 padding-top:25px;
 margin:0 0 0 -65px;
 width:100%;
 border:0px solid black;
}

.ayrinti_ic_menu
{
 position:relative;
 float:right;
 display:inline-block;
 margin-right:64px;
 border:0px solid red;
}



.slayt_lg
{
 position:relative;
 display:block;
 margin-left:0px;
 margin-top:0px;
 width:500px;
 height:32px;
 font-family:Arial;
 font-size:17px;
 color:#ce821b;
 
}

.slayt_lg a
{

 color:#ce821b;
 text-decoration:none;
 
}

.slayt
{
 position:relative;
 margin:25px 0 0 75px;
 width:570px;
 height:320px;
 background:#ffffff;
 box-shadow: 0px 0px 8px #888888;
 z-index:6;
 }
 
 .slayt_ayr
{
 position:absolute;
 margin:8px 0 0 65px;
 width:641px;
 height:336px;
 background:url(img/ayrinti_alt.png) no-repeat;
 z-index:6;
 }

 .slayt_alt
 {
 position:absolute;
 margin:0;
 width:398px;
 height:344px;
 z-index:5;
 } 
 
.icerikler
{
 position:relative;
 display:block;
 margin:0 auto;
 width:100%;
 background:#ffffff url(img/d3back.jpg) repeat-x;
}  

.icerikler_ic
{
 position:relative;
 margin:0 auto;
 max-width:1024px;
 min-width:480px;
}


.logo_yan_menu_ktg
{
 position:relative;
 background:#7ecfee;
 padding-left:6px;
 padding-top:4px;
 padding-right:6px;
 height:21px;
 border:1px solid #7ecfee;
 border-radius:5px;
 display:inline-block;
 float:left;
 opacity:0.8;
 filter:alpha(opacity=80);

}

.logo_yan_menu_ktg:hover
{
 position:relative;
 background:#fff;
 padding-left:6px;
 padding-top:4px;
 padding-right:6px;
 height:21px;
 border:1px solid #7ecfee;
 border-radius:5px;
 display:inline-block;
 float:left;


}

.logo_yan_menu_ktg a
{
 font-family: "Verdana";
   font-weight: 200;
   font-style: normal;

 font-size:15px;
 color:#575656;
 opacity:0.6;
 filter:alpha(opacity=60);

}




.tire
{
position:relative;
float:left;
color:#ffffff;
opacity:0.6;
filter:alpha(opacity=60);
width:5px;
margin:3px;
}

.wtire
{

position:relative;
float:left;
color:#1a93c0;
font-size:20px;
opacity:0.6;
filter:alpha(opacity=60);
width:5px;
margin:3px;


}

.logo_yan_menu_aktg
{
 position:relative;
 padding-left:6px;
 padding-top:4px;
 padding-right:6px;
 height:21px;
 float:left;
}

.logo_yan_menu_aktg a
{
  font-family: "Verdana";
   font-weight: 200;
   font-style: normal;
 font-size:14px;
 color:#ffffff;
 opacity:0.6;
 filter:alpha(opacity=60);
 display:inline-block;
}

.logo_yan_menu_aktg a:hover
{
  font-family: "Verdana";
   font-weight: 200;
   font-style: normal;
 font-size:15px;
 color:#ffffff;
 opacity:0.8;
 filter:alpha(opacity=80);
 display:inline-block;
}

.works_menu 
{
 
}
.works_menu a
{
 font-size:14px;
 opacity:0.9;
 filter:alpha(opacity=90);
 color:#1a93c0;
}


.works_menu a:hover
{
 font-size:14px;
 opacity:0.9;
 filter:alpha(opacity=90);
 color:#cc0000;
}

.works_alt_menu 
{
 float:right;
 /*color:#1b79a1;*/
color:black;
letter-spacing:-2px;
  font-family: "Verdana";
   font-weight: 200;
   font-style: normal;
 font-size:26px;
 display:inline-block;
 margin-right:5px;
 margin-top:13px;
}

.works_res 
{
 position:relative;
 overflow:hidden;
 width:210px;
 height:150px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.10);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.10);
 cursor:hand;
 cursor:pointer;
background:white;
border:1px solid white;
}

.works_res_t 
{
 position:relative;
 float:right;
 display:inline-block;
 margin-right:5px;
 margin:25px 0 0 25px;
 z-index:10;
}

.works_res_yazi 
{
    
 font-family:verdana;
 font-size:13px;
 font-weight:200;
 color:#909090;
 position:relative;
 overflow:hidden;
 margin-top:10px;
 text-align:right;
 width:210px;
 cursor:hand;
 cursor:pointer;
}

.works_res_yazi a
{
 font-family:verdana;
 font-size:13px;
 font-weight:200;
 color:#909090;
}

.works_res_yazi a:hover
{
 font-family:verdana;
 font-size:13px;
 font-weight:200;
 color:#c00000;
}

.menu
{
 position:relative;
 margin:0 auto;
 background:url(img/d2back.jpg) repeat-x;
 width:100%;
 height:80px;
}

.menu_ic
{
 position:relative;
 margin:0 auto;
 max-width:1024px;
 min-width:960px;

}

.menu_ic_2
{
 position:relative;
 margin:0 auto;
 width:209px;
 float:right;
}

.menu_kapsul
{
 position:relative;
 float:right;
 width:138px;
 height:49px;
 margin-top:19px;
 margin-right:15px;
}

.menu_kapsul:hover
{
 position:relative;
 float:right;
 width:138px;
 height:49px;
}



.menu_Ub
{

 position:relative;
 width:120px;
 text-align:right;
}


.menu_Ub a
{

 position:relative;
  font-family: "Verdana";
   font-weight: 200;
   font-style: normal;
 font-size:17px;
 color:#1b79a1;
 width:120px;
 text-align:right;
}


.menu_Ub a:hover
{

 position:relative;
  font-family: "Verdana";
   font-weight: 200;
   font-style: normal;
 font-siz8px;
 color:#c00000;
 width:120px;
 text-align:right;
}


.menu_Ab
{
 position:relative;
 width:120px;
 text-align:right;
}

.menu_Ab a
{
 position:relative;
 width:120px;
 color:#909090;
 font-family:arial;
 font-size:14px;
 text-align:right;
}

.menu_Ab a:hover
{
 color:#cc0000;
}

.alt
{
 position:relative;
 margin:0 auto;
 width:100%;
 height:136px;
 background:url(img/d4back.jpg) repeat-x;
 z-index:2;
}
.alt_orta
{
 position:relative;
 margin:0 auto;
 max-width:1024px;
 min-width:480px;
}
.logo
{
	position:absolute; 
	margin:50px 0 0 710px;
	z-index:10; 
	width:263px;
	height:121px;
}
.menuler
{
	position:absolute;
	display:block; 
	margin:35px 0 0 0; 
	z-index:10; 
	overflow:hidden;
	max-width:700px;
	min-width:480px;
}
.ust_menu
{
    float:left;
    margin:5px;
    font-family:Tahoma;
    font-weight:700;
    cursor:hand;
    cursor:pointer;
}
.ust_menu_web
{
    color:#f71b1b;
    font-size:14px;
}
.ust_menu_mobile
{
    color:#38629c;
    font-size:14px;
}
.ust_menu_grafik
{
    color:#008aad;
    font-size:14px;
}
.ust_menu_3d
{
    color:#d39537;
    font-size:14px;
}

.ust_menu_m 
{
    color:#ababab;
    font-size:14px;
    text-decoration:none;
}

.ust_menu_m > a
{
    color:#ababab;
    font-size:14px;
    text-decoration:none;
}
.ust_menu_mc
{
    color:#ababab;
    font-size:19px;
    font-weight:bolder;
    margin-top:0px;
}
.m_foto
{
  position:absolute;
  margin:40px 0 0 318px;  
  width:176px;
  display:none;

}
.m_foto_box_ds
{
    position:relative;  
    width:176px;
    height:30px;
    background:#d1b67d;
    margin-top:2px;
    text-align:center;
    z-index:19;
    cursor:hand;
    cursor:pointer;
}

.m_foto_box_ds:hover
{  
    background:#d39537;  
}

.m_ic_foto
{
    position:absolute;
    margin:-15px 0 0 -15px;
    width:30px;
    height:31px;
    background:url(img/ic_foto.png) no-repeat;
    z-index:20;
}

.m_grafik
{
  position:absolute;
  margin:40px 0 0 250px;  
  width:176px;
  display:none;

}
.m_grafik_box_ds
{
    position:relative;  
    width:176px;
    height:30px;
    background:#7dc0d1;
    margin-top:2px;
    text-align:center;
    z-index:19;
    cursor:hand;
    cursor:pointer;
}

.m_grafik_box_ds:hover
{
    background:#008aad;
}

.m_ic_grafik
{
    position:absolute;
    margin:-15px 0 0 -15px;
    width:30px;
    height:31px;
    background:url(img/ic_grafik.png) no-repeat;
    z-index:20;
}

.m_mobile
{
  position:absolute;
  margin:40px 0 0 175px;  
  width:176px;
  display:none;
}
.m_mobile_box_ds
{
    position:relative;  
    width:176px;
    height:30px;
    background:#7da3d1;
    margin-top:2px;
    text-align:center;
    z-index:19;
    cursor:hand;
    cursor:pointer;
}

.m_mobile_box_ds:hover
{
    background:#38629c;
}

.m_ic_mobile
{
    position:absolute;
    margin:-15px 0 0 -15px;
    width:30px;
    height:31px;
    background:url(img/ic_mobile.png) no-repeat;
    z-index:20;
}

.m_web
{
  position:absolute;
  margin:40px 0 0 80px;  
  width:176px;
  display:none;
}
.m_web_box_ds
{
    position:relative;  
    width:176px;
    height:30px;
    background:#eb7775;
    margin-top:2px;
    text-align:center;
    z-index:19;
    cursor:hand;
    cursor:pointer;
}

.m_web_box_ds:hover
{
    background:#f71b1b; 
}

.m_ic_web
{
    position:absolute;
    margin:-15px 0 0 -15px;
    width:30px;
    height:31px;
    background:url(img/ic_web.png) no-repeat;
    z-index:20;
}

.m_div_ic
{
    position:relative;
    padding-top:5px;
}

.m_div_ic > a
{
    font-family:Arial;
    font-size:13px;
    font-weight:700;
    color:White;
    text-decoration:none;
    
}
.slayt_back
{
    position:relative;
    z-index:80;
    max-width:980px;
    min-width:480px;
}

.slayt_alti
{
    position:absolute;
    z-index:4;
    margin:-100px 0 0 263px;
    max-width:702px;
    min-width:480px;
}

.slayt_resim
{  
    max-width:980px;
    min-width:480px;
}

.fluidHeight {
	position: absolute;
	width: 873px;
	height: 325px;
	
	margin-top: -5px;
	margin-left:55px;
	/*background: #363739 url('images/container-bg.jpg') repeat 50% 0;*/
	/*box-shadow: inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;*/
	z-index:90;
}

.sliderContainer {
	height: 100%;
	max-height: 400px;
	padding: 0 0;
}

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 980px;
	height: 400px;
}

.iosSlider .slider { width: 873px; height: 100%; }

.iosSlider .slider .item { width: 873px; height: 100%; padding: 5px 0 5px 0; }


.iosSlider .slider .item .inner {
	position: relative;
	top: 0;
	left: 0;
	width: 873px;
	margin: 0 auto;
	height: 400px;
	/*box-shadow: 0 0 10px -5px #000;*/
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.iosSlider .slider .item .inner .text1 {
 background: none repeat scroll 0 0 #000;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 150px;
  top: 30px;
  padding: 5px 2px 0 7px;
}

.iosSlider .slider .item .inner .text1 span {  color: #fff; font: 55px/70px Norican; padding: 0 8px; }

.iosSlider .slider .item .inner .text2 
{
 
 background: none repeat scroll 0 0 #000;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 5px 7px 7px;
  position: absolute;
  right: 0;
  top: 100px;
}

.iosSlider .slider .item .inner .text2 span { color: #fff; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.iosSlider .slider .item1 .inner { background-image: url('images/web_sitesi.png'); }

.iosSlider .slider .item2 .inner { background-image: url('images/fotograf.png'); }

.iosSlider .slider .item3 .inner { background-image: url('images/sanaltur.png'); }

.iosSlider .slider .item4 .inner { background-image: url('images/h-slider-4.jpg'); }

.iosSlider .slider .item5 .inner { background-image: url('images/h-slider-5.jpg'); }

.sliderContainer .slideSelectors {
	position: relative;
	bottom: 20px;
	left: 0;
        width: 92%;
        margin: 0 4%;
	z-index: 1;
	height: 10px;
}

.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	border: 1px solid #646464;
	background: #999;
	margin: 0 0 0 10px;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.sliderContainer .slideSelectors .selected {
	
	background-image: url('images/bt.jpg');
	border: 1px solid #dea583;
	opacity: 1;
	filter: alpha(opacity=100);
}


#prevButton {
				position: absolute;
				top: 125px;
				left: -33px;
				width: 26px;
				height: 55px;
				z-index: 3000;
				background: url(images/sol_ok2.png) no-repeat 0 -60px;

			}
			
#prevButton:hover {
				position: absolute;
				top: 125px;
				left: -33px;
				width: 26px;
				height: 55px;
				z-index: 3000;
				background: url(images/sol_ok2.png) no-repeat 100% 0;
				

			}	
			
#nextButton {
				position: absolute;
				top: 125px;
				right: -33px;
				width: 26px;
				height: 55px;
				z-index: 3000;
				background: url(images/sag_ok2.png) no-repeat 0 -59px;
			}
			
#nextButton:hover {
				position: absolute;
				top: 125px;
				right: -33px;
				width: 26px;
				height: 55px;
				z-index: 3000;
				background: url(images/sag_ok2.png) no-repeat 0 -60px;
				background: url(images/sag_ok2.png) no-repeat 100% 0;
			}
			
			
	
.fluidHeight2 {
	position: relative;
	width: 285px;
	height: 167px;
	float:left;
	margin:45px 19px 19px 19px;
	/*background: #363739 url('images/container-bg.jpg') repeat 50% 0;*/
	/*box-shadow: inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;*/
	box-shadow: 0px 0px 15px #999999;
	z-index:90;
}

.sliderContainer2 {
	height: 100%;
	max-height: 167px;
	padding: 0 0;
}

.iosSlider2 {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 285px;
	height: 167px;
}

.iosSlider2 .slider2 { width: 285px; height: 100%; }

.iosSlider2 .slider2 .item2 { width: 285px; height: 100%; }


.iosSlider2 .slider2 .item2 .inner2 {
	position: relative;
	top: 0;
	left: 0;
	width: 285px;
	margin: 0 auto;
	height: 167px;
	/*box-shadow: 0 0 10px -5px #000;*/
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.iosSlider2 .slider2 .item2 .inner2 .text1 {
 background: none repeat scroll 0 0 #000;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 150px;
  top: 30px;
  padding: 5px 2px 0 7px;
}

.iosSlider2 .slider2 .item2 .inner2 .text1 span {  color: #fff; font: 55px/70px Norican; padding: 0 8px; }

.iosSlider2 .slider2 .item2 .inner2 .text2 
{
 
 background: none repeat scroll 0 0 #000;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 5px 7px 7px;
  position: absolute;
  right: 0;
  top: 100px;
}

.iosSlider2 .slider2 .item2 .inner2 .text2 span { color: #fff; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.iosSlider2 .slider2 .item1_2 .inner2 { background-image: url('images/akay_ufak.png'); }

.iosSlider2 .slider2 .item2_2 .inner2 { background-image: url('images/akay_ufak.png'); }

.iosSlider2 .slider2 .item3_2 .inner2 { background-image: url('images/akay_ufak.png'); }

.iosSlider2 .slider2 .item4_2 .inner2 { background-image: url('images/akay_ufak.png'); }

.iosSlider2 .slider2 .item5_2 .inner2 { background-image: url('images/akay_ufak.png'); }

.sliderContainer2 .slideSelectors2 {
	position: relative;
	bottom: 20px;
	left: 0;
        width: 92%;
        margin: 0 4%;
	z-index: 1;
	height: 10px;
}

.sliderContainer2 .slideSelectors2 .item2 {
	float: left;
	width: 9px;
	height: 9px;
	
	background: #999;
	margin: 0 0 0 10px;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.sliderContainer2 .slideSelectors2 .selected2 {
	
	background-image: url('images/bt.jpg');
	
	opacity: 1;
	filter: alpha(opacity=100);
}


#prevButton2 {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				

			}
			
#prevButton2:hover {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				background: #d37575 url(images/sol_ok.png) no-repeat;
				opacity:0.5;
				filter:Alpha(opacity=50);

			}	
			
#nextButton2 {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				
			}
			
#nextButton2:hover {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				background: #d37575 url(images/sag_ok.png) no-repeat;
				opacity:0.5;
				filter:Alpha(opacity=50);
			}	
			
			
.fluidHeight3 {
	position: relative;
	width: 285px;
	height: 167px;
	float:left;
	margin:45px 19px 19px 19px;
	/*background: #363739 url('images/container-bg.jpg') repeat 50% 0;*/
	/*box-shadow: inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;*/
	box-shadow: 0px 0px 15px #999999;
	z-index:90;
}

.sliderContainer3 {
	height: 100%;
	max-height: 167px;
	padding: 0 0;
}

.iosSlider3 {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 285px;
	height: 167px;
}

.iosSlider3 .slider3 { width: 285px; height: 100%; }

.iosSlider3 .slider3 .item3 { width: 285px; height: 100%; }


.iosSlider3 .slider3 .item3 .inner3 {
	position: relative;
	top: 0;
	left: 0;
	width: 285px;
	margin: 0 auto;
	height: 167px;
	/*box-shadow: 0 0 10px -5px #000;*/
	background-position: 50% 0;
	background-repeat: no-repeat;
}



.iosSlider3 .slider3 .item1_3 .inner3 { background-image: url('images/akay_ufak.png'); }

.iosSlider3 .slider3 .item2_3 .inner3 { background-image: url('images/akay_ufak.png'); }

.iosSlider3 .slider3 .item3_3 .inner3 { background-image: url('images/akay_ufak.png'); }

.iosSlider3 .slider3 .item4_3 .inner3 { background-image: url('images/akay_ufak.png'); }

.iosSlider3 .slider3 .item5_3 .inner3 { background-image: url('images/akay_ufak.png'); }

.sliderContainer3 .slideSelectors3 {
	position: relative;
	bottom: 20px;
	left: 0;
        width: 92%;
        margin: 0 4%;
	z-index: 1;
	height: 10px;
}

.sliderContainer3 .slideSelectors3 .item3 {
	float: left;
	width: 9px;
	height: 9px;
	
	background: #999;
	margin: 0 0 0 10px;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.sliderContainer3 .slideSelectors3 .selected3 {
	
	background-image: url('images/bt.jpg');
	
	opacity: 1;
	filter: alpha(opacity=100);
}


#prevButton3 {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				

			}
			
#prevButton3:hover {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				background: #d37575 url(images/sol_ok.png) no-repeat;
				opacity:0.5;
				filter:Alpha(opacity=50);

			}	
			
#nextButton3 {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				
			}
			
#nextButton3:hover {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				background: #d37575 url(images/sag_ok.png) no-repeat;
				opacity:0.5;
				filter:Alpha(opacity=50);
			}	
	
.fluidHeight4 {
	position: relative;
	width: 285px;
	height: 167px;
	float:left;
	margin:45px 19px 19px 19px;
	/*background: #363739 url('images/container-bg.jpg') repeat 50% 0;*/
	/*box-shadow: inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;*/
	box-shadow: 0px 0px 15px #999999;
	z-index:90;
}

.sliderContainer4 {
	height: 100%;
	max-height: 167px;
	padding: 0 0;
}

.iosSlider4 {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 285px;
	height: 167px;
}

.iosSlider4 .slider4 { width: 285px; height: 100%; }

.iosSlider4 .slider4 .item4 { width: 285px; height: 100%; }


.iosSlider4 .slider4 .item4 .inner4 {
	position: relative;
	top: 0;
	left: 0;
	width: 285px;
	margin: 0 auto;
	height: 167px;
	/*box-shadow: 0 0 10px -5px #000;*/
	background-position: 50% 0;
	background-repeat: no-repeat;
}



.iosSlider4 .slider4 .item1_4 .inner4 { background-image: url('images/akay_ufak.png'); }

.iosSlider4 .slider4 .item2_4 .inner4 { background-image: url('images/akay_ufak.png'); }

.iosSlider4 .slider4 .item3_4 .inner4 { background-image: url('images/akay_ufak.png'); }

.iosSlider4 .slider4 .item4_4 .inner4 { background-image: url('images/akay_ufak.png'); }

.iosSlider4 .slider4 .item5_4 .inner4 { background-image: url('images/akay_ufak.png'); }

.sliderContainer4 .slideSelectors4 {
	position: relative;
	bottom: 20px;
	left: 0;
        width: 92%;
        margin: 0 4%;
	z-index: 1;
	height: 10px;
}

.sliderContainer4 .slideSelectors4 .item4 {
	float: left;
	width: 9px;
	height: 9px;
	
	background: #999;
	margin: 0 0 0 10px;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.sliderContainer4 .slideSelectors4 .selected4 {
	
	background-image: url('images/bt.jpg');
	
	opacity: 1;
	filter: alpha(opacity=100);
}


#prevButton4 {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				

			}
			
#prevButton4:hover {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				background: #d37575 url(images/sol_ok.png) no-repeat;
				opacity:0.5;
				filter:Alpha(opacity=50);

			}	
			
#nextButton4 {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				
			}
			
#nextButton4:hover {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 40px;
				height: 167px;
				z-index: 3000;
				background: #d37575 url(images/sag_ok.png) no-repeat;
				opacity:0.5;
				filter:Alpha(opacity=50);
			}
			

.fluidHeight5 {
	position: relative;
	width:355px;
 	height:105px;
	margin-top:10px;
	/*background: #363739 url('images/container-bg.jpg') repeat 50% 0;*/
	/*box-shadow: inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;*/
	
	z-index:90;
}

.sliderContainer5 {
	height: 100%;
	max-height: 105px;
	padding: 0 0;
}

.iosSlider5 {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width:355px;
 	height:105px;
}

.iosSlider5 .slider5 { width: 355px; height: 100%; }

.iosSlider5 .slider5 .item5 { width: 355px; height: 100%; }


.iosSlider5 .slider5 .item5 .inner5 {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	margin: 0 auto;
	height: 105px;
	/*box-shadow: 0 0 10px -5px #000;*/
	background-position: 50% 0;
	background-repeat: no-repeat;
}



.iosSlider5 .slider5 .item1_5 .inner5 { overflow:hidden }



.sliderContainer5 .slideSelectors5 {
	position: relative;
	bottom: 20px;
	left: 0;
        width: 92%;
        margin: 0 4%;
	z-index: 1;
	height: 10px;
}

.sliderContainer5 .slideSelectors5 .item5 {
	float: left;
	width: 9px;
	height: 9px;
	
	background: #999;
	margin: 0 0 0 10px;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.sliderContainer5 .slideSelectors5 .selected5 {
	
	background-image: url('images/bt.jpg');
	
	opacity: 1;
	filter: alpha(opacity=100);
}


#prevButton5 {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 30px;
				height: 105px;
				z-index: 3000;
				

			}
			
#prevButton5:hover {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 30px;
				height: 105px;
				z-index: 3000;
				background: #cff1fc url(img/sol.png) no-repeat 5px 43px;
				opacity:0.5;
				filter:Alpha(opacity=50);

			}	
			
#nextButton5 {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 30px;
				height: 105px;
				z-index: 3000;
				
			}
			
#nextButton5:hover {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 30px;
				height: 105px;
				z-index: 3000;
				background: #cff1fc url(img/sag.png) no-repeat 5px 43px;
				opacity:0.5;
				filter:Alpha(opacity=50);
			}	
			
			
.fluidHeight6 {
		
 position:absolute;
 margin:-35px 0 0 75px;
 width:570px;
 height:380px;


 z-index:9;

	
}

.sliderContainer6 {
	height: 100%;
	max-height: 380px;
	padding: 0 0;
}

.iosSlider6 {
	position: relative;
	top: 0;
	left: 0;

	width: 570px;
	height: 380px;
}

.iosSlider6 .slider6 { width: 570px; height: 100%; }

.iosSlider6 .slider6 .item6 { width: 570px; height: 100%; }


.iosSlider6 .slider6 .item6 .inner6 {
	position: relative;
	top: 0;
	left: 0;
	width: 570px;
	margin: 0 auto;
	height: 380px;
	/*box-shadow: 0 0 10px -5px #000;*/
	background-position: 50% 0;
	background-repeat: no-repeat;
}



.iosSlider6 .slider6 .item1_6 .inner6 { overflow:hidden;margin-top:28px }

.iosSlider6 .slider6 .item2_6 .inner6 { background-image: url('slayt2.jpg'); }



.sliderContainer6 .slideSelectors6 {
	position: relative;
	bottom: 20px;
	left: 0;
        width: 92%;
        margin: 0 4%;
	z-index: 1;
	height: 10px;
}

.sliderContainer6 .slideSelectors6 .item6 {
	float: left;
	width: 9px;
	height: 9px;
	
	background: #999;
	margin: 0 0 0 10px;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.sliderContainer6 .slideSelectors6 .selected6 {
	
	background-image: url('images/bt.jpg');
	
	opacity: 1;
	filter: alpha(opacity=100);
}


#prevButton6 {
				position: absolute;
				top: 60px;
				left: 0px;
				width: 60px;
				height: 320px;
				z-index: 3000;
				

			}
			
#prevButton6:hover {
				position: absolute;
				top: 60px;
				left: 0px;
				width: 60px;
				height: 320px;
				z-index: 3000;
				background: #cff1fc url(img/sol.png) no-repeat 20px 150px;
				opacity:0.5;
				filter:Alpha(opacity=50);

			}	
			
#nextButton6 {
				position: absolute;
				top: 60px;
				right: 0px;
				width: 60px;
				height: 320px;
				z-index: 3000;
				
			}
			
#nextButton6:hover {
				position: absolute;
				top: 60px;
				right: 0px;
				width: 60px;
				height: 320px;
				z-index: 3000;
				background: #cff1fc url(img/sag.png) no-repeat 20px 150px;
				opacity:0.5;
				filter:Alpha(opacity=50);
			}	
			
			
.box_baslik
{
	position:absolute;
	width:285px;
	text-align:right;
	font-family:Tahoma;
	font-size:16px;
	font-weight:lighter;
	color:#b95555;
	margin:-30px 0 0 0;
}	
.sayfa_baslik
{
	position:absolute;
	width:250px;
	margin:-60px 0 0 25px;
	font-family:Tahoma;
	font-size:15px;
	font-weight:600;
	color:#999999;
}
.sayfa_baslik_alt
{
	position:absolute;
	margin:-40px 0 0 25px;
	color:#999999;
}
.ara_cbk
{
    position: relative;
    clear:both;
	width:auto;
	height: 1px;
	float:left;
	background:#dde0e5;
    width:915px;
    margin:10px 0 0 25px;
     
}
.peri_alti
{
    position:absolute;
    width:484px;
    height:332px;
    background:url(images/peri_alt.png) no-repeat;
    margin: 220px 0 0 495px;
    z-index:3;
    
    
}

.fluidHeight7 {
	position: relative;
	width: 285px;
	height: 167px;
	float:left;
	margin:70px 19px 19px 19px;
	z-index:90;
}

.peryyyy
{
    position: absolute;
	width: 133px;
	height: 150px;
	background:url(images/peryyyy.png) no-repeat;
	margin:62px 19px 19px 19px;
	z-index:3
}

.raffff
{
    position: absolute;
	width: 264px;
	height: 52px;
	background:url(images/rafff.png) no-repeat;
	margin:155px 19px 19px 19px;
	z-index:1
}

.pery_baloon
{
   position: absolute;
	width: 222px;
	height: 182px;
	margin:-45px 19px 19px 48px;
	z-index:4 
}

a{
	color:#484848;
	text-decoration:none;
}
.clr{
	clear:both;
}



/* Flexible Slide-to-top Accordion Style*/
.wrapper{
	width:90%;
	max-width:910px;
	top:0;
	margin:-75px 0 0 0px;
}
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion ul li{
    height: 50px;
    border-bottom: 1px solid #dee1e4;
    border-top:1px solid #fff;
    overflow: hidden;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    font-family: 'Prosto One', cursive;
    text-shadow: 1px 1px 1px #fff;
    font-size: 20px;
    display: block;
	position: relative;
    line-height: 50px;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a span{
	background: transparent url(images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #c00000;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #c00000;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
    font-size:  13px;
    font-family:  arial, serif;
   
    line-height:  16px;
    padding: 0px 4px 15px 4px; 
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:36px;
	}
}