/* This CSS is a copyright by:
	- Bayu Fariesta Sakti
*/


*   {
	margin				:0;
	padding				:0;
	}

body
	{
	margin:0px;
	font-size:11px;
	font-family:Tahoma;
	color:#333333;
	}
	
#header
	{
	width:100%;
	height:103px;
	background:url(images/bg_header.jpg); 
	background-repeat:repeat-x;
	}
	
.header
	{
	width:758px;
	margin:auto;
	float:bottom;
	height:103px;
	}
	
.logo
	{
	width:437px;
	padding-top:32px;
	float:left;
	display:block;
	}
	
.header_right
	{
	width:172px;
	margin-top:14px;
	float:right;
	font-size:11px;
	font-family:Tahoma;
	text-decoration:none;
	}
	
.header_right a
	{	
	font-size:11px;
	font-family:Tahoma;
	color:#333333;
	text-decoration:none;
	}
	
.header_right a:hover
	{
	color:#0082cc;
	text-decoration:none;
	}
	
#search
	{
	width:172px;
	float:right;
	margin-top:35px;
	font-size:11px;
	font-family:Tahoma;
	}
	
.search
	{
	float:right;
	margin-right:10px;
	font-size:11px;
	font-family:Tahoma;
	}
		
.recent_date
	{
	width:172px;
	color:#666666;
	font-size:7.5pt;
	font-family:Tahoma;
	float:right;
	margin-top:3px;
	margin-right:10px;
	text-align:right;
	}

#navigasi
	{
	width:100%;
	}

#bg
	{
	background:url(images/bg.gif);
	}

#banner
	{
	height:215px;
	background:url(images/bg_navigation_2.jpg) repeat-x;
	background-position:top;
	}
	
.main_image
	{
	width:712px;
	height:215px;
	background:url(images/banner_home.jpg) no-repeat;
	margin:auto;
	}
	
.main_image_about
	{
	width:712px;
	height:215px;
	background:url(images/banner_about.jpg) no-repeat;
	margin:auto;
	}
	
.main_image_services
	{
	width:712px;
	height:215px;
	background:url(images/banner_services.jpg) no-repeat;
	margin:auto;
	}
	
.main_image_sertifikasi
	{
	width:712px;
	height:215px;
	background:url(images/banner_sertifikasi.jpg) no-repeat;
	margin:auto;
	}	
	
.main_image_portofolio
	{
	width:712px;
	height:215px;
	background:url(images/banner_portofolio.jpg) no-repeat;
	margin:auto;
	}	
	
.main_image_contact
	{
	width:712px;
	height:215px;
	background:url(images/banner_contact.jpg) no-repeat;
	margin:auto;
	}
	
.main_image_sitemap
	{
	width:712px;
	height:215px;
	background:url(images/banner_sitemap.jpg) no-repeat;
	margin:auto;
	}	
	
.icon_print
	{
	height:16px;
	text-align:right;
	float:right;
	padding-top:193px;
	}
	
.icon_pdf
	{
	width:730px;
	height:16px;
	text-align:right;
	padding-top:171px;
	}	
	
#content
	{
	width:780px;
	height:412px;
	background-color:#eaf4fc;
	border-top:#c9d7e6 1px solid;
	margin:auto;
	}
	
#content_service
	{
	width:780px;
	height:480px;
	background-color:#eaf4fc;
	border-top:#c9d7e6 1px solid;
	margin:auto;
	}
	
#content_contact
	{
	width:780px;
	height:592px;
	background-color:#eaf4fc;
	border-top:#c9d7e6 1px solid;
	margin:auto;
	}
	
#content_sitemap
	{
	width:780px;
	height:492px;
	background-color:#eaf4fc;
	border-top:#c9d7e6 1px solid;
	margin:auto;
	}
	
#content_2
	{
	width:780px;
	height:870px;
	background-color:#eaf4fc;
	border-top:#c9d7e6 1px solid;
	margin:auto;
	}
	
#content_sub
	{
	width:780px;
	height:inherit;
	background-color:#eaf4fc;
	border-top:#c9d7e6 1px solid;
	margin:auto;
	}
	
#content_sub_sertifikasi
	{
	width:780px;
	background-color:#eaf4fc;
	border-top:#c9d7e6 1px solid;
	margin:auto;
	}
	
#main_service
	{
	width:712px;
	height:147px;
	margin:auto;
	background:url(images/bg_main_service.jpg) no-repeat;
	}

#main_service_resume
	{
	width:712px;
	margin:auto;
	padding-top:34px;
	padding-right:21px;
	padding-left:21px;
	}	

#main_service_sub
	{
	width:712px;
	margin:auto;
	padding-top:34px;
	padding-left:21px;
	}
	
.service_left
	{
	width:348px;
	height:143px;
	float:left;
	}
	
.service_left_sub2
	{
	width:312px;
	float:left;
	}

.service_left_sub
	{
	width:312px;
	height:280px;
	float:left;
	border-right:#cccccc 1px dotted;
	}
	
.service_right
	{
	width:348px;
	height:143px;
	float:right;
	}
	
.service_right_sub
	{
	width:382px;
	height:143px;
	float:right;
	}
	
.icon_left
	{
	width:50px;
	height:52px;
	margin:10px 0px 0px 22px!important;
	margin:10px 0px 0px 10px;
	background:url(images/icon_electrical.gif) no-repeat;
	float:left;
	}
	
.electrical
	{
	width:245px;
	margin:14px 14px 0px 0px!important;
	margin:14px 8px 0px 0px;
	float:right;
	font-family:tahoma;
	font-size:19px;
	color:#666666;
	text-align:left;
	}
	
.desc_electrical
	{
	width:245px;
	margin:4px 14px 0px 0px!important;
	margin:4px 8px 0px 0px;
	float:right;
	font-family:tahoma;
	font-size:11px;
	color:#666666;
	text-align:justify;
	}
	
.link_electrical
	{
	width:245px;
	margin:2px 14px 10px 0px!important;
	margin:2px 8px 10px 0px;
	float:right;
	font-family:tahoma;
	font-size:11px;
	color:#0082cc;
	text-align:right;
	}
	
.link_electrical a
	{	
	font-family:tahoma;
	font-size:11px;
	color:#0082cc;
	text-decoration:none;
	}
	
.link_electrical a:hover
	{
	color:#666666;
	}
	
	
.icon_right
	{
	width:50px;
	height:52px;
	margin:10px 0 0 8px!important;
	margin:10px 0 0 4px;
	background:url(images/icon_data_center.gif) no-repeat;
	float:left;
	}
	
.data_center
	{
	width:245px;
	margin:14px 30px 0px 0px!important;
	margin:14px 14px 0px 0px;
	float:right;
	font-family:tahoma;
	font-size:19px;
	color:#666666;
	text-align:left;
	}
	
.desc_data_center
	{
	width:245px;
	margin:4px 28px 0px 0px!important;
	margin:4px 13px 0px 0px;
	float:right;
	font-family:tahoma;
	font-size:11px;
	color:#666666;
	text-align:justify;
	}
	
.link_data_center
	{
	width:245px;
	margin:15px 28px 10px 0px!important;
	margin:15px 14px 10px 0px;
	float:right;
	font-family:tahoma;
	font-size:11px;
	color:#0082cc;
	text-align:right;
	}
	
.link_data_center a
	{	
	font-family:tahoma;
	font-size:11px;
	color:#0082cc;
	text-decoration:none;
	}
	
.link_data_center a:hover
	{
	color:#666666;
	}

#overview
	{
	width:678px;
	height:134px;
	margin:auto;
	margin-top:28px;
	}
	
#overview_sertifikasi
	{
	width:678px;
	height:230px;
	margin:auto;
	margin-top:28px;
	}
	
#overview_sertifikasi_2
	{
	width:678px;
	height:204px;
	margin:auto;
	margin-top:28px;
	}
	
#overview_sertifikasi_3
	{
	width:678px;
	height:255px;
	margin:auto;
	margin-top:28px;
	}
	
#overview_sertifikasi_4
	{
	width:678px;
	height:150px;
	margin:auto;
	margin-top:28px;
	}

#sub_title
	{
	width:730px;
	height:34px;
	margin:auto;
	margin-top:42px;
	background:url(images/bg_sub_line.jpg) repeat-x;
	background-position:bottom;
	font-family:cambria, Courier;
	font-size:24px;
	color:#333333;
	vertical-align:middle;
	padding-left:25px;
	}

#overview_sub
	{
	width:673px;
	margin:auto;
	padding-top:20px;
	height:auto;
	}

#logo_icon_home
	{
	width:31px;
	padding-top:18px;
	float:left;
	}
	
#address
	{
	width:180px;
	padding-top:15px;
	float:left;
	padding-left:10px;
	}
	
#overview_sub_contact_left
	{
	width:250px;
	float:left;
	margin:auto;
	padding-top:34px;
	margin-left:35px!important;
	margin-left:20px;
	height:auto;
	}

#overview_sub_contact
	{
	width:430px;
	height:472px;
	float:left;
	margin:auto;
	padding-top:34px;
	border-left:#777777 1px dashed;
	padding-left:20px;
	}
	
#overview_sub_portofolio
	{
	width:750px;
	margin:auto;
	padding-top:20px;
	height:auto;
	}
	
	
.title
	{
	font-family:tahoma;
	font-size:16px;
	color:#3399cc;
	margin-bottom:17px;
	text-align:left;
	}
	
.title_services
	{
	font-family:tahoma;
	font-size:12px;
	color:#3399cc;
	margin-bottom:5px;
	text-align:left;
	width:300px;
	}
	
.title_services a
	{	
	font-family:tahoma;
	font-size:12px;
	color:#3399cc;
	text-decoration:none;
	}
	
.title_services a:hover
	{
	color:#666666;
	text-decoration:none;
	}
	
.title_services_sub
	{
	font-family:tahoma;
	font-size:12px;
	color:#3399cc;
	margin-bottom:5px;
	text-align:left;
	width:300px;
	padding-left:20px;
	}
	
.title_services_sub a
	{	
	font-family:tahoma;
	font-size:12px;
	color:#3399cc;
	text-decoration:none;
	}
	
.title_services_sub a:hover
	{
	color:#666666;
	text-decoration:none;
	}
	
.title_sitemap
	{
	font-family:tahoma;
	font-size:14px;
	color:#3399cc;
	margin-top:10px;
	text-align:left;
	}
	
	
.title_sitemap a
	{	
	font-family:tahoma;
	font-size:14px;
	color:#3399cc;
	text-decoration:none;
	}
	
.title_sitemap a:hover
	{
	color:#666666;
	text-decoration:none;
	}
	
.title_logo
	{
	width:108px;
	font-family:tahoma;
	font-size:14px;
	color:#3399cc;
	margin-bottom:17px;
	margin-right:20px;
	text-align:center;
	float:left;
	}
	
.content_logo_sertifikasi
	{
	width:130px;
	height:102px;
	font-family:tahoma;
	font-size:11px;
	color:#444444;
	float:left;
	text-align:justify;
	padding-right:10px;
	}
	
.content_logo_sertifikasi_right
	{
	width:500px;
	font-family:tahoma;
	font-size:11px;
	color:#444444;
	float:left;
	text-align:justify;
	padding-left:10px;
	border-left:#cccccc 1px dotted;
	}

.content_overview_left
	{
	width:329px;
	height:102px;
	font-family:tahoma;
	font-size:11px;
	color:#444444;
	float:left;
	text-align:justify;
	padding-right:10px;
	}
	
.content_overview_right
	{
	width:329px;
	height:102px;
	font-family:tahoma;
	font-size:11px;
	color:#444444;
	float:left;
	text-align:justify;
	padding-left:10px;
	}
	
.content_sertifikasi_right
	{
	width:500px;
	font-family:tahoma;
	font-size:11px;
	color:#444444;
	float:left;
	text-align:justify;
	border-left:#cccccc 1px dotted;
	padding-left:20px;
	}
	
.link_content_overview
	{
	margin:6px 0 6px 0;
	float:right;
	font-family:tahoma;
	font-size:11px;
	color:#0082cc;
	text-align:right;
	}
	
.link_content_overview a
	{	
	font-family:tahoma;
	font-size:11px;
	color:#0082cc;
	text-decoration:none;
	}
	
.link_content_overview a:hover
	{
	color:#666666;
	}
	
.content_overview_contact
	{
	width:400px;
	float:right;
	font-family:tahoma;
	font-size:11px;
	color:#444444;
	text-align:justify;
	padding-bottom:60px;
	}

.content_overview_sub
	{
	width:678px;
	font-family:tahoma;
	font-size:11px;
	color:#444444;
	text-align:justify;
	padding-bottom:60px;
	}
	
.content_overview_sub_sertifikasi
	{
	width:400px;
	font-family:tahoma;
	font-size:11px;
	color:#444444;
	text-align:justify;
	padding-bottom:60px;
	}	

.content_sitemap
	{
	width:640px;
	font-family:tahoma;
	font-size:11px;
	color:#444444;
	text-align:justify;
	float:right;
	margin-bottom:15px;
	}
	
.line_sitemap
	{
	float:left;
	margin-left:25px;
	margin-top:1px;
	}	

#partner
	{
	width:637px;
	height:60px;
	margin:auto;
	margin-top:30px!important;
	margin-top:0px;
	background:url(images/bg_partner.gif) no-repeat;
	}
	
.logo_partner
	{
	width:498px;
	height:36px;
	padding-top:9px;
	padding-left:114px!important;
	padding-left:100px;
	padding-right:27px;
	}	

.portofolio
	{
	width:800px;
	float:left;
	font-family:tahoma;
	font-size:12px;
	color:#3399cc;
	}
	
.portofolio_2
	{
	width:800px;
	height:auto;
	float:left;
	}
	
.portofolio_3
	{
	width:800px;
	height:auto;
	float:left;
	border-bottom:#999999 1px dotted;
	}
	
	
.nomor
	{
	width:5%;
	float:left;
	text-align:center;
	border-top:#999999 1px dotted;
	padding-top:5px;
	}
	
.nomor_2
	{
	width:5%;
	float:left;
	text-align:center;
	border-top:#999999 1px dotted;
	padding-top:5px;
	}
	
.client
	{
	width:25%;
	float:left;
	text-align:center;
	padding:0 5px 5px 8px;
	border-top:#999999 1px dotted;
	padding-top:5px;
	border-left:#999999 1px dotted;
	border-right:#999999 1px dotted;
	height:auto;
	}
	
.client_2
	{
	width:25%;
	float:left;
	text-align:left;
	padding:0 5px 5px 8px;
	border-top:#999999 1px dotted;
	padding-top:5px;
	border-left:#999999 1px dotted;
	border-right:#999999 1px dotted;
	height:auto;
	}
	
.description
	{
	width:40%;
	float:left;
	text-align:center;
	padding-left:8px;
	padding:0 5px 5px 8px;
	border-top:#999999 1px dotted;
	border-right:#999999 1px dotted;
	padding-top:5px;
	}
	
.description_2
	{
	width:40%;
	float:left;
	text-align:left;
	padding-left:8px;
	padding:0 5px 5px 8px;
	border-top:#999999 1px dotted;
	border-right:#999999 1px dotted;
	padding-top:5px;
	}	
		
.tahun
	{
	width:7%;
	float:left;
	text-align:center;
	padding:0 3px 5px 3px;
	border-top:#999999 1px dotted;
	border-right:#999999 1px dotted;
	padding-top:5px;
	}
	
.tahun_2
	{
	width:7%;
	float:left;
	text-align:center;
	padding:0 3px 5px 3px;
	border-top:#999999 1px dotted;
	border-right:#999999 1px dotted;
	padding-top:5px;
	}		
		
.contractor
	{
	width:12%;
	float:left;
	text-align:center;
	border-top:#999999 1px dotted;
	padding-top:5px;
	}
	
.contractor_2
	{
	width:12%;
	float:left;
	text-align:center;
	border-top:#999999 1px dotted;
	padding-top:5px;
	}		

	
.contact_us
	{
	width:420px;
	height:auto;
	float:left;
	margin-top:20px;
	}
	
.contact_us_2
	{
	width:420px;
	height:auto;
	float:left;
	margin-top:5px;
	}	
	
.contact_us_left
	{
	width:20%;
	float:left;
	text-align:left;
	padding:0 5px 5px 0;
	padding-top:5px;
	height:auto;
	}
	
.contact_us_left2
	{
	width:1%;
	float:left;
	text-align:left;
	padding:0 5px 5px 0;
	padding-top:5px;
	height:auto;
	}
	
.contact_us_right
	{
	float:left;
	text-align:left;
	padding-left:2px;
	vertical-align:middle;
	font-family:tahoma;
	font-size:11px;
	margin-top:1px;
	}
	
	
	
/* FOOTER */
	
#footer
	{
	width:780px;
	height:106px;
	background:url(images/bg_footer.jpg) repeat-x;
	margin:auto;
	}
	
.line_footer
	{
	width:780px;
	height:3px;
	background:url(images/line_footer.jpg) no-repeat;
	margin:auto;
	}
	
.link_footer
	{
	width:780px;
	height:31px;
	font-family:Arial;
	font-size:10px;
	color:#ffffff;
	text-align:center;
	padding-top:20px!important;
	padding-top:12px;
	background:url(images/lines.gif) repeat-x;
	background-position:bottom;	
	}
	
.link_footer a
	{	
	font-family:Arial;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	}
	
.link_footer a:hover
	{
	color:#ffff00;
	}
	
.copyright
	{
	width:780px;
	font-family:Arial;
	font-size:10px;
	color:#ffffff;
	text-align:center;
	margin-top:18px;
	}	
	
.abu {color: #666666}
	
.dropdown
	{
	float:left; 
	padding-right:0px
	}
	
.dropdown dt 
	{
	width:125px;
	font-weight:bold; 
	cursor:pointer; 
	background:url(images/header.gif)
	}
	
.dropdown dt:hover 
	{
	background:url(images/header_over.gif)
	}
	
.dropdown dd 
	{
	position:absolute; 
	overflow:hidden; 
	width:125px; 
	display:none; 
	background:#fff; 
	z-index:200; 
	opacity:0
	}
	
.dropdown ul 
	{
	width:125px; 
	border:0px solid #9ac1c9; 
	list-style:none; 
	border-top:none
	}
	
.dropdown li 
	{
	display:inline
	}
	
.dropdown a, .dropdown a:active, .dropdown a:visited 
	{
	display:block; 
	color:#333; 
	text-decoration:none; 
	background:#eaf3fc; 
	width:125px;
	text-align:left;
	}
	
.dropdown a:hover 
	{
	background:#d6ebff; 
	color:#000
	}
	
.dropdown .underline 
	{
	border-bottom:1px solid #b9d6dc; 
	padding:7px;
	}