@charset "utf-8";
/* CSS Document */

.size-big{
	font-size:24px;}

#div1 {
width:100;
display: none;
padding:5px;
}
#click_toogle{
padding:3px;
border:none;
cursor:pointer;
}
.close{
	margin-left:690px;}




body{
	padding:0px;
	margin:0px;}

.invi-slider-btn{
	position:absolute;
	right:0px;
	top:78px;
	display:block;
	width:247px;
	height:191px;
	z-index:2;
	vertical-align:top;}
.invi-slider-btn a:hover{
	color:#fff;
	font-family:"Arial Black", Gadget, sans-serif;
	text-decoration:none;	}
.invi-slider-btn-in{
	display:block;
	width:247px;
	height:20px;
	float:left;
	clear:both;
	margin-top:3px;
	cursor:pointer;
	font-size:14px;
	font-weight:900;
	color:#eac912;
	font-family:"Arial Black", Gadget, sans-serif;
	text-decoration:none;}
.invi-slider-btn-in a{
	font-size:14px;
	font-weight:900;
	color:#eac912;
	font-family:"Arial Black", Gadget, sans-serif;
	text-decoration:none;}
.invi-slider-btn-in a:hover{
	font-size:14px;
	font-weight:900;
	color:#fff;
	font-family:"Arial Black", Gadget, sans-serif;
	text-decoration:none;}
	
.invi-slider-btn-in img:hover{
	display:block;
	padding-left:5px;
	width:247px;
	height:20px;
	background-image:url(../images/btn-bg-2.png); background-position:center middle; background-repeat:no-repeat;}

#all{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	clear:both;
	}
.header{
	position: relative;
	float:left;
	width:100%;
	height:305px;
	background-color:#382d09;
	background-image:url(../images/bg-top.jpg); background-repeat:no-repeat; background-position:center top;}
	
.header-wrapper {
	width:978px; height:305px;
	position:absolute; top:0px;
	left:50%;
	margin-left:-489px;
	}
.slider-wrapper{
	position:absolute;
	width:796px;
	height:288px;
	right:0px;
	top:15px;}

.content-wrapper{
	width:978px; height:442px;
	position:absolute; top:0px;
	left:50%;
	margin-left:-489px; background-image:url(../images/bg-content-all.jpg); background-position:center top; background-repeat:no-repeat;
	}
.footer-wrapper{
	width:978px; height:408px;
	position:absolute; top:12px;
	left:50%;
	margin-left:-489px;
	}
.fb-twitter{
	position:absolute;
	width:100%;
	top:0px;
	}

.content{
	position:relative;
	float:left;
	width:100%;
	height:442px;
	background-color:#382d09;}
.content-fix{
	position:relative;
	float:left;
	width:100%;
	background-color:#382d09;}
.footer{
	z-index:10;
	position:relative;
	float:left;
	width:100%;
	height:421px;
	background-color: #1e3487;
	background-image:url(../images/footer-bg.jpg); background-repeat:no-repeat; background-position:center top;}

.klfest-logo-nav-btn{
	position:absolute; left:0px; top:15px;
	width:173px; height:339px;
	background-image:url(../images/klfest-logo.jpg);
	z-index:5;}
.semarak{
	position:absolute; left:160px; top:5px;
	width:189px; height:157px;
	background-image:url(../images/disini-semaraknya-seni.png);
	z-index:9999;
}
.language{
	position:absolute; right:5px; top:0px;
	width:142px; height:17px;
	background-image:url(../images/language.png);
	z-index:5;
	font-size:11px; text-decoration:none; color:#372d09;
}
.language a{
	text-decoration:none; color:#372d09;
}
.language a:hover{
	text-decoration:none; color:#eac912;
}
.semak{
	position:absolute;
	left:500px;
	top:231px;
	width:196px;
	height:74px;
	background-image:url(../images/rumput.png);
	z-index:5;
}
.semak2{
	position:absolute;
	left:200px;
	top:261px;
	width:196px;
	height:45px;
	background-image:url(../images/rumput.png);
	z-index:5;
}
.main-nav{
	position:absolute;
	width:100%;
	margin-top:165px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder; line-height:28px;
	color:#ffcf25;}
.text-content-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color: #333;}
.text-content-copy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:300;
	color: #333;
	text-align: left;
}
.text-content-img{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:300;
	font-style:italic;
	color: #333;
	line-height:25px;}
.main-nav ul{
	list-style-type: none;}
.main-nav ul a:hover{
	list-style-type: none;
	color:#FFF;}
.main-nav ul a{
	list-style-type: none;
	color:#ffcf25;
	text-decoration:none;}
.jab{
	z-index:9999;
	float:left;
	position:absolute;
	margin-top:53px;
	margin-left:4px;
	padding-top:100px;
	width:169px;
	height:384px;
	background-image:url(../images/bg-jab-lain.png); background-repeat:no-repeat; background-position:center top;}
.jab-content{
	float:left;
	margin-top:51px;
	margin-left:2px;
	padding-top:100px;
	width:169px;
	height:384px;
	background-image:url(../images/bg-jab-lain.png); background-repeat:no-repeat; background-position:center top;}

.jab-lain-thumb{
	margin-left:4px;
	width:162px;
	height:69px;
	float:left;
	padding-top:3px;
}
.jab-lain-thumb-2{
	margin-left:4px;
	width:162px;
	height:50px;
	float:left;
	padding-top:3px
}

.text-small-orange{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9c7a22; text-decoration:none;}
.text-jab-lain, .text-jab-lain a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fecd28; text-decoration:none;}
.text-jab-lain a:hover{
	color: #fff !important;
	}
.text-small-orange a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9c7a22; text-decoration:none;}

.text-small-orange a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff; text-decoration:none;}

.text-fb-twitter{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#9c7a22; text-decoration:none;
	font-weight:200;}

.vid-player {
	position:absolute;
	margin-left:180px;
	padding-top:3px;
	margin-top:10px;
	width:466px; height:351px;
	background-image:url(../images/bg-vid.jpg); background-repeat:no-repeat; background-position:center top;}
.content-wrapper-main {
	position:absolute;
	margin-left:0px;
	padding-top:3px;
	margin-top:10px;
	width:750px;
	padding-left:200px;
}
.info-terkini-wrapper {
	position:absolute;
	right:-30px;
	padding-top:3px;
	margin-top:10px;
	width:347px; height:420px;
	}
.info-terkini-wrapper-own {
	background-color:#fecd28;
	width:346px; height:400px; background-image:url(../images/bg-info-iframe.jpg); background-repeat:repeat-y; background-position:right;
	}
.info-terkini-thumb{
/*	position:absolute;
*/	width:322px;
	height:40px;
	background-image:url(../images/info-title.png); background-repeat:no-repeat; background-position:left top;
	float:left;
}
.info-terkini-thumb-e{
/*	position:absolute;
*/	width:322px;
	height:40px;
	background-image:url(../images/info-title-e.png); background-repeat:no-repeat; background-position:left top;
	float:left;
}

.info-terkini-thumb-update{
	position:relative;
	margin-top:5px;
	right:4px;
	width:347px;
	height:111px;
	background-image:url(../images/bg-thumb-info.png); background-repeat:no-repeat; background-position:left top;
	float:left;
}
.info-terkini-thumb-update-own{
	position:relative;
	margin-top:5px;
	width:347px;
	height:111px;
	background-image:url(../images/bg-thumb-info.png); background-repeat:no-repeat; background-position:left top;
	float:left;
}
.info-terkini-thumb-img{
	width:90px;
	height:90px;
	margin-left:10px;
	margin-top:10px;
	float:left;}

.info-terkini-thumb-title{
	width:166px;
	height:90px;
	margin-left:10px;
	margin-top:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	letter-spacing:-2px;
	font-weight:bolder;}
.info-terkini-thumb-title a{
	text-decoration:none;
	color:#000;}
.info-terkini-thumb-title a:hover{
color:#fff;}

.info-terkini-thumb-title span{
	font-size:13px;
	letter-spacing:0px;
	font-weight: 400;}

.info-terkini-thumb-date{
	width:53px;
	height:44px;
	margin-left:18px;
	margin-right:0px;
	margin-top:25px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;}
.info-terkini-thumb-date span, .info-terkini-thumb-date span a{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; font-weight:bold;
	color:#FFF;}

.vid-player-thumb-wrapper {
	position:absolute;
	bottom:4px;
	margin-left:180px;
	width:466px;
	height:80px;
}
.vid-player-thumb{
	position: relative;
	margin-left:13px; margin-top:5px;
	width:101px; 
	height:75px;
	float:left;
}
.event-date{
	position:absolute;
	left:50px;
	top:80px;}
.event-peta{
	position:absolute;
	left:350px;
	top:70px;}	
.event-jadual{
	position:absolute;
	left:680px;
	top:60px;}	
.footer-button{
	position:absolute;
	bottom:5px;
	width:100%; height:100px;
}
.left-padding30px{
	padding-left:30px;}
.text-footer-btn, .text-footer-btn a{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e3ab00; text-decoration:none;}
.text-footer-btn a:hover{
	color:#FFF;}
.text-copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; color:#6b9af1;}
.text-copyright-jab, .text-copyright-jab a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; color:#6b9af1;
	text-decoration:none;}
.text-copyright-jab a:hover{
	color:#FFF;}