@charset "utf-8";
*{font-family: tahoma;
}
/* footer navigation setting */
.fot-nav ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	float: right;
	
	
	
	
	
	
}
.fot-nav li {
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	float: left;
	width: auto;
	height:10px;
	line-height:8px;
	margin-right: 5px;
	margin-left: 5px;
	padding-left:5px;
	list-style:none;
	border-left:1px solid #CCCCCC;
	color:#fff;
	
	
}
.banner-bawah{
 	height:70px;
	width:500px;
	float:left;
	color:#FFFFFF;
	
	}
.banner-bawah a {
 	text-decoration:none;
	color:#fff;
	
		}
.banner-bawah p {
 	margin:0;
	margin-top:5px;
	
		}


.designed {
	
	width: 480px;
	text-align:right;
	
	height:80px;
	float:right;
	font-size: 14px;
	width:480px;
	color: #fff;
	
	
}
.designed p{
	margin-top:5px;
	width: 480px;
	height10px;
	float:right;
	font-size: 14px;
	color: #fff;
	text-align:right;
	margin-bottom:20px;
	
	
}
.designed a {
	text-decoration:none;
	color: #fff;
	
}



.modul-kanan {
	background: #FEFEFE ;
	float: left;
	height: 100%;
	width: 720px;
	display:block;
}
.modul-kanan-top {
	background: #FEFEFE url(images/bg-slide.png) no-repeat right bottom ;
	float: left;
	height:184px;
	width: 720px;
	display:block;
	margin-top:5px;
	margin-bottom:-25px;
}
.left-top {
	background:#c0c0c0;
	float: left;
	height:30px;
	width: 960px;
	display:block;
	position:absolute;
	
	z-index:20;
	
	
	
}
.slide {
	background:transparent;
	height:200px;
	width: 960px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	
	
	
	
	
	
}
#slideshow {
    height:200px;
	width:960px;
	position:relative;
	border:5px #cecece solid;
	background:#cecece;
	
	
	
	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



/* modul kanan bawah setting */
.modul-kanan-bottom {
	
	float: right;
	height:auto;
	width: 670px;
	display:block;
	margin-top:20px;
	overflow:hidden;
	margin-bottom:auto;
}
.service-box {
	
	float: left;
	height:100%;
	width: auto;
	display:block;
	margin-right:2px;
}
.service-box h2{
	color:#1F1A17;
	font-size:14px;
	margin:0;
	text-transform:uppercase;
}
.service-box h2 .color1{
	color: #2A84E6;
	float:left;
	margin-right:5px;
	
}
.service-box h2 .color2{
	color: #FCBF06;
	float:left;
	margin:0 5px 0 0;
	
}
.service-box li{
	color:#999696;
	list-style: square outside  ;
	line-height:18px;
	
	
}
.service-box ul{
	list-style-type: none;
	padding: 0px;
	margin: 5px 0 0 20px ;
	
}

/* modul kiri setting */

.modul-kiri {
	
	float: left;
	height: auto;
	width: 240px;
	display:block;
}
.acc-box {
	
	float: left;
	height: auto;
	width: 200px;
	display:block;
	
	margin-top:80px;
	margin-left:20px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
	
}
#accordion h3 {
	background:#2A84E6;
	text-decoration:none;
	display:block;
	padding-left:5px;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	margin:0;
	border-bottom:solid 1px #CCCCCC ;
	text-transform:uppercase;
	
	}
#accordion a {
	
	text-decoration:none;
	
	padding-left:5px;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	
	
	}
#accordion p {
	margin:5px 5px 10px 5px;
	color:#999696;
	font-size:10px;
	text-align:justify;
	
	
	
	}
#accordion ul{
	margin:0 0 0 -20px;
	
	}
#accordion li {
	margin:5px 0 0 5px;
	color:#999696;
	font-size:10px;
	
	}

.box-menu {
	margin:108px 0px 0 0;
	height:auto;
	width:auto;
	float:right;
	}
/* setting drop down menu */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.8em;
 vertical-align: middle;
 text-transform:uppercase;
 font-size:14px;
 display:block;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: pointer;
 display:block;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 background:#000000;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
 
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
ul.dropdown {
 font-weight: bold;
 
}

	ul.dropdown li {
	 padding: 0px 10px;
	 font-weight:normal;
	 background-color: transparent;
	 color: #fff;
	 height:28px;
	 
	 
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	 margin:0;
	 color: #000;
	 width:auto;
	 
	 
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; width:auto;  display:block;}
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width:200px;
	 display:block;
	 margin-top: 1px;
	 float:left;
	 margin:0 0 0 -150px;
	 
	}
	ul.dropdown ul ul{
	 width: 300px;
	 display:block;
	 margin-top: 1px;
	 float:left;
	 padding:0 0 0 0;
	  margin:0 0 0 0px;
	
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 width: auto;
		 height:auto;
		 
		 padding:2px 0 2px 5px;
		 border-bottom:1px solid  #333333;
		 
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}

/*pengaturan tabs */

.ui-tabs { 
	position: relative;  zoom: 1; width:100% padding=0; margin:0; 
	
	} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { 
	margin:10px 10px 30px -5px; padding: .2em .2em 0;
	  
	}
.ui-tabs .ui-tabs-nav li { 
	list-style: none; 
	float: left; 
	position: relative; 
	top: 1px;
	margin: 0 0 0 0;
	border: 1px; 
	position:relative; !important; 
	padding: 0; 
	white-space: nowrap; 
	margin-left:2px;
	text-transform:uppercase;
	 }
.ui-tabs .ui-tabs-nav li a { 
	float: left; 
	padding: .5em 1em; 
	text-decoration: none; 
	color:#fff;
	background:#6599FF;
	width:auto;
	display:block;
	font-size:10px;
	
	
	
	}
.ui-tabs .ui-tabs-nav li a:hover { 
	background:#D5D4D4;
	color:#6599FF;

}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	margin-bottom: 0; 
	padding-bottom: 1px; 
	}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
 		cursor: text;
		background:#1F1A17;
		color:#fff;
		}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; 
	} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { 
	display: block; 
	border: 0; 
	padding: 1em 1.4em; 
	background: none; 
	}
.ui-tabs .ui-tabs-hide { 
	display: none !important; 
	}
	
	
/*profile */
.profile-box{
	width:100%;
	height:auto;
	float:left;
	margin:5px 0 0 -18px;
	display:block;
	
	
	}

.profile{
	width:50%;
	height:auto;
	float:left;
	margin:5px 0 0 0;
	display:block;
	
	
	}
.profile img{
	float:left;
	width:80px;
	height:90px;
	text-align:left;
	margin:0 4px 0px 10px;
	opacity:0.50;
	
	
	}
	.profile img:hover{
	
	opacity:0.900;
	
	}
.profile h2{
	font-size:10px;
	margin:0;
	color:#6599FF;
	text-transform:uppercase;
	
	
	}
.profile p{
	font-size:10px;
	margin:0 10px 0 10px ;
	text-align:justify;
	color:#999696;
	
	}
.garis {
	background:url(images/line.png) repeat-x ;
	height:5px;
	width:100%;
	margin:10px 0 5px 0;
	}
	
/* summary of reference */

.summar{
	width:100%;
	height:auto;
	float:left;
	margin:5px 0 0 -17px;
	display:block;
	
	
	
	}
.summar h2{
	font-size:10px;
	margin:0 0 0 0;
	color:#6599FF;
	text-transform:uppercase;
	
	
	}
.summar p{
	font-size:10px;
	margin:0 0 0 0 ;
	text-align:justify;
	color:#fff;
	
	}
#summary a{
	float:right;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
	color:#999696;
	margin-right:20px;
	}
#summary a:hover{
	color:#6599FF;
	}
	

/*penempatan logo */

.logo {
	background:url(images/logo.png) no-repeat center;
	width:500px;
	height:174px;
	position:absolute;
	z-index:21;
	
	}
	
/* penempatan box depan */
.box-depan {
	width:280px;
	
	height:200px;
	background:#fff url(images/food2.png) no-repeat center;
	float:left;
	border:1px solid #CCCCCC;
	padding:5px;	
	
	
	}
	.box-depan a{
		display:block;
		height:50px;
		margin-top:80px;
		background: url(images/pita.png) no-repeat bottom right;
		width:310px;
		font-size:14px;
		color:#fff;
		text-decoration:none;
		padding-left:20px;
		margin-left:-5px;
		line-height:40px;
		
		
	
	}
	.box-depan2 {
	width:280px;
	border:1px solid #CCCCCC;
	margin-left:41px;
	padding:5px;	
	height:200px;
	
	
	background:#fff url(images/arc.png) no-repeat center;
	float:left;
	}
.box-depan2 a{
		display:block;
		height:50px;
		margin-top:80px;
		background: url(images/pita.png) no-repeat right;
		width:310px;
		margin-left:-5px;
		font-size:14px;
		color:#fff;
		text-decoration:none;
		padding-left:20px;
		line-height:40px;
	}
.box-depan3 {
	width:280px;
	border:1px solid #fff;
	padding:5px;	
	margin-left:41px;
	height:200px;
	
	
	background:#fff url(images/grap.png) no-repeat center;
	float:left;
	
	}
.box-depan3 a{
		display:block;
		height:50px;
		margin-left:-5px;
		margin-top:80px;
		background: url(images/pita.png) no-repeat right;
		width:310px;
		font-size:14px;
		color:#fff;
		text-decoration:none;
		padding-left:20px;
		line-height:40px;
		float:left;
		overflow:hidden;
	
	}
	
#orn1{
    background:url(images/orn1.png) no-repeat center;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:30px;
	display:block;
	margin-top:15px;
	z-index:50;
	}
#orn2{
    background:url(images/orn2.png) no-repeat center;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:30px;
	display:block;
	margin-top:15px;
	margin-bottom:15px;
	z-index:50;
	}
.text-1{
font-size:14px;
background:url(images/bg-text.png) no-repeat center bottom;
min-height:100px;
overflow:hidden;
display:block;
width:100%;	
color:#fff;
text-align:justify;


}
.text-2{
font-size:14px;

min-height:100px;
overflow:hidden;
display:block;
width:100%;	
color:#fff;
text-align:justify;

}
.text-1 h1{
font-size:16px;
letter-spacing:1px;
margin:0;
width:auto;
padding:5px;
padding-left:0;
padding-bottom:0;
margin-top:5px;

}
.text-2 h1{
font-size:16px;
letter-spacing:1px;
margin:0;
width:auto;
padding:5px;
padding-left:0;
padding-bottom:0;
margin-top:5px;
color:#fff;

}
.text-1 p{
margin:0;
margin-top:5px;
padding-left:10px;
}
.text-2 img{
float:left;
}
.line-2{
background:url(images/line-2.png) no-repeat center bottom;
height:20px;
width:100%;
display:block;
margin-top:15px;
overflow:hidden;
}
.back{
   
   margin-top:460px;
   width:100px;
   height:80px;
   position:fixed;
   top:2em;
   margin-left:990px;
   z-index:100;
   overflow:hidden;
   
  
   }
.back img{
	border:none;
   
   
  
   }
.contact-text {
	background:url(images/phone.png) no-repeat left;
    height:auto;
	width:600px;
	float:left;
	display:block;
	overflow:hidden;
	color:#fff;
	
	}
.contact-text h1 {
	margin:10px 0 0 250px;
	font-size:16px;
	color:#fff;
	}
.contact-text p{
	margin:5px 0 0 250px;
	font-size:14px;

	
	}
.contact-form {
    height:auto;
	width:360px;
	float:left;
	display:block;
	overflow:hidden;
	}
.contact-form input {
	border-left:1px solid #000;
	border-bottom:1px solid #000;
    
	}
.button {
	background:url(images/btn.png) no-repeat center;
	width:80px;
	height:25px;
	color:#fff;
	border:none;
	cursor:pointer;
	
		}