* { padding: 0; margin: 0; }
 html, body {height: 100%;overflow: auto; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align:justify;}
h3 {font-size: 14px;font-weight: bold;margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;}
#wrapper {margin: 0 auto;width: 890px;}
#header {color: #333;width: 890px; padding-top:18px;height:50px; background-color:#FFFFFF;background-image: url(images/sekat-atas.gif);	background-repeat: repeat; 	background-position: center; margin:0; position:fixed;}
* html #header {color: #333;width: 890px; padding-top:18px;	height:50px; background-color:#FFFFFF;background-image: url(images/sekat-atas.gif);	background-repeat: repeat; 	background-position: center; position:absolute; margin:0;} 
.logo {	border:none;float:left;	height:50px;width:234px;}
.menu_atas { width:650px; text-align:right; float:right; }
.sekat70 { height:70px;}
.sekatflash { clear:both; height:50px;}
/* Menu Atas */
	.Menu { font-family: Arial, sans-serif; font-size: 11px;  margin: 0px 0 0px 10px; padding: 30px 0 0px;}
	.Menu li { margin: 0 0px 0 0; border-bottom: none; display: inline;}
	.Menu li a { margin: 0 0px 0 0; padding: 3px 10px; color: #000; text-decoration: none; background: #eee;  font-family: Arial, sans-serif; font-size: 11px;}
	.Menu li a:hover { background-image: url(images/menu_atas.gif);background-repeat: repeat-x;color: #fff;}
	.Menu li.green a:hover { background-image: url(images/menu_atas_green.gif);	background-repeat: repeat-x;color: #fff;}
	.Menu .subMenu {float: right;text-align: right;width: 100%;margin: -42px 0 0px;padding: 3px 0;} 
	.Menu .subMenu li { padding: 3px 0 3px 0; border: 0;}
	.Menu .subMenu li a {	 background: #eee; color:#000000;}
	.Menu .subMenu li a:hover {background-image: url(images/menu_atas.gif);	background-repeat: repeat-x; color:#fff;}
	.Menu .subMenu li.green a:hover {background-image: url(images/menu_atas_green.gif);	background-repeat: repeat-x;}
#contact1 {position:relative;}
#methodology1 { position:relative;}
#greensrvcs1 { position:relative;}
#greensrvcs2 { position:relative;}
#greensrvcs3 { position:relative;}
#greensrvcs4 { position:relative;}
#srvcs5 { position:relative;}
#srvcs4 { position:relative;}
#srvcs3 { position:relative;}
#srvcs2 { position:relative;}
#srvcs1 { position:relative;}
#about1 { position:relative;}
/* EOF Menu Atas */

/* Banner Flash  */
#banner_flash {height:400px;width:890px; margin-top:20px;}
.heightflash {height:400px;width:890px; }
/* EOF Banner Flash  */
.sekat { margin-bottom:10px; }
.dropcap {float: left;color: #00008B;font-size: 30px;line-height: 20px;padding-top:2px;padding-bottom:3px;font-family: Georgia, "Times New Roman", Times, serif;}
#leftcolumn { margin: 0px;padding:0px;width: 175px;float: left;}
#menu_kiri {width: 175px;}
#menu_kiri ul {list-style: none;margin: 0;padding: 0;}
#menu_kiri li {padding: 0px;}
#menu_kiri li a {text-decoration: none;height: 25px;color: #000;display: block;background: url(images/button_menu_abu.gif) no-repeat;padding: 1px 0px 0px 5px;	margin-top: 1px;margin-bottom: 1px;}
#menu_kiri li a:hover {color: #000; height: 25px; background: url(images/button_menu.gif) no-repeat;}
#menu_kiri li a.ttgreen:hover {color: #000; height: 25px; background: url(images/button_menu_green.gif) no-repeat;}

/*---------- bubble tooltip -----------*/
a.tt, a.ttgreen{text-decoration:none;}
a.tt span, a.ttgreen span{ display: none; }
a.tt:hover, a.ttgreen:hover{color: #aaaaff; }
a.tt:hover span.top{display: block;background: url(images/balon7.png) no-repeat top;height:90px; width:255px;left:170px;top:-10px;font-weight: normal;position:relative;}
a.ttgreen:hover span.topgreen{display: block;background: url(images/balongreen.png) no-repeat top;height:90px; width:255px;left:170px;top:-10px;font-weight: normal;position:relative;}
/* html a.tt:hover span.top{
	display: block;
	background: url(images/balon7.png) no-repeat top;
	height:90px; width:255px;
	font-weight: normal;
	position:relative;
} */

/* html a.ttgreen:hover span.topgreen{
	display: block;
	background: url(images/balongreen.png) no-repeat top;
	height:90px; width:255px;
	font-weight: normal;
	position:relative;
} */

a.tt:hover span.menudesc, a.ttgreen:hover span.menudescgreen { display: block; padding:5px;}

#rightcolumn { float: right;color: #333;margin: 0px;padding: 0px 5px;width: 703px;}
 #rightcolumn ul li a {color:#000000;text-decoration: underline;}
  #rightcolumn ul li a:hover {color:#000000;text-decoration: none;}
  * html #rightcolumn { float: right;color: #333;margin: 0px;padding: 0px 5px;width: 703px;display: block;overflow: visible;}
#rightcolumn ul {list-style: none;margin: 0;padding: 0;}
#rightcolumn li {list-style: square;margin-left:25px;}
#rightcolumn li a {text-decoration: none;	height: 23px;color: #000;padding: 2px 0px 0px 5px; }

#rightcolumn li a:hover {color: #257EB7;}
/* Footer*/
#footer {width: 890px;height:100px;border-top:2px solid #eee;}
#footer a {color:#000; text-decoration:none;}
#footer a:hover { text-decoration:underline;color:#c00;}
.footerleft {float: left;width: 295px; padding:5px 0px;height:85px; text-align:left;}
.footertengah {float: left;width: 300px;padding:5px 0px;height:85px; text-align:center;}
.footerright {float: right;	width: 295px;padding:5px 0px;height:85px; text-align:right;}