@charset "utf-8";
body{
	margin:0;
	padding:0;
	background-color:#000;
	overflow-y:hidden;
	position:relative;
		background-repeat:no-repeat;
	background:left top;
  
}
img {
	border:0;
	}
.solmenu {
	float:left;
	margin-left: 20px;
	margin-top: 30px;
	width: 249px;
	overflow: hidden;
	z-index: 999;
}
.solmenu .buton {
	width: 249px;
	margin-bottom:7px;
	cursor:pointer;
}
.solmenu .buton img{
	float: right;
}
.solmenu .buton .audio_buton{ float:right; background-image:url(../images/sol_btn_1.png); width:107px; height:48px;}
.solmenu .buton .audio_buton:hover{float:right; background-image:url(../images/sol_btn_1b.png); width:107px; height:48px;}
.solmenu .buton .audio_buton_aktif{ float:right; background-image:url(../images/sol_btn_1c.png); width:107px; height:48px;}

.solmenu .buton .video_buton{ float:right; background-image:url(../images/sol_btn_2.png); width:144px; height:65px;}
.solmenu .buton .video_buton:hover{float:right; background-image:url(../images/sol_btn_2b.png); width:144px; height:65px;}
.solmenu .buton .video_buton_aktif{ float:right; background-image:url(../images/sol_btn_2c.png); width:144px; height:65px;}

.solmenu .buton .mapping_buton{ float:right; background-image:url(../images/sol_btn_3.png); width:233px; height:50px;}
.solmenu .buton .mapping_buton:hover{float:right; background-image:url(../images/sol_btn_3b.png); width:233px; height:50px;}
.solmenu .buton .mapping_buton_aktif{ float:right; background-image:url(../images/sol_btn_3c.png); width:233px; height:50px;}

.solmenu .buton .seslendirme_buton{ float:right; background-image:url(../images/sol_btn_4.png); width:177px; height:44px;}
.solmenu .buton .seslendirme_buton:hover{float:right; background-image:url(../images/sol_btn_4b.png); width:177px; height:44px;}
.solmenu .buton .seslendirme_buton_aktif{ float:right; background-image:url(../images/sol_btn_4c.png); width:177px; height:44px;}

.solmenu .buton .seslendirme_buton{ float:right; background-image:url(../images/sol_btn_4.png); width:177px; height:44px;}
.solmenu .buton .seslendirme_buton:hover{float:right; background-image:url(../images/sol_btn_4b.png); width:177px; height:44px;}
.solmenu .buton .seslendirme_buton_aktif{ float:right; background-image:url(../images/sol_btn_4c.png); width:177px; height:44px;}

.solmenu .buton .production_buton{ float:right; background-image:url(../images/sol_btn_5.png); width:249px; height:30px;}
.solmenu .buton .production_buton:hover{float:right; background-image:url(../images/sol_btn_5b.png); width:249px; height:30px;}
.solmenu .buton .production_buton_aktif{ float:right; background-image:url(../images/sol_btn_5c.png); width:249px; height:30px;}

.solmenu .buton .cast_buton{ float:right; background-image:url(../images/sol_btn_6.png); width:59px; height:25px;}
.solmenu .buton .cast_buton:hover{float:right; background-image:url(../images/sol_btn_6b.png); width:59px; height:25px;}
.solmenu .buton .cast_buton_aktif{ float:right; background-image:url(../images/sol_btn_6c.png); width:59px; height:25px;}


.logo {
	float:left;
	margin-left: 20px;
	margin-top: 50px;
	height: 46px;
	width: 242px;

}
.titr {
	float:right;
	margin-top: 30px;
	height: 40px;
	width: 249px;
	
}
.titr span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
	text-align:right;
	float:right;
}
.ustmenu {
	float:right;
	margin-top: 50px;
	height: 43px;
	width: 450px;

}
.ust_trf{ float:left; width:980px;}
.ustmenu .buton {
	height:22px;
	float:left;
	margin-right: 15px;
	margin-top: 16px;
	cursor:pointer;
}

.ustmenu .buton .effective_buton{ float:left; background-image:url(../images/ust_menu_01.png); width:60px; height:22px;}
.ustmenu .buton .effective_buton:hover{float:left; background-image:url(../images/ust_menu_01b.png); width:60px; height:22px;}
.ustmenu .buton .effective_buton_aktif{float:left; background-image:url(../images/ust_menu_01c.png); width:60px; height:22px;}

.ustmenu .buton .studyo_buton{ float:left; background-image:url(../images/ust_menu_02.png); width:49px; height:22px;}
.ustmenu .buton .studyo_buton:hover{float:left; background-image:url(../images/ust_menu_02b.png); width:49px; height:22px;}
.ustmenu .buton .studyo_buton_aktif{float:left; background-image:url(../images/ust_menu_02c.png); width:49px; height:22px;}

.ustmenu .buton .ekip_buton{ float:left; background-image:url(../images/ust_menu_03.png); width:28px; height:22px;}
.ustmenu .buton .ekip_buton:hover{float:left; background-image:url(../images/ust_menu_03b.png); width:28px; height:22px;}
.ustmenu .buton .ekip_buton_aktif{float:left; background-image:url(../images/ust_menu_03c.png); width:28px; height:22px;}


.ustmenu .buton .iletisim_buton{ float:left; background-image:url(../images/ust_menu_04.png); width:51px; height:22px;}
.ustmenu .buton .iletisim_buton:hover{float:left; background-image:url(../images/ust_menu_04b.png); width:51px; height:22px;}
.ustmenu .buton .iletisim_buton_aktif{float:left; background-image:url(../images/ust_menu_04c.png); width:51px; height:22px;}

.ustmenu .buton .egitim_buton{ float:left; background-image:url(../images/ust_menu_05.png); width:43px; height:22px;}
.ustmenu .buton .egitim_buton:hover{float:left; background-image:url(../images/ust_menu_05b.png); width:43px; height:22px;}
.ustmenu .buton .egitim_buton_aktif{float:left; background-image:url(../images/ust_menu_05c.png); width:43px; height:22px;}

.ustmenu .buton .referanslar_buton{ float:left; background-image:url(../images/ust_menu_06.png); width:82px; height:22px;}
.ustmenu .buton .referanslar_buton:hover{float:left; background-image:url(../images/ust_menu_06b.png); width:82px; height:22px;}
.ustmenu .buton .referanslar_buton_aktif{float:left; background-image:url(../images/ust_menu_06c.png); width:82px; height:22px;}

.ustmenu .sosyalmedya{
	height:43px;
	width:43px;
	float:right;
	margin-right:0px;
}
.ustmenu .sosyalmedya .ikon{
	height:16px;
	width:16px;
	float:left;
	margin-right: 4px;
	margin-bottom: 4px;
}

.sayfalar {
	height: 1000px;
	width: 100%;
	background-repeat:no-repeat;
	background:left top;
	-moz-background-size: 100% 100%;/* Firefox 3.6 */
-o-background-size: 100% 100%;/* Opera 9.5 */
-webkit-background-size: 100% 100%;/* Safari 3.0, Chrome */
background-size: 100% 100%;    
}
.sayfalar .icbolum {
	height: 478px;
	width: 690px;
	padding-top: 130px;
	padding-left: 300px;
	margin-left:0px;
}
.videoconatiner {
	height: 281px;
	width: 680px;
	padding-top: 5px;
	padding-left: 10px;
}
.videoconatiner .video_play {
	float: left;
	height: 271px;
	width: 490px;
}
.videoconatiner .video_yazi {
	float: left;
	width: 169px;
	margin-left: 20px;
}
.videoconatiner .video_yazi .baslik {
	float: left;
	width: 170px;
}

.videoconatiner .video_yazi .baslik img {
	width:7px;
	height:7px;
	margin-right:7px;
	margin-top: 3px;
	margin-left: -14px;
	position: absolute;
}
.videoconatiner .video_yazi .baslik span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}
.videoconatiner .video_yazi .metin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cdcdcd;
}

.containerlar{ float:left;position: absolute;
width: 980px;
height: 100px;}




.thumbconatiner {
	height: 180px;
	width: 680px;
	padding-top: 5px;
	padding-left: 10px;
}
.thumbs {
	float: left;
	height: 180px;
	width: 498px;
}
.thumbs .thumb {
	float: left;
	height: 64px;
	width: 114px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #666;
}
.thumbs .thumb2 {
	float: left;
	height: 64px;
	width: 114px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #666;
}
.thumbs .thumbaktif {
	float: left;
	height: 64px;
	width: 114px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #ff0201;
}
.thumbconatiner .pages {
	float: left;
	height: 180px;
	width: 151px;
	margin-left: 11px;
	padding-left: 11px;
}

.thumbconatiner .pages .kutu a{
	height: 12px;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	background-color: #545454;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 8px;
	cursor:pointer;
	display: block;
}
.thumbconatiner .pages .kutu a:hover{
	background-color: #ff0201;
	color: #fff;
}

.thumbconatiner .pages .aktif a{
	height: 12px;
	float: left;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background-color: #ff0201;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 8px;
	cursor: default;
}
.ankor {
	position:absolute;

	}
.iletisimcontainer {
	height: 472px;
	width: 680px;
	padding-top: 5px;
	padding-left: 10px;
}
.iletisimcontainer h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}
.iletisimcontainer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#CCC;
}
.iletisimcontainer p a{
	color:#CCC;
}
.cast {
	float: left;
	height: 175px;
	width: 133px;
	margin-right: 25px;
	margin-bottom: 10px;
}
.cast .ses {
	background-color: #CCC;
	height: 25px;
	width: 133px;
	float: left;
}

.cast p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding:0;
	width:131px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:5px;
	margin-left: 0;
}
.cast .resim {
	width:131px;
	border: 1px solid #666;
	margin-bottom:5px;
}