@charset "utf-8";
/*===============================RESET BEGIN!===============================*/
html, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, 
ol, ul, li,fieldset, form, label, legend, caption, thead,  th {
margin: 0;padding: 0;border: 0;outline: 0;font-family:Arial, Helvetica, sans-serif;
vertical-align: baseline;background:transparent;}
background:#ececec url(images/bg_body.jpg) no-repeat center top; height:100%;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}del {text-decoration: line-through;}
a, a:visited, a:hover{text-decoration:none;}
.no_style {list-style:none;}
.clearfix{clear:both;line-height:0;font-size:0;}
/*============================ END RESET ====================================*/

body{font-size:13px;text-align:center; background:url(img/bg_body2.jpg) repeat-x top center;padding:0px;margin:0px;font-family: "Helvetica", Arial, sans-serif;}
	#wrapper{position:relative; width:744px;  margin:0 auto; padding:0 auto; text-align:center;}
	#wrapperHome{position:relative; width:100%;  margin:0 auto; padding:0 auto; text-align:center; z-index:0;}
		.wrapAll{position:relative; width:744px; margin:0 auto; padding:0 auto; float:left; text-align:center;z-index:1;}
		/*.centering{position:relative; width:900px; height:600px;padding:0;margin:0 auto; }*/
		.centering{position:relative; width:900px; height:510px;padding:0;margin:0 auto; }
		.wrapAllHome{position:absolute; width:900px; top:0px;left:0px; padding:0; text-align:center;z-index:2;}
			.wrapTop{position:relative; width:744px; height:220px; margin:0; float:left;}
			.wrapTopHome{position:relative; width:900px; margin:0;}
				.header{position:absolute;top:50px;right:0px;}
				.logo {position:absolute; margin:0 auto;left:0px;top:25px;}
				.logo p {font-size:11px; text-align:left; color:#363636;}
				.logoHome {position:absolute; margin:0 auto;left:50px;top:25px;}
				.logoHome p {font-size:11px; text-align:left; color:#363636;}
				.tagline{position:absolute;left:2px;top:130px; width:250px; text-align:left;}
				.tagline h1{font-size:24px; color:#4a7cab;}
				.tagline p{font-size:12px; color:#363636; margin-top:0px;}
				.menu{width:600px; height:20px; z-index:999; position:absolute; left:185px; *left:100px;  top:10px;}
				.menu ul{padding:0;float:left;}
				.menu ul li{padding-left:15px;float:left;margin-right:7px;background:url(img/pentul_atas.png) 5px 8px  no-repeat; list-style:none;padding-top: 2px;}
				.menu ul li a{font-size:12px; color:#959595;text-decoration:none;}
				.menu ul li a:hover{ color:red;text-decoration:none;}
				.menu ul li a.active{font-size:12px; color:red;text-decoration:none;}
				.imgHome {position:absolute;top:70px; left:220px; width:289px; z-index:-1;}
				.login {position:fixed; height:239px;width:240px;padding:0;top:0px;right:0px;z-index:9999;background-image:url(img/img_home-login.png); color:#fff;}
				*html .login {position:absolute; height:239px;width:240px;padding:0;top:0px;right:0px;z-index:9999;background-image:url(img/img_home-login.png) no-repeat; color:#fff;}
				.form1{float:left; *float:right; margin:0px 0px 0px 90px; *margin:0px -45px 0px 0px;}
				.form1 h1{text-align:left;font-size:14px;}
				.form1 tr td{text-align:left;font-size:12px; color:#bce1f0;padding:1px;}
				.form1 tr td input{width:132px; height:17px; background:url(img/bg_form-login.jpg) repeat-x; border:1px solid #144273; color: white;}
				.form1 tr td textarea{width:250px; }
					.form1 input.btn{width:46px; height:16px; font-size:11px; text-align:center;}
				.menuHome {position:absolute;z-index:0;top:160px; left:0px;width:100%;background:transparent; }
				.if_cannot_flash {position:absolute;z-index:0;top:0px; left:-2px;width:900px; height:456px;}
				.if_cannot_flash img{border:none;}
				.message{position:absolute;top:210px; left:250px; width:370px;}
				.message h1{font-size:20px; color:red;text-align:left;}
				.message h2{font-size:14px; color:#000;text-align:left;}
				.message p{font-size:12px;color:#000;margin-top:0px;text-align:left;}
				.menuBawah{width:100%;height:60px; background:#195490; margin-top:17px;}
				.textMenu{width:950px;margin:0 auto; text-align:center;}
				.textMenu li{float:left;margin:10px 5px 0px 5px; color:#fff;list-style:none; *display:inline;font-size:10px; background:url(img/pentul_putih.png) 0px 4px no-repeat; padding-left:10px;}
				.textMenu li h1{font-size:14px; color:#9bcbff;  margin:1px 0 0 0;}
				.textMenu li a{font-size:10px; color:#fff;text-decoration:none;}
				/*.sliderKanan{position:absolute;width:160px; height:150px; bottom:0px; right:-43px; background-image:url(img/line-slide.jpg); z-index:9999;}*/
				.sliderKanan{position:absolute;width:320px; height:300px; right:-300px; background-image:url(img/line-slide.jpg); z-index:9999;}
					.slide1{width:320px; float:left; margin:0; padding:0;}
					.slide1 img{list-style:none; float:left; margin:15px 4px 50px 4px; padding:0; list-style:none;}
					.slide1 h1{font-size:12px; color:#666; width:200px; height:auto; float:left; text-align:left; margin:15px 0 0 0px;}
					.slide1 h2{font-size:12px; color:#7ea6b2; width:200px; float:left; text-align:left; margin:3px 0 0 0;}
					.slide1 h3{font-size:10px; color:#999; width:200px; float:left; text-align:left; margin:10px 0 0 0;}
					.slide1 h4{font-size:10px; color:#999; width:200px; float:left; text-align:left; margin:2px 0 0 0;}
					.slide1 p{font-size:12px; font-weight:bold; color:#666; float:left; text-align:left; margin:0px;}
					
					.slide2 {width:320px; float:left; margin:0; padding:0; list-style:none;}
					.slide2 h1 {font-size:12px; color:#195390; width:320px; height:auto; float:left; text-align:left; margin:15px 0 0 0px;}
					.slide2 h2 {font-size:12px; color:#195390; width:320px; height:auto; float:left; text-align:left; margin:5px 0 0 0px;}
					.slide2 h3 {font-size:12px; color:#195390; width:320px; height:auto; float:left; text-align:left; margin:5px 0 0 0px;}
					.slide2 a{font-size:11px; color:red; width:320px; height:auto; float:left; text-align:right; text-decoration:none; margin:0px 0 0 0px;}
					.slide2 p{font-size:11px; color:#666; width:320px; height:auto; float:left; text-align:left; margin:0px 0 0px 0px; border-bottom:dotted 2px; padding-bottom:5px;}
					
				/*#nav{position:absolute; border:none; bottom:140px; right:-50px; *bottom:156px;z-index:9999;}*/
				#nav{position:absolute; border:none; right:-293px; z-index:9999;}
				#nav a{text-decoration:none;background:url(img/pentul.png) no-repeat; margin:0px 0px 0px 0px;padding:6px; *padding-left:6px; *background-position:0px 6px;}
				#nav a.activeSlide { background:url(img/pentul1.png) no-repeat; *background-position:0px 6px;}
				#nav a:focus { outline: none; }
				
				
			.wrapBawah{position:relative; width:744px;  margin-bottom:50px; margin-top:20px;  padding:0;float:left;}
				.kotakKiri{position:relative; width:170px; height:auto; margin:0; padding:0; float:left; text-align:left;}
					.subMenu{width:150px;height:200px; margin:0; padding:0; font-size:12px;}
					.subMenu_kosong{width:150px;height:200px; margin:0; padding:0; /*background:#fff;*/}
					.subMenu ul{padding:0px; margin:0px;}
					.subMenu ul li{padding:0px;margin-left:20px;color:#fff; border-bottom:1px solid #4895F4}
					.subMenu ul li:hover{padding:0px;margin-left:20px;color:#0080dc;}
					.subMenu ul li.active{padding:0px;margin-left:20px;color:#0080dc;}
					.subMenu ul li a{font-size:13px; color:#00408a;text-decoration:none; line-height:20px;}
					
					/*konten Who*/
				.kotakKananWho{position:relative; width:545px; height:auto; margin: 0px 0px 0px 15px; padding:0; text-align:left; float:left;}
					.kotakKananWho h1{width:535px; margin: 0; padding:0;float:left;font-size:22px; color:#00408a;}
					.kotakKananWho h2{margin: 35px 0px 0px 0px; font-size:22px;font-size:18px; color:#4e82ac;font-weight:normal;}
					.kotakKananWho p{margin: 0px 0px 0px 0px; font-size:13px; font-weight:normal;}
					
						/*khusus visi&misi*/
						.visi{width:555px; margin: 10px 0 0 0; padding:0;float:left;}
						.visi h1{font-size:22px; color:#00408a;}
						.visi p{margin: 35px 0px 0px 0px; font-size:13px; font-weight:normal;}
						.misi{width:555px; margin: 10px 0 0 0; padding:0;float:left;}
						.misi h1{font-size:22px; color:#00408a;}
						/*.misi p{margin: 35px 0px 0px 0px; font-size:16px; font-weight:normal;}*/
						.misi ul {padding:0px; margin:0px; font-size:13px; font-weight:normal; color:#000000;}
						.misi ul li{padding:0px;margin-left:20px;color:#000;}
						/*end-khusus visi&misi*/
						
						/* khusus history*/
						.history { position:relative; width:535px; height:auto; margin: 10px 0px 0px 0px;  padding:0;float:left; /*background-color:#999999;*/}
						.history li{list-style:none;}
						.history li h1{ width:60px;font-size:18px; color:red; float:left; /*background-color:#9933CC;*/}
						.history li p{float:left;width:470px; height:auto; font-size:13px; margin: 0px 0px 0px 0px; /*background-color:#FFFF00;*/ }
						*html .history li p{ position:relative; width:470px; font-size:12px; margin: -12px 0px 0px 0px;}
							/*=======end-table History===========*/
						.kotakKananWho #halaman {height:400px;width:555px;list-style:none;padding:0px;}
						.kotakKananWho #page_navigation{height:auto;float:right;border:0; }
						.kotakKananWho #page_navigation a{font-size:12px;color:#000;margin:2px;text-decoration:none;padding:2px 3px 2px 3px;border:1px solid gray;}
						.kotakKananWho #page_navigation a:hover{color:#3e6fa2 !important;	background:#fff;}
						.kotakKananWho .active_page{color:#fff !important;background:#3e6fa2;}
							/*end-konten History*/
						/* end-khusus history*/
						
						/* khusus news*/
						.news { position:relative; width:390px; height:auto; margin: 10px 0px 0px 0px;  padding:0;float:left; /*background-color:#999999;*/}
						*html .news { position:relative; width:300px; height:auto; margin: 10px 0px 0px 0px;  float:left;}
						.news h1{font-size:12px; color:red; /*background-color:#9933CC;*/}
						.news h2{ font-size:15px; color:#4e82ac; /*background-color:#FFFF00;*/ margin: 10px 0px 0px 0px; }
						.news img {height:124px; float:left; margin: 0px 10px 0 0;}
						.news p{width:390px; margin:5px 0 0 0; font-size:13px}
						.archive { width:115px;  padding:0; position:absolute; top:0px; right:0px;}
						.archive h1{font-size:15px; color:red; width:100px;}
						.archive ul{font-size:14px; color:#000; margin: 20px 0px 0px 0px;padding:0px;}
						.archive li{list-style:none; border-bottom:1px solid #e5e5e5; margin:5px 0 0 0;}
						.archive ul li a{font-size:12px; color:#000;text-decoration:none; padding:0px;}
						/* end-khusus news*/
						
					/*end-konten Who*/
					
					
					/*konten Our Passion*/	
				.kotakKananOur{position:relative; width:535px;  margin: 0px 0px 0px 15px; padding:0; text-align:left; float:left; font-size:13px}
				.kotakKananOur h1{width:535px; margin: 0; padding:0;float:left;font-size:22px; color:#00408a;}
				.kotakKananOur h2{width:535px; margin: 0; padding:0;float:left;font-size:15px; font-weight:normal;}
					.contentour h1{margin: 10px 0px 5px 0px; font-size:15px; color:#4e82ac;font-weight:normal;}
					.contentour p{margin: 0px 0px 0px 0px; font-size:13px; font-weight:normal;}
					
					.table2{width:555px;}
					.table2 tr td{color:#000;font-size:12px;}
					.table2 input{background:#0e356c;float:left;border:none;color:#fff;}
					
					/*all-Route*/
					#sitemap, #sitemap ul, #sitemap li{
						margin:0;
						padding:0;
						list-style:none;
					}
					#sitemap{margin-top:40px;}
					#sitemap ul{
						display:none;
					}
					#sitemap li{
						line-height:200%;
						margin-top:1px;
						position:relative;
						width:100%;
					}
					/* IE leaves a blank space where span is added so this is to avoid that */
					* html #sitemap li{
						float:left;
						display:inline;
					}

					#sitemap li a{padding-left:28px; text-decoration:none; color:#000000;}
					#sitemap li span{float:left;position:absolute;top:9px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
					#sitemap li span, #sitemap li span.collapsed{background:url(img/collapsed.gif) no-repeat 0 0;} 
					#sitemap li span.expanded{background:url(img/expanded.gif) no-repeat 0 0;}

					/* second level */

					#sitemap li li{background:url(img/expanded.gif) no-repeat 30px 10px;}
					#sitemap li li a{padding-left:56px;}
					#sitemap li li span{left:28px;}

					/* third level */

					#sitemap li li li a{padding-left:84px;}
					#sitemap li li li span{left:56px;}

					/*end all-Route*/
					
					/*end-konten Our Passion*/
					
					/*konten What We Have*/	
				.kotakKananWhat{position:relative; width:555px;  margin: 0px 0px 0px 15px; padding:0; text-align:left; float:left;}
				.kotakKananWhat h1{width:555px; margin: 0; padding:0;float:left;font-size:22px; color:#00408a;}
				.kotakKananWhat h2{width:555px; margin: 0; padding:0;float:left;font-size:15px; font-weight:normal;}
					.content1{position:relative; width:555px;  margin: 0px 0px 0px 0px;float:left;}
					.content1 h1{margin: 10px 0px 5px 0px; font-size:15px; color:#4e82ac;font-weight:normal;}
					.content1 p{float:left; margin: 0px 0px 0px 0px; font-size:13px; font-weight:normal;}
					
					.content2{position:relative; width:555px;  margin: 0px 0px 0px 0px;float:left;}
					.content2 h1{margin: 10px 0px 5px 0px; font-size:15px; color:#4e82ac;font-weight:normal;}
					.content2 p{float:left; margin: 0px 0px 0px 0px; font-size:13px; font-weight:normal;}
					
					.content3{position:relative; width:555px;  margin: 0px 0px 0px 0px;float:left;}
					.content3 h1{margin: 10px 0px 5px 0px; font-size:15px; color:#4e82ac;font-weight:normal;}
					.content3 p{float:left; margin: 0px 15px 0px 0px; font-size:13px; font-weight:normal; width:340px;}
					
					.content4{position:relative; width:555px;  margin: 0px 0px 0px 0px;float:left;}
					.content4 h1{margin: 10px 0px 5px 0px; font-size:15px; color:#4e82ac;font-weight:normal;}
					.content4 p{float:left; margin: 0px 0px 0px 0px; font-size:13px; font-weight:normal;}
					.img_what{float:left; width:188px; height:auto;}
					.img_what h1{width:188px; text-align:center; color:#000000;font-size:13px; margin:3px 0px 10px 0px ;}
					/*=======table What We Have===========*/
					.tableVassel{float:left;width:555px;background:#000;margin-top:20px;}
						#box-table-a
						{
						font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
						font-size: 12px;
						margin: 0px;
						width: 555px;
						text-align: left;
						border-collapse: collapse;
						}
						#box-table-a th
						{
						font-size: 13px;
						font-weight: normal;
						padding: 8px;
						background: #014085;
						border-bottom: 1px solid #fff;
						color: #fff;
						}
						#box-table-a td
						{
						padding: 8px;
						background: #fff; 
						border: 1px solid #aaa;
						color: #669;
						border-top: 1px solid transparent;
						}
					.tableContainers{ float:left; margin: 10px 0px 5px 0px; width:555px; font-size:12px;}
					.tableContainers tr td{border: 1px solid #eeeeee;}
						/*=======end-table What We Have===========*/
						#halaman{height:400px;width:555px;list-style:none;padding:0px;}
						#page_navigation{height:100px;float:right;border:0; }
						#page_navigation a{font-size:12px;color:#000;margin:2px;text-decoration:none;padding:2px 3px 2px 3px;border:1px solid gray;}
						#page_navigation a:hover{color:#3e6fa2 !important;	background:#fff;}
						.active_page{color:#fff !important;background:#3e6fa2;}
					/*end-konten What We Have*/
					
					/*client*/
				.kotakKananClient{position:relative; width:555px;  margin: 0px 0px 0px 15px; padding:0; text-align:left; float:left;}
					.kotakKananClient h1{width:555px; margin: 0; padding:0;float:left;font-size:22px; color:#00408a;}
					.kotakKananClient h2{margin: 35px 0px 0px 0px; font-size:22px;font-size:18px; color:#4e82ac;font-weight:normal;}
					.kotakKananClient p{margin: 0px 0px 0px 0px; font-size:14px; font-weight:normal;}
				.img_client{width:555px; height:auto; display:inline;}
				.img_client li{float:left;list-style:none; margin:5px 5px 0px 0px;border:solid 1px #ededed;}
					/*end-client*/
					
					/*contact*/
				.kotakKananContact{position:relative; width:555px;  margin: 0px 0px 0px 15px; padding:0; text-align:left; float:left;}
					.kotakKananContact h1{width:555px; margin: 0px 0px 10px 0px; padding:0;float:left;font-size:22px; color:#00408a;}
					.kotakKananContact h2{margin: 35px 0px 0px 0px; font-size:22px;font-size:18px; color:#4e82ac;font-weight:normal;}
					.kotakKananContact p{margin: 0px 0px 0px 0px; font-size:14px; font-weight:normal;}
					.contentContact {width:555px; margin: 0; padding:0; float:left;}
					.contentContact h1{width:170px; margin: 0; padding:0;float:left;font-size:15px; color:red; font-weight:normal;}
					.contentContact h2{width:74px; margin: 0; padding:0;float:left;font-size:15px; color:red; font-weight:normal;}
					.contentContact h3{margin: 0px 0px 0px 0px;font-size:15px; color:black; font-weight:normal;}
					.contentContact p{margin: 0px 0px 0px 0px; font-size:14px; color:black; font-weight:normal;}
				.kotakKananContactform{position:relative; width:555px;  margin: 0px 0px 0px 15px; padding:0; text-align:left; float:left;}
					.kotakKananContactform h1{width:555px; margin: 0; padding:0;float:left;font-size:22px; color:#00408a;}
					.form{margin-top:20px;float:left; width:555px;}
					.form tr td{font-size:13px;}
					.form tr td input{width:250px;margin-top:5px;}
					.form tr td textarea{width:250px;}
					input.btn{width:30px;}
					
					
					.contactonline{float:left;}
					.contactonline li{float:left; width:200px; list-style:none;}
					.contactonline li img{border:none;}
					/*end-contact*/
										
			/*.img_bawah{position:fixed; height:415px;width:267px;padding:0;margin:0;bottom:0px;left:0px;z-index:-1;}*/
			/*.img_bawah{background-color: #468;
					   background-image: url(shell-blue.jpg);
					   background-position: 0 0;
					   background-repeat: no-repeat;
					   background-attachment: fixed;
					   height:415px;width:267px;padding:0;margin:0;bottom:0px;left:0px;
					  }*/
		.clearer{position:relative; width:744px; height:50px;margin:0 auto; padding:0 auto; float:left;}
		.footer{position:relative; width:744px; height:22px;margin:0 auto; padding:0 auto; float:left; text-align:center;z-index:0;}
			.textFooter{font-size:12px; color:#959595;width:555px; margin:0 auto;font-family:"Arial", Helvetica, sans-serif;}
			.textFooter a{font-size:12px; color:#959595;width:555px; margin:0 auto; text-decoration:none;}
			.textFooter a:hover, .textFooter a.active{color:red;}
		.footerHome {width:900px; height:22px;margin:0 auto; padding:0 auto; text-align:center; bottom:0px;}
			
#halaman{height:400px;width:555px;list-style:none;padding:0px;}
#page_navigation{height:100px;float:right;border:0; }
#page_navigation a{font-size:12px;color:#000;margin:2px;text-decoration:none;padding:2px 3px 2px 3px;border:1px solid gray;	}
#page_navigation a:hover{color:#3e6fa2 !important;	background:#fff;}
.active_page{color:#fff !important;background:#3e6fa2;}
.contact-split {
width: 275px;
float:left;
font-size: 13px;
height: 90px;
}
.contact-split .contact-header {
font-weight: bold;
line-height: 22px;
}
.contact-split p {
font-weight: normal;
line-height: 18px;
}