@charset "utf-8";

/* CSS Document */



* {margin: 0; padding: 0;}



/* -----------------------------

  Global CSS Reset Style

----------------------------- */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {padding: 0; margin: 0; font-size: 100%; font-weight: normal;}

table {border-collapse: collapse; border-spacing: 0;}

td, th, caption {font-weight: normal; text-align: left;}

img, a img,:link img,:visited img, fieldset {border: 0;}

ol {padding-left: 10px; list-style:decimal;}

ul {padding-left: 10px; list-style:square;}

q:before, q:after {content:'';}

:link,:visited { text-decoration:none; }

address { font-style:normal; }

/* ----------------------------- */





/* ----------------------------- 

        Generic Styles

----------------------------- */

body { background-color:#ebebeb; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; line-height:18px;}

ul, ol, p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; line-height:20px;}

a {color:#ccb300; text-decoration:none;}

a:hover {color:#ccb300; text-decoration:underline;}

ul {list-style:disc; padding-left:15px;}

h1 {font-size:36px;}

h2 {font-size:24px;}

h3 {font-size:18px; line-height:20px;}

h4 {font-size:14px;}

/* ----------------------------- */



* html body {background-color:#e8e8e8;}

*:first-child+html body {background-color:#e8e8e8;}



#wrapper {width:960px; margin:0 auto;}



#container {width:960px; height:450px; position:relative; background-color:#FFF; background:url(images/bg_intro.png) top center no-repeat;}





#intro-branding {width:771px; height:65px; margin:30px 0 20px 189px; text-align:center;}

#intro-branding h1 {background:url(images/kedaung_logo-intro-top.png) no-repeat;}

#intro-branding h1 a {display:block; width:582px; height:65px; text-indent:-5000px;}



.logobtm {float:right; margin:20px 0 10px 0;}



#footer {margin:20px 0 10px 0; font-size:11px;}

	#footer a {text-decoration:underline; color:#999;}
	#footer a:hover {color:#666;}





/*******************************************************/

.lof-slidecontent, .lof-slidecontent a {

	color:#FFF;	

}

.lof-slidecontent a.readmore{

	color:#58B1EA;

}

.lof-slidecontent{

	position:relative;

	overflow:hidden;

	padding:10px 0 0 10px;

	width:950px; height:440px;

}

.lof-slidecontent .preload{

	height:100%;

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:100000;

	text-align:center;

	background:#FFF

}

.lof-slidecontent .preload div{

	height:100%;

	width:100%;

	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;

}

.lof-main-outer{

	position:relative;

	height:100%;

	width:940px;

	z-index:3px;

	overflow:hidden;

}





/*******************************************************/

.lof-main-item-desc{

	z-index:100px;

	position:absolute;

	top:0px;

	right:0px;

	width:350px;

	/* filter:0.7(opacity:60) */

	padding:10px;

	text-align:right;

}

.lof-main-item-desc p{

	margin:0 8px;

	padding:8px 0

}

.lof-main-item-desc h3{

	padding:0;

	margin:0

}

.lof-main-item-desc h2{

	padding:0;

	margin:15px 0 0 0px;

}

.lof-main-item-desc h3 a{	

	margin:0;

	background:#C01F25;

	font-size:75%;

	padding:2px 3px;

	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;

	text-transform:uppercase;

	text-decoration:none

}

.lof-main-item-desc h3 a:hover{



	text-decoration:underline;

}

.lof-main-item-desc h3 i {

	font-size:70%;

}







/* style untuk text kiri atas*/

.lof-main-item-desc { margin-top:20px;}



.lof-main-item-desc .title {

	color:#dc0000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	text-transform:uppercase;

	letter-spacing:5px;

	margin-right:20px;

}



.lof-main-item-desc .title span {color:#666;}



.lof-main-item-desc a, .lof-main-item-desc a:hover {text-decoration:none; color:#dc0000;}

/* --------------- */





/* main flash */

ul.lof-main-wapper{

	/* margin-right:auto; */

	overflow:hidden;

	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;

	padding:0px;

	margin:0;

	position:absolute;

	overflow:hidden;

}



ul.lof-main-wapper li{

	overflow:hidden;

	padding:0px;

	margin:0px;

	float:left;

	position:relative;

}

.lof-opacity {

	overflow:visible  !important;;

	position:absolute !important;

}

.lof-opacity  li{

	position:absolute  !important;;

	top:0;

	left:0;

	float:inherit  !important;

}

ul.lof-main-wapper li img{

	padding:0px;	

}





/* item navigator */

.lof-navigator-wapper {

	position:absolute;

	bottom:10px;

	right:10px;

	background:#FFF;

	padding:5px 0 5px 15px;

	margin-bottom:15px;

	-moz-border-radius:5px 5px 5px 5px;



}

.lof-navigator-outer{

	position:relative;

	z-index:100;

	height:180px;

	width:310px;

	overflow:hidden;

	color:#FFF;

	float:left;

	margin-right:35px;

}



* html .lof-navigator-outer {margin-right:15px;}



ul.lof-navigator{

	top:0;

	padding:0;

	margin:0;

	position:absolute;

	width:100%;

}

ul.lof-navigator li{

	cursor:hand; 

	cursor:pointer;

	list-style:none;

	margin-left:0px;

	overflow:hidden;

	float:left;

	display:block;

	text-align:right;

	color:#c3c3c3;

}



ul.lof-navigator li span {padding-right:12px;}



ul.lof-navigator li.active , ul.lof-navigator li:hover  {

	color:#666;

	text-decoration:none;

	background: url(images/arrow-intro.png) right 6px no-repeat;

}


/*------------tambahan rian--------*/
a.enterbtn {text-align:center; width:80px; height:20px; overflow:hidden; background:url(../images/btn_enter.png) no-repeat center top; padding:3px 40px 3px 40px;}
	a.enterbtn:hover {background:url(../images/btn_enter.png) no-repeat center 100%;}