* {
  margin:0;
  padding:0;
}
body {
	color: #414141;
	font-family: arial;
	line-height: 1;font-size:12px;
}
a:link, a:visited {
	color : #909090;
	text-decoration : none;
}

a:hover {
	color : #242424;
	text-decoration : underline;
}

ul, dl {	list-style: none;}
ol li { list-style-position: inside;}
ol li, dd, blockquote { margin-left: 1.0em;}
input, textarea, select, button {	font-family: Verdana, san-serif;font-size: 100%;}
:focus { outline: 0;}
table { border-collapse: collapse;border-spacing: 0;}
fieldset, img, iframe {	border: 0;vertical-align: bottom;}
#mainmenu{	font-size:13px;font-weight:bold;}
#search{ border:1px solid #dadada;font-size:11px;padding:2px;}	
#header {
	height: 73px;
	margin: 0px auto 0 auto;
	padding-top: 31px;
	position: relative;	
	text-align: center;
	width: 980px;
	z-index: 100;
}
#logo{	background: url("../images/logo.jpg") 0 10px no-repeat;height: 44px;width:179px;}
#logo a{	text-decoration: none;height: 30px;display:block;}
#logof{	background: url("../images/mgsys.gif") 15px 0 no-repeat;height: 50px;}
#logof a {	text-decoration: none;display:block;height: 50px;}
#dropmenudiv{
	position:absolute;
	border:1px solid #ddd;
	font:normal 10px Arial;
	line-height:18px;
	z-index:100;
	color:#000000;
	text-align:left;
}
#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	padding: 1px 0;
	color:#000000;
	text-decoration: none;
	font-weight: bold;
	z-index:120;
	background-color: #ffffff;
}
#dropmenudiv a:hover{ background-color: #ddd;color:#000000;z-index:120;}
#plist1{ background:url("../images/roundtop.jpg") 0 0 no-repeat;height:7px;}
#plist2{ background:url("../images/roundmiddle.jpg") 0 0 repeat-y;min-height:406px;padding-left:10px;}
#plist4{ background:url("../images/roundmiddle.jpg") 0 0 repeat-y;padding-left:10px;}
#plist3{ background:url("../images/roundbottom.jpg") 0 0 no-repeat;height:7px;}
*html #plist2{ height:556px;}
.globalDivider {
	clear: both;
	height: 4px;
	_float: left;
	_line-height: 4px;
	margin-top: -4px;
	text-indent: -999.9em;
	width: 100%;border-bottom:1px solid #dadada;
}
#home div.bottom {	background-position: 0 -44px;margin: 0;padding: 6px 0 0 0;}
div.bottom {	background-position: 0 -10px;margin: 0;padding: 40px 0 0 0;}
#gen{	float:left;width:757px;color:#606060;line-height:200%;}
#gen2{	float:left;width:757px;min-height:400px;color:#606060;line-height:200%;}
*html #gen2{ height:400px;}
#footer {
	font-size: 11px;
	margin: 0 auto 0 auto;
	padding-top:15px;
	padding-bottom: 12px;height:38px;
	width: 980px;background-color:#e5e5e5;
}
#copyright {	color: #b1b1b1;clear: both;display: block;margin: 14px 15px 0 0;}
.container {	margin: 7px auto 7px auto;padding: 0;width: 980px;}
#navlist ul { 
	margin-left: 0; 
	background: url(../images/bgrefer.gif) 0 0 repeat-x; 
	margin-bottom:0;  
	padding-left: 0; 
	list-style: none;
}
#navlist li { 
	padding-left: 15px; 
	background-image: url(../images/panah.gif); 
	background-repeat: no-repeat; 
	background-position: 0 .6em;  
	padding-top:8px; 
	padding-bottom: 2px; height:20px; 
}
#navlist a { font:normal 12px arial; color:#464646; text-decoration:none;}
#navlist a:hover { color:#464646; text-decoration:underline;}
#navlist .submenu{ margin-bottom: 0.5em;}
.kait { font:normal 12px arial; color:#464646; text-decoration:none;}
.kait:hover { color:#464646; text-decoration:underline;}
#smallScroller{	width:980px;height: 445px;position: relative;}
#smallScroller2{ width:757px;height: 445px;position: relative;}
#smallScroller div.scrollableArea *{
	display: block;position: relative;float: left;padding: 0;margin: 0px 10px 0px 0px;text-align:center;
}
div.scrollingHotSpotLeft, div.scrollingHotSpotRight{	min-width: 35px;}
ol, ul, li{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
ol, ul { list-style:none;}    
.dropHolder {float:left; height:1px;margin-left:50px;}
.dropdown {float:left; padding-right:5px}
.dropdown .ok { width:106px;height:15px;display:block;cursor:pointer; background:url(../images/us1.jpg) 15px 0 no-repeat;}
.dropdown .ok:hover {background:url(../images/us2.jpg) 15px 0 no-repeat;}
.dropdown .ok2 { width:93px;height:15px;display:block;cursor:pointer; background:url(../images/govermt1.jpg) 15px 0 no-repeat;}
.dropdown .ok2:hover {background:url(../images/govermt2.jpg) 15px 0 no-repeat;}
.dropdown .ok3 { width:82px;height:15px;display:block;cursor:pointer; background:url(../images/world1.jpg) 15px 0 no-repeat;}
.dropdown .ok3:hover {background:url(../images/world2.jpg) 15px 0 no-repeat;}
.dropdown .ok4 { width:156px;height:15px;display:block;cursor:pointer; background:url(../images/design1.jpg) 15px 0 no-repeat;}
.dropdown .ok4:hover {background:url(../images/design2.jpg) 15px 0 no-repeat;}
.dropdown .ok5 { width:74px;height:15px;display:block;cursor:pointer; background:url(../images/aboutus1.jpg) 15px 0 no-repeat;}
.dropdown .ok5:hover {background:url(../images/aboutus2.jpg) 15px 0 no-repeat;}
.dropdown .ok6 { width:85px;height:12px;display:block;cursor:pointer; background:url(../images/contactus1.jpg) 15px 0 no-repeat;}
.dropdown .ok6:hover {background:url(../images/contactus2.jpg) 15px 0 no-repeat;}
.dropdown dd {position:absolute; overflow:hidden;display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {border:1px solid #dadada; list-style:none; border-top:none;margin-top:4px;}
.dropdown li {display:inline;text-align:left;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none;}
.dropdown a:hover {color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}
#detgroupList{	float:left;}
#detgroupList .kiri{	float:left;width:475px;}
#detgroupList .kanan{ text-align:center;float:left;}	
#detgroupList .kanan img{ border:1px solid #dadada;}
#bgen { float:left;width:213px;padding-right:10px;min-height:400px;}
*html #bgen{ height:400px;}
.salah{	padding:5px;border:1px solid #dd3c10;text-align:left;font-size:12px;background-color:#ffebe8;margin-bottom:7px;color:#000000;}
.benar{	padding:5px;border:1px solid #e2c822;text-align:left;font-size:12px;background-color:#fff9d7;margin-bottom:7px;color:#000000;}
#slideshow { margin:0 auto;width:757px;height:445px;position:relative;}
#slideshow #slidesContainer{ margin:0 auto;width:757px;height:445px;overflow:auto;text-align:center;}
#slideshow #slidesContainer .slide{ margin:0 auto;width:757px;float:left;height:445px;text-align:center;}
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl{ top:0;left:0;background:transparent url(../images/kiri.gif) no-repeat 10px 218px;}
#rightControl{ top:0;right:0;background:transparent url(../images/kanan.gif) no-repeat 10px 218px;}