﻿#main{width:100%;text-align:center; margin:0 auto;padding:0}
#main_left_fb { position: absolute; top:180px; right:0px}
#main_left_tw { position: absolute; top:220px; right:0px}
#main_left_ym { position: absolute; top:260px; right:0px}
#top{width:100%; text-align:center; margin:0 auto; padding:0; height:auto}
#top_inner { width:100%; margin:0 auto; padding:0; height:6px; background-color:#FBB42D} 
#top_inner2 { width:100%; margin:0 auto; padding:0; height:108px}
#top_inner2_konten { width:980px; margin:0 auto; padding:0; height:108px}
#top_inner2_konten_logo { width:400px; margin:0 auto; padding:10px 0 0 0; height:98px; float:left;}
#top_inner2_konten_hotline { width:580px; margin:0 auto; padding:0; height:108px; float:left; text-align:right}
#top_inner2 { width:100%; margin:0 auto; padding:0; height:108px}
#top_inner3 { width:100%; margin:0 auto; padding:0; height:1px; background-color:#D4D4D4}
#top_inner4 { width:100%; margin:0 auto; padding:0; height:63px}
#top_inner5 { width:100%; margin:0 auto; padding:0; height:2px; background-color:#EEEEEE}
#top_header { width:100%; margin:0 auto; padding:0; height:370px}


#content{width:100%; text-align:center; margin:0 auto; padding:0; height:auto}
#content_inner { width:100%; text-align:center; margin:0 auto; padding:0; height:114px}
#content_inner_lwd { width:980px; margin:0 auto; padding:0; height:114px}

#content_side { width:100%; margin:0 auto; padding:0; height: 450px; background-image:url(images/batas_vertikal.jpg); background-position:center; background-repeat:no-repeat}
#content_side_in { width:980px; margin:0 auto; padding:0; height: 450px}
#content_side_left_home { width:500px; float:left; margin:4px 0 0 -20px; padding:0; height: auto}
#content_side_left { width:490px; float:left; margin:-4px 0 0 -30px; padding:0; height: auto}
#content_side_right { width:460px; float:left; margin:0 auto; padding:0 0 0 40px; height: auto}
#content_latest { width:100%; margin:0 auto; padding:0; height:454px; background-image:url(images/list_tv.jpg); background-repeat:repeat-x}
#content_latest_bg { width:980px; margin:0 auto; padding:0; height: 454px; background-image:url(images/tv.png); background-position:right; background-repeat:no-repeat}
#content_latest_left { width:420px; float:left; margin:0 auto; padding:0; height: auto}
#content_latest_right { width:557px; float:left; margin:0 auto; padding:40px 3px 0 0; height: auto}
#thee{ width:30px; float:left; font:normal 37px tahoma;color:#8AC2D1;text-decoration:none;line-height:37px;margin:0 auto;padding:17px 0 0 8px; text-align:left}
#hard{ width:40px; float:left; font:normal 54px tahoma;color:#FFFFFF;text-decoration:none;line-height:37px;margin:0 auto;padding:40px 0 0 40px; text-align:left}
#work{ width:40px; float:left; font:bold 82px arial black;color:#FFFFFF;text-decoration:none;line-height:50px;margin:0 auto;padding:14px 0 15px 83px; text-align:left}
#thee2{ width:30px; float:left; font:normal 37px tahoma;color:#B5B5B5;text-decoration:none;line-height:37px;margin:0 auto;padding:20px 0 0 5px; text-align:left}
#hard2{ width:40px; float:left; font:normal 54px tahoma;color:#555555;text-decoration:none;line-height:37px;margin:0 auto;padding:47px 0 0 40px; text-align:left}
#work2{ width:40px; float:left; font:bold 82px arial black;color:#3B3B3B;text-decoration:none;line-height:50px;margin:0 auto;padding:17px 0 15px 53px; text-align:left}
#work3{ width:400px; float:left; font:bold 62px arial black;color:#3B3B3B;text-decoration:none;line-height:50px;margin:0 auto;padding:7px 0 15px 53px; text-align:left}

#form_bg { float:left; width:400px; margin:0 auto; padding:0; height: 640px; background-image:url(images/bg_form.jpg); background-position:center; background-repeat:no-repeat}
.serve{ font:bold 12px arial;color:#6B6B6B;text-decoration:none;line-height:17px;margin:0 auto; text-align:left}
.rp{ font:bold 12px arial;color:#449FA1;text-decoration:none;line-height:17px;margin:0 auto; text-align:left}
.pack{ font:normal 12px arial;color:#5E5E5E;text-decoration:none;line-height:17px;margin:0 auto; text-align:left}
.karir_tgl{ font:bold 22px arial;color:#F2F2F2;text-decoration:none;line-height:22px}
.karir_tgl2{ font:bold 14px arial;color:#F2F2F2;text-decoration:none;line-height:26px}
.karir_tgl3{ font:normal 23px arial;color:#212121;text-decoration:none;line-height:26px}

.txt-sam3{ color:#4A4F51; font:normal 12px "Tahoma"; font-style: normal; line-height:15px;  text-align: justify; margin:0 0 5px 0; padding:0}
.txt-form{ color:#FFFFFF; font:normal 12px "Tahoma"; font-style: normal; line-height:15px;  text-align: justify; margin:0 0 5px 0; padding:0}
.txt-sam2{ color:#FFFFFF; font:normal 12px "Tahoma"; font-style: italic; line-height:15px;  text-align: justify; margin:0 0 5px 0; padding:0}
.nama_testi{ color:#FFFFFF; font:bold 13px "Tahoma"; font-style: italic; line-height:15px;  text-align: justify; margin:0 0 5px 0; padding:0}
.jdl_paket_web {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7F7F7F;
	text-transform: none;
	text-decoration: none;
	line-height: 180%;
}
.bhsa{font:12px verdana;color:#6A6A6A;line-height:15px;text-decoration:none;margin:0 auto;padding:2px 3px; text-align:justify}
.bhs{font:12px verdana;color:#79A211;line-height:15px;text-decoration:none;margin:0 auto;padding:2px 3px; text-align:justify}
.bhs:hover{font:12px verdana;color:#688B0F;line-height:15px;text-decoration:none;margin:0 auto;padding:2px 3px; text-align:justify}
.text_tes{font:11px verdana;color:#676767;line-height:15px;text-decoration:none;margin:0 auto;padding:2px 3px; text-align:justify}
.text{font:11px verdana;color:#676767;line-height:15px;text-decoration:none;margin:0 auto;padding:2px 3px; text-align:justify}
.text-page{font:13px Calibri;/*border:1px solid #cab;*/color:#3a3a3a;line-height:20px;text-decoration:none;background:#ffe;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 2px #aaa;-moz-box-shadow:0 0 2px #aaa;-webkit-box-shadow:0 0 2px #aaa;margin:2px 3px;padding:2px;
transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
}
.text-page:hover{font:13px Calibri;color:#fff;/*border:1px solid #fd6701;*/line-height:20px;text-decoration:none;background:#69f;margin:2px 3px;padding:2px}
.text_rm{font:13px Calibri;color:#fff;/*border:1px solid #fd6701;*/line-height:20px;text-decoration:none;background:#69f;margin:2px 3px;padding:2px}

.news{font:12px verdana; color:#676767;text-align:justify;line-height:15px;margin:0 auto;padding:3px}
.border_inactive{ background:#fff; border:1px solid #eee;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; box-shadow:0 0 1px #ccc; -moz-box-shadow:0 0 1px #ccc; -webkit-box-shadow:0 0 1px #ccc; -o-box-shadow:0 0 1px #ccc; -ms-box-shadow:0 0 1px #ccc; margin:5px;padding:5px}
.border_inactive_warna{ background:#F3FAF2; border:1px solid #80C96E;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; box-shadow:0 0 1px #ccc; -moz-box-shadow:0 0 1px #ccc; -webkit-box-shadow:0 0 1px #ccc; -o-box-shadow:0 0 1px #ccc; -ms-box-shadow:0 0 1px #ccc; margin:5px;padding:5px}
.border_inactive_warna2{ background:#FBF8F3; border:1px solid #DAC177;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; box-shadow:0 0 1px #ccc; -moz-box-shadow:0 0 1px #ccc; -webkit-box-shadow:0 0 1px #ccc; -o-box-shadow:0 0 1px #ccc; -ms-box-shadow:0 0 1px #ccc; margin:5px;padding:5px}
#judul_inactive{font:normal 16px tahoma;line-height:17px;color:#1D8EB2;text-transform:capitalize;text-decoration:none;text-shadow:1px 1px 1px #ccc;margin:0 auto;padding:5px 0; text-align:left}
#judul_inactive2{font:normal 25px tahoma;line-height:17px;color:#07252E;text-transform:capitalize;text-decoration:none;text-shadow:1px 1px 1px #ccc;margin:0 auto;padding:5px 0; text-align:left}
#garis_bts_pro { width:745px; margin:0 auto; padding:0; height:1px; background-color:#D4D4D4}
.rm_90{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F6CB39;
	text-transform: none;
	text-decoration: none;
	line-height: 180%;
}
.rm_90:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F1BD0B;
	text-transform: none;
	text-decoration: none;
	line-height: 180%;
}
.link_read2 {font: normal 12px arial;color:#DE9227;text-decoration:none;  line-height:28px}
.link_read2:hover {color:#;text-decoration:none;  line-height:28px}

#form_errorloc, #myform_errorloc{font:11px verdana;color:#E9F9FF; /*background:#fdfaca;*/ line-height:14px;font-style:italic;text-align:left;padding:5px}
#package_side { width:100%; margin:0 auto; padding:0; height: 500px}
#package_side_in { width:980px; margin:0 auto; padding:0; height: 500px}
#package_side_left { width:460px; float:left; margin:0 auto; padding:60px 0 0 0; height: auto; text-align:left}
#package_side_right { width:520px; float:left; margin:0 auto; padding:0; height: auto}

#article_side { width:100%; margin:0 auto; padding:0; height: 200px; background-color:#1f1f1f}
#article_side_in { width:980px; margin:0 auto; padding:0; height: 200px}
#article_side_left { width:380px; float:left; margin:0 auto; padding:30px 0 0 0; height: auto; text-align:justify}
#article_side_mid { width:260px; float:left; margin:0 auto; padding:30px 0 0 0; height: auto; text-align:justify}
#article_side_right { width:340px; float:left; margin:0 auto; padding:0; height: auto}
.need {font: normal 16px arial;color:#FE9C2F;text-decoration:none; line-height:23px}
.need_tlp {font: normal 20px arial;color:#FFFFFF;text-decoration:none; line-height:20px}
.need_bb {font: normal 18px arial;color:#FFFFFF;text-decoration:none;  line-height:18px}
.need_we {font: normal 12px arial;color:#B6B6B6;text-decoration:none;  line-height:19px} 
.address {font: normal 19px arial;color:#E0E0E0;text-decoration:none;  line-height:28px}
.link_art {font: normal 12px arial;color:#B6B6B6;text-decoration:none;  line-height:28px}
.link_art:hover {color:#FFFFFF;text-decoration:none;  line-height:28px}
.link_art2 {font: normal 12px arial;color:#F5651B;text-decoration:none;  line-height:28px}
.link_art2:hover {color:#DE9227;text-decoration:none;  line-height:28px}

.career {font: normal 19px arial;color:#38A5DE;text-decoration:none;  line-height:28px}

.link_read {font: normal 12px arial;color:#27A2A9;text-decoration:none;  line-height:28px}
.link_read:hover {color:#DE9227;text-decoration:none;  line-height:28px}


#conten_oth{width:100%; text-align:center; margin:0 auto; padding:0; height:auto}
#conten_oth_inner { width:980px; margin:0 auto; padding:0; height: auto}

#pooter{width:100%; text-align:center; margin:0 auto; padding:0; height:42px; background-color:#131313}
#pooter_in { width:980px; margin:0 auto; padding:10px 0 10px 0; height: 22px}
#pooter_in_left { width:570px; float:left; margin:0 auto; padding:0; height: auto; text-align:left; color:#D8D8D8}
#pooter_in_right { width:410px; float:left; margin:0 auto; padding:0; text-align:right;font:normal 11px tahoma;color:#E5E5E5;text-decoration:none;line-height:14px;margin:0 auto;padding:0}

.copyright{font:normal 11px tahoma;color:#E5E5E5;text-decoration:none;line-height:14px;margin:0 auto;padding:0}
a.menu-bottom{font:normal 13px calibri;color:#CBCBCB;text-decoration:none;text-transform:capitalize;line-height:18px;text-shadow:0 0 1px #4D1949;margin:0 0 0 -5px;padding:0 6px}
.lwd{font:normal 11px tahoma;color:#F2F2F2;text-decoration:none}
.lwd_aktif{font:13px tahoma;color:#96436e;text-decoration:none; font-weight:bold}
.lwd:hover,a.menu-bottom:hover{color:#FFFFFF; text-decoration:none}


.border_imgs {
	border:1.5px solid #B2B2B2;
	margin: 0px 8px 2px 0;
	line-height:17px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1; 
} 

.border_imgs:hover {
	border:1.5px solid #B2B2B2;
	margin: 0px 8px 2px 0;
	line-height:17px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	opacity:0.90;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity:0.90; 
} 

.jdl_art {font:bold 13px arial;color:#07252E;text-decoration:none;line-height:22px; text-transform:capitalize; text-align:left}
.jdl_art:hover {font:bold 13px arial;color:#32A1DB;text-decoration:none;line-height:22px; text-transform:capitalize}


#jdl_paket { text-align:left; font: normal 35px arial;color:#1E1E1E;text-decoration:none;  line-height:40px}
#jdl_paket2 { text-align:left; font: normal 23px arial;color:#57BF3D;text-decoration:none;  line-height:23px}
#ket_paket{font:normal 12px tahoma;color:#707070;text-decoration:none; text-align:justify; padding:5px 0 5px 0}
#ket_paket2{font:normal 11px tahoma;color:#707070;text-decoration:none; text-align:justify; padding:5px 0 5px 0}
#apDiv85 {
	position:absolute;
	width:220px;
	height:200px;
	z-index:10000;
	left: 0px;
	right: 0px;
	bottom: 0px; text-indent:-10000px;	
}

#apDiv85:hover {
	vertical-align:middle; font:bold 14px tahoma;color:#FF0000;text-decoration: none;line-height:14px;
	position:absolute; text-indent:0px;
	width:222px;
	height:233px;
	z-index:10000;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top:110px;
	opacity: 0.7;
	-moz-border-radius: 14px;
	border-radius: 14px;
	top:0px; display:block; background-color:#CCCCCC;
	
}

.caption2{ color:#0b6ece; font:normal 16px Cagliostro, helvetica, "Century Gothic"; text-transform:capitalize; text-align:left; margin:0 auto; padding:0; text-shadow:2px 2px 1px #ccc}

.balancer{float:none;clear:both} .balancer2{float:none;clear:both; height:1px}

body,table,tr,td,th,form,div,p,span{border-collapse:collapse;font:11px verdana;line-height:15px;color:#111;margin:0 auto;padding:0}