body

{

padding:0;

font-family:Arial;

font-size:12px;

margin:0px auto 0px auto;

color:#363636;

font-weight:normal;

}

.top{
width:100%;
height:278px;
margin:auto;
padding:0px;
background:url(../../images/top.gif);
}

.green{

margin:auto;

padding:0px;

width: 100%; /*leave this value as is in most cases*/

height:37px;

background-color:#336600;

background: url(../../images/menu_bg.gif);

background-repeat:repeat-x;



}

p{

padding:2px;

margin:0px;

}

.menu-green{



height:37px;



margin-left:190px;

border:0px solid black;

}



#header{
width:1000px;
height:278px;
background:url(../../images/header_bg.jpg) no-repeat center;
background-position:0px 0px;
margin:auto;
}

.indentmenu{



width: 100%; /*leave this value as is in most cases*/

height:37px;

margin:auto;

}



.indentmenu ul{

margin: 0;

margin-left:-10px;

padding: 0;

float: left;

width: 650px; /*width of menu*/

height:37px;

font-family:Arial;

font-size:13px;

font-weight:bold;

}



.indentmenu ul li{

display: inline;

line-height:37px;

}



.indentmenu ul li a{

float: left;

color: #e5df85; /*text color*/

padding: 0px 10px;

height:37px;

text-decoration: none;

}



.indentmenu ul li a:hover, .indentmenu ul li .current{



display:block; 

float:left; 

padding:0px 10px;



text-decoration:none;

color:#ffffff;

height:37px;

background: url(../../images/arow.gif);

background-repeat:no-repeat;

background-position:top;

}

/*---------------- divider----------------------*/



.indentmenu ul li.divider {

display:inline;

width:3px;

height:37px;

float:left;

background: url(../../images/menu_divider.gif) ;

background-repeat:no-repeat;

background-position:top;

}

.top_left{

width:320px;

float:left;

height:278px;

}

#logo{

display:block;

float:left;

margin:45px 20px 0 0px;

}



.languages{

display:block;
float:left;
width:150px;
margin-top:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003b19;
font-weight:bold;

}

.lang_text{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#003b19;

font-weight:bold;

}

a.lang{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

color:#969696;

text-decoration: none;

}

a.lang:hover {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#003b19;

text-decoration:underline;

}

.top_right{

width:680px;

float:right;

}

.teks_banner{

width:292px;

float:left;

padding:130px 10px 0 0;

font-family:Georgia;

font-size:18px;

color:#000000;

text-align:left;



}

#image-atas{
width:206px;
display:inline;
position:absolute;
height:161px;
top:126px;
left: 790px;
}

.center{

width:100%;

height:auto;

margin:auto;

padding:0px;

background:url(../../images/bg-container.gif);

background-repeat:repeat-x;

background-position:top;



background-color:#FFFFFF;

}

#main_container{

width:1000px;

height:750px;

margin:auto;

padding:0px;

}

.spacer-atas{

width:1000px;

margin:auto;

height:25px;

display:block;



}

#main_content{

width:100%;

clear:both;

}



/*-------------left_content------------------*/

.left_content{

width:292px;

float:left;

height:631px;

background-image:url(../../images/garis.gif);

background-repeat:repeat-y;

background-position:right;

}



/*center content--------------------------*/

.center_content{

width:420px;

float:left;

}

.center-isi{

width:361px;

margin:auto;



}



/*----------------------right content--------------*/

.right_content{

height:631px;

display: inline;

width:288px;

float:left;

padding:0px;

background-image:url(../../images/garis.gif);

background-repeat:repeat-y;

background-position:left;

}

/*---------------------------------content---------------------*/

.tittle1{

width:361px;

margin:auto;

font-family:Georgia;

font-size:28px;

color:#000000;

display: block;

text-align:left;

margin-bottom:15px;

font-weight:normal;

}

.tittle2{

width:269px;

margin:auto;

font-family:Georgia;

font-size:20px;

color:#003b19;

display: block;

text-align:left;

margin-top:10px;

margin-bottom:18px;

margin-left: 0px;

font-weight:normal;

}

.tittle3{

width:253px;

margin:auto;

margin-left: 35px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#000000;

display: block;

text-align:left;

margin-top:10px;

margin-bottom:13px;

}

.tittle4{

width:400px;

margin:auto;

float: left;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#000000;

display: block;

text-align:left;

margin-top:10px;

margin-bottom:18px;

}

.tittle4i{

width:304px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#003b19;

display: block;

margin-top:30px;

margin-bottom:18px;

margin-left:20px;

}

.tittle4ia{

width:304px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#003b19;

display: block;

margin-top:30px;

margin-bottom:18px;

margin-left:16px;

}



.tittle5{

width: 356px;

margin:auto;

float: left;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#000000;

display: block;

text-align:left;

margin-top:10px;

margin-bottom:18px;

}

.tittle6{

width:556px;

margin:auto;

float: left;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#000000;

display: block;

text-align:left;

margin-top:10px;

margin-bottom:13px;

}

.img-tittle{

margin-right:10px;

}

.ilustrasi{

width:361px;

margin:auto;

margin-bottom:10px;

}

.teks-isi{

width:361px;

margin:auto;

text-align:left;

}

.teks-isi-left{

width:259px;

margin:auto;

margin-top:10px;

text-align:left;

}



.dash{

border: none;

border:none;

position: absolute;

top: 474px;

right: 1070px;}



.resume{

font-weight:normal;

color:#003b19;

}

.resume2{

width:292px;

margin:auto;

font-weight:normal;

color:#003b19;

margin-bottom:15px;

margin-left: 0px;

font-size:;

font-family:Georgia;

}

.resume3{

width:700px;

margin:auto;

float: left;

color:#363636;

margin-bottom:15px;

}

.resume4{

width:386px;

margin:auto;

float: left;

font-weight:bold;

color:#363636;

margin-bottom:0px;

margin-left:5px;

}

.resume7{

width:304px;

font-weight:bold;

margin:auto;

color:#000;

margin-bottom:20px;

margin-left:20px;

}

.resume7i{

width:304px;

font-weight:bold;

margin:auto;

color:#000;

margin-bottom:20px;

margin-left:15px;

}

.resume8{

width:700px;

margin:auto;

float: left;

font-weight:bold;

color:#003b19;

margin-bottom:15px;

margin-top: 0px;

margin-left: 0px;

}

.resume8i{

color:#0d0d0d;

font-style: italic;

}

.resume9{

width:292px;

margin:auto;

font-weight:bold;

color:#003b19;

margin-bottom:0px;

margin-top: 6px;

margin-left: 0px;

}

a.read{

background:url(../../images/bg-read.gif);

background-position:bottom;

background-repeat:repeat-x;

border-left:1px solid #bdbcbd;

border-top:1px solid #bdbcbd;

border-bottom:1px solid #bdbcbd;

border-right:1px solid #bdbcbd;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

padding:2px 9px 2px 9px ;

color:#000;

text-decoration:none; 

float:left;

}

.box-btn{

width:361px;

height:20px;

margin: 10px auto 21px auto; 



}

.box-update{

width:200px;

margin:auto;

margin-left: 35px;

display: block;

text-align:left;

margin-top:20px;



}

.box-tgl{

	width:45px;

	height: 59px;

	background: url(../../images/bg-tgl.gif);

	background-repeat: no-repeat;

	float: left;

	display: inline; 

}

.tgl{

margin: 15px auto 4px auto; 

font-family: Arial, Helvetica, sans-serif;

font-size:20px;

color:#3bb000;

text-align: center;

}

.bln{

margin: auto; 

font-family: Arial, Helvetica, sans-serif;

font-size:11px;

font-weight: bold;

color:#fff;

text-align: center;

}

.info-update{

width: 140px;

height: auto;

float: right;

display: inline;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}



a.title-update {

width: auto;

height: 22px;

font-family: Arial;

font-weight: bold;

font-size: 12px;

text-align: left;

text-decoration: none;

color: #4f790a;

}



a.title-update:hover 

{

color: #7dc703;

}

.teks-update{

background-image: url(../../images/star.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: left top;

font-family: Arial,Verdana,Helvetica,sans-serif; 

font-size: 12px;

text-align: justify;

text-decoration: none;

width: 150px;

height: auto;

color: #252525;

padding-left: 20px;

margin: 0px 0px 0px 0px;

}

a.read-lagi

{

font-family: arial,georgia,"Franklin Gothic Demi Cond";

font-size: 11px;

font-weight: bold;

float: left;

width: 200px;

height: auto;

text-align: left;

display: block;

text-decoration: underline;

color: #c46706;

margin-top: 10px;

margin-right: 0px;

margin-bottom: 20px;

margin-left: 0px;

}

a.read-lagi:hover {

	text-decoration: none;

}

.by{

background-image: url(../../images/edit-ico.gif);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: left top;

font-family: arial,georgia,"Franklin Gothic Demi Cond";

font-size: 11px;

float: left;

width: 200px;

height: auto;

text-align: left;

color: #343434;

margin-top: 0px;

margin-right: 0px;

margin-bottom:20px;

margin-left: 10px;

padding-left: 20px;

display: block;

}

.quick-contact{

width:190px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#000000;

float: left;

text-align:left;

margin-top: 30px;

margin-left: 35px;

margin-bottom:20px;

}



/*-----------------------------li ko----------------*/

.ko-left{

clear:both;

width:192px;

float: left;

margin:auto;

margin-bottom: 5px;

margin-left: 6px;

padding-top: 5px;

text-align:left;

padding-top:2px;

color:#363636;

font-weight:normal;



}



.ko-left ul li a

{

display: block;

margin: 0 0 0 0;

padding: 0 0 0 0px;

font-weight: normal;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #363636;

text-decoration: none;



}

.ko-left ul li

{

background-image:url(../../images/dash.gif);

background-position:left;

background-repeat: no-repeat;

display: block;

margin: 5pt 2px 0pt 0pt;

padding: 0pt 0pt 2px 8px;

border-bottom-width: 1px;

border-bottom-style: dashed;

border-bottom-color: #363636;

font-weight:normal;

text-decoration:none

}

.spacer-kiri{

width: 300px;

margin:auto;

height:30px;

display: block;

float:left;

position: static

}

/*--------------service conten----------------*/

#box-right-service{

width:700px;

margin-left: 0px;

float:right;

height: 700px;

display: inline;

border:1px solid#eeeee;

}

.content-srv{

width:650px;

float:left;

display: block;

margin-bottom: 16px;

}

.img-srv{

	width: 167px;

	height: 86px;

	padding: 6px 0 0 6px;

	float: left;

	display: inline;

	background-image: url(../../images/service-bg-img.png);

	background-repeat: no-repeat;

}

.info-srv{

width: 400px;

height: auto;

float: left;

display: inline;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 20px;

}

.isi-srv{

margin-top: -5px;

margin-left: -27px;

padding-bottom: 10px;

padding-left: 20px;

}

.left_content-srv{

width:292px;

float:left;

height:620px;

}

.serv-teks{

width: 400px;

height: auto;

float: left;

display: inline;

}

.train-box{

clear: both;

float:left;

width:700px;

margin-bottom:10px;

}

.train-teks{

color: #003b19;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

font-weight: bold;

margin-left:19px;

margin-bottom: -10px;

}

.train

{

color: #2a2a2a;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

background-image: url(../../images/arow-green.gif);

background-position:left top;

background-repeat: no-repeat;

display: block;

margin: 0px 0px 0px -30px;

padding: 0px 0px 5px 10px;

text-decoration:none

}

/*.garow{

margin-left: 10px;

}*/

/*----new service content-----*/

.center_srv{

width:700px;

float:left;

padding:0px 0px 0px 0px;

margin-bottom: 30px;

}



.center_srv_box{

width:167px;

height: auto;

float:left; 

text-align:center;

padding:0px; 

margin: auto; 



}

.srv_img{

padding:5px 5px 0px 0px;

background-image: url(../../images/bg-service-img.gif);

background-repeat: no-repeat;

width: 167px;

height: 84px;

}

.srv_box{

width:167px;

height: auto;

float:left;

padding:0px 3px 0px 0px;

}

.srv_price{

padding:5px 0 5px 0;

}

span.reduce-srv{

color:#666666;

font-style: italic;

color: #003b19;

text-align: left;

}

.srv-sys1{

background-image:url(../../images/Services_safety01.gif);

background-repeat:no-repeat;

width:676px;

height:153px;

float:left;

display: block;

margin-bottom: 0px;

}

.srv-sys2{

background-image:url(../../images/Services_safety02.gif);

background-repeat:no-repeat;

width:342px;

height:375px;

float:left;

display: block;

margin-bottom: 0px;

}

.srv-sys3{

background-image:url(../../images/Services_safety03.gif);

background-repeat:no-repeat;

width:334px;

height:375px;

float:left;

display: block;

margin-bottom: 0px;

}

.sys1{

color: #fff;

font-family: Georgia, "Times New Roman", Times, serif;

font-weight:bold;

font-size: 11px;

display: block;

margin: 15px 0px 0px 230px;

padding: 0px 0px 0px 0px;

text-decoration:none

}

.sys2{

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-weight:bold;

font-size: 12px;

display: block;

margin: 0px 0px 0px 33px;

padding: 0px 0px 0px 0px;

text-decoration:none

}

.sys3{

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-weight:bold;

font-size: 12px;

display: block;

margin: 0px 0px 0px 25px;

padding: 0px 0px 0px 0px;

text-decoration:none

}

/*--------------contact----------------*/

.left_contact{

width:345px;

float:left;

height:620px;

text-align: right;

}

#right-contact{

width:508px;

margin-left: 65px;

float:left;

display: inline;

margin-bottom: 50px;

}

.img-contact{

width: 394px;

height: 111px;

float: left;

margin-bottom: 10px;

}

.title-contact{

width:386px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:18px;

margin:auto;

float: left;

color:#003b19;

margin-bottom:15px;

margin-top:15px;



margin-left:5px;

}

.box-contact{

width:386px;

margin:auto;

float: left;

margin-bottom:7px;

margin-left:5px;

}

.text-contact{

font-family: Arial, Helvetica, sans-serif;

font-size:14px;

text-align: left;

color:#003b19;

width: 108px;



}

/*-------------------------------clients---------------------*/

.resume5{

width:900px;

margin:auto;

font-weight:bold;

color:#363636;

margin-bottom:60px;

margin-top: 20px;

}

.center_client{

width:930px;

float:left;

padding:0px 22px 0px 23px;

}



.center_prod_box{

width:176px;

height: auto;

float:left; 

text-align:center;

padding:0px; 

margin: auto; 



}

.product_img{

padding:0px 0 5px 0;

}

.prod_box{

width:176px;

height: auto;

float:left;

padding:5px 5px 5px 5px;

}

.prod_price{

padding:5px 0 5px 0;

}

span.reduce{

color:#666666;



}

span.price{

color: #ff8a00;

}

/*--------------about----------------*/

.left_about{

width: 359px;

float:left;

height:631px;

}

#right-about{

width:556px;

margin-left: 21px;

float:left;

display: inline;

margin-bottom: 50px;

}

.img-about{

width: 359px;

display: block;

height: 111px;

float: left;

margin-bottom: 10px;

}

.info-about{

width: 359px;

float:left;

text-align: justify;

}

.our{

width: 359px;

float:left;

text-align: justify;

margin-top:17px;

}

.about1{

width: 359px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:14px;

font-style: italic;

font-weight: bold;

float: left;

color:#003b19;

}

.mision{

width: 359px;

float:left;

margin-left: -24px;

margin-top: -10px;



}

.isi-mision{

font-family:Georgia, "Times New Roman", Times, serif;

font-size:12px;

font-style: italic;

color:#003b19;

padding-bottom: 5px;



}

.about2{

width: 359px;

float: left;

text-align: justify;

}

.info-right-about{

width:556px;

float: left;

text-align: justify;

}

.content-board{

width:556px;

height: 310px;

margin: 0;

padding: 0;

float: left;

display: block;

}

* html.content-board{



display: inline;

}

.tittle-about{

width:556px;

margin:auto;

font-weight: bold;

float: left;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:12px;

color:#003b19;

display: block;

text-align:left;

margin-top:10px;

margin-bottom:18px;

}

.tittle-about-small{

font-family:Georgia, "Times New Roman", Times, serif;

font-size:12px;

font-weight: normal;

color:#003b19;

padding-bottom: 5px;

}

.garis-about{

margin:auto;

margin-top: 10px;

width:556px;

background-image: url(../../images/garis-hijau.gif);

background-repeat: repeat-x;

height: 4px;

display:block;

float: left;

}

.organize-mn{

clear:both;

width:220px;

float: left;

text-align:left;

margin-left: -40px;

}



.organize-mn ul li a

{



display: block;

margin: 6px 0 0 0px;

padding: 4px 0 0 20px;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #003b19;

text-decoration: none;

background-image: url(../../images/plus.gif);

background-repeat: no-repeat;

background-position: left;

}

.organize-mn ul li a:hover

{

display: block;

margin: 6px 0 0 0px;

padding:4px 0 0 20px;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #003b19;

text-decoration: none;

background-image: url(../../images/minus.gif);

background-repeat: no-repeat;

background-position: left;

}

.organize-mn ul li

{

background-image:url(../../images/bg_2.gif);

background-position:left;

background-repeat: repeat-x;

display: block;

margin: 2pt 0px 0pt 0pt;

padding: 0pt 0pt 2px 0px;

text-decoration:none

}

/*-----------------people----------------*/

.resume6{

width:945px;

float:left;

font-weight:bold;

color:#363636;

margin-bottom:50px;



}

.center_ppl{

width:945px;

float:left;

padding:0px 0px 0px 0px;

margin-bottom: 30px;

}



.center_ppl_box{

width:189px;

float:left; 

text-align:center;

padding:0px; 

margin: auto; 



}

.ppl_img{

padding:8px 0px 0px 0px;

background-image: url(../../images/bg-people.gif);

background-repeat: no-repeat;

width: 189px;

height: 142px;

}

.ppl_box{

width:189px;

height: auto;

float:left;

padding:0px 0px 0px 0px;

}

.ppl_price{

font-family: Georgia, "Times New Roman", Times, serif;

color:#666666;

color: #003b19;

text-align: center;

margin-bottom:3px;

}

a.ppl_price{

font-family: Georgia, "Times New Roman", Times, serif;

color:#666666;

color: #003b19;

text-align: center;

text-decoration:none;

margin-bottom:3px;

}

a.ppl_price:hover{

font-family: Georgia, "Times New Roman", Times, serif;

color:#666666;

color: #003b19;

text-align: center;

text-decoration:underline;

margin-bottom:3px;

}

.reduce-ppl{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color: #000;

text-align: center;

}

a.reduce-ppl{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color: #000;

text-align: center;

text-decoration:none

}

a.reduce-ppl:hover{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color: #000;

text-align: center;

text-decoration: underline;

}

/*--------------footer----------------*/

.bottom{

width:100%;

padding:0px;

clear:both;

}

.footer{

clear:both;

margin:auto;

background: #003B19;

width:100%;

height:128px;



}



.right_footer{

clear:both;

padding-top:10px;

margin-top: 0px;

margin:auto;

font-weight:normal;

font-size:10px;

font-family:Arial;

color:#e5df85;

text-align:center

}

.right_footer a{

padding:0 10px 0 10px;

font-weight:normal;

font-size:10px;

font-family:Arial;

color:#e5df85;

text-decoration:none;

}





.right_footer a:hover{

text-decoration:underline;

color:#ffffff;

}

.copy{

font: 11px Arial;

color:#fff;

}

/*--------------input----------------*/

.green-in{

	background: #003b19;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	width: 200px;

	height: 20px;

	padding-left: 5px;

	margin-top:10px;



	border: none;

}

.green-ina{

	background: #003b19;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	width: 200px;

	height: 60px;

	padding-left: 5px;

	margin-top:10px;

	margin-bottom: 10px;

	border: none;

}

.white-in{

	color: #003b19;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	width: 248px;

	height: 19px;

	padding-left: 2px;

	float: right;

	display: inline;

	margin-right: 5px;

}

.white-ina{

	color: #003b19;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	width: 248px;

	height: 100px;

	padding-left: 2px;

	float: right;

	display: inline;

	margin-right: 5px;

}

.btn-send{

	width:386px;

	height: 24px;

	text-align: right;

	display: block;

}

/*----------------training-----------*/

.center_training{

width:945px;

float:left;

margin-bottom: 30px;



}



.vid1{

margin-left: 126px;

width:320px;

height: auto;

float:left;

}

.vid2{

margin-left: 50px;

width:320px;

height: auto;

float:left;

}

.vid-ctn{

width:320px;

height: auto;

float:left; 

text-align:left;

padding:0px; 



}

.vid_img{

padding:0px 0 px 0;

}

.vide_title{

padding:0px 0 15px 0;

}

span.text-vid{

width:320px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#003b19;

display: inline;

}

/*-------training new-------------------*/

.tittle-train{

width:269px;

margin:auto;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#000000;

display: block;

text-align:left;

margin-top:10px;

margin-bottom:10px;

margin-left: 0px;

}

.left_content-trn{

width:292px;

float:left;

height:620px;

}

#box-right-trn{

width:700px;

margin-left: 0px;

float:right;

height: 700px;

display: inline;

border:1px solid#eeeee;

}

.resume-trn{

width:700px;

margin:auto;

font-size: 13px;

float: left;

font-weight:bold;

color:#003b19;

margin-bottom:5px;

margin-top:0px;

margin-left: 0px;

}

.resume-trn2{

color:#000000;

width:700px;

margin:auto;

float: left;

margin-bottom:5px;

margin-top: 0px;

margin-left: 0px;



}

.train2

{

color: #003b19;

font-family: Arial, Helvetica, sans-serif;

font-style: italic;

font-size: 12px;

background-image: url(../../images/helm-s.png);

background-position:left top;

background-repeat: no-repeat;

display: block;

margin: 0px 0px 5px -40px;

padding: 0px 0px 5px 35px;

text-decoration:none

}

a.train2

{

color: #003b19;

font-family: Arial, Helvetica, sans-serif;

font-style: italic;

font-size: 12px;

background-image: none;

display: block;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

text-decoration:underline;

}

/*------------------------news------------------------------*/

.news-container{

width:1000px;

text-align: justify;

padding: 0px 0px 5px 0px;

margin: 0 0 7px 0;

clear: both;

}



.img-news{

padding: 3px;

margin: 0px 5px 0px 0px;

float: left;



}

.news-title-box{

width: 790px;

float: left;

height: 59px;

margin-top: 0px;

margin-right: 0px;

margin-bottom:5px;

margin-left: 0px;



display: block;

}

.title-news{



height: 22px;

font-family: Arial,Verdana,Helvetica,sans-serif;

font-weight: bold;

font-size: 14px;

text-align: left;

text-decoration: none;

color: #4f790a;

float: left;

width:600px;

height: auto;

margin-top: 15px;

margin-right: 0px;

margin-bottom:10px;

margin-left: 5px;

padding-left: 0px;

display: block;

}

.by2{

background-image: url(../../images/edit-ico.gif);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: left top;

font-family: arial,georgia,"Franklin Gothic Demi Cond";

font-size: 11px;

float: left;

width: 200px;

height: auto;

text-align: left;

color: #343434;

margin-top: 0px;

margin-right: 0px;

margin-bottom:0px;

margin-left: 5px;

padding-left: 20px;

display: block;}



.latest-box{

width:1000px;

float: left;

text-align: justify;

margin: 0 0 15px 0;

}

.latest-ctn{

width:464px;



float:left; 

text-align: justify;

padding:5px; 



}

.latest-ctn2{

width:464px;

margin-right: 0px;

float:right; 

text-align: justify;

padding:5px; 



}

.title-latest {

margin-left: 5px;

width: 400px;

}

.box-tgl2{

	width:45px;

	height: 59px;

	background: url(../../images/bg-tgl.gif);

	background-repeat: no-repeat;

	float: left;

	display: inline; 

	margin-right: 5px;

	margin-bottom: 5px;

}

/*--------------------career----------------------*/

.left_career{

width:192px;

float:left;

height:620px;

margin-right: 45px;



}

#right-career{

width:698px;

float:left;

display: inline;

margin-bottom: 50px;

}

.img-career{

width:192px;

height: 111px;

margin-bottom: 10px;

}

.title-career{

width:192px;

text-align: left;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:20px;

color:#003b19;

margin-bottom:15px;

}

.box-career{

width:698px;

margin:auto;

text-align: left;

float: left;

margin-bottom:20px;

}

.text-career1{

width:698px;

margin:auto;

float: left;

font-family:Georgia, "Times New Roman", Times, serif;

font-weight: bold;

font-size:14px;

color:#003b19;

margin-bottom:25px;

margin-top:57px;

}

.text-career2{

font-family: Arial, Helvetica, sans-serif;

font-size:14px;

text-align: left;

color:#003b19;

width:698px;

}

.text-career3{

width:698px;

font-family: Arial, Helvetica, sans-serif;

font-size:12px;

text-align: left;

color:#003b19;

width:698px;

margin-bottom: 20px;

}

.text-career4{

width:698px;

font-family: Arial, Helvetica, sans-serif;

font-size:12px;

text-align: left;

color:#363636;

width:370px;

margin-bottom: 2px;



}

.number{

margin-left: -22px;

margin-bottom: 20px;

margin-top:-2px;

}

.text-career5{

width:390px;

height: 60px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:14px;

color:#003b19;

background: url(../../images/mail.gif);

background-repeat: no-repeat;

background-position: top left;

padding-left:90px;

padding-top: 10px;

margin-top: 15px;

}



.text-career6 {font-size: 16px; font-weight: bold;}

.text-career7{

width:500px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:14px;

padding-left:150px;

color:#003b19;

font-weight: bold;

margin-top: 25px;

}

.h2sjudul{

	font-family:width:auto;

	font-family: Arial,Verdana,Helvetica,sans-serif;

	font-weight: bold;

	font-size: 12px;

	text-align: left;

	text-decoration: none;

	color: #4f790a;

	margin-bottom: 5px

}

.h2sisi{

	width:253px;

	margin-bottom: 15px

}

.sub-servis{

margin-top:10px;

padding-left:7px;

float:left;

width:100%;

}

a.serv{

font-family: Arial,Verdana,Helvetica,sans-serif;

font-style: normal;

font-variant: normal;

font-weight: bold;

font-size: 12px;

color: #363636;

text-decoration:none

}

.sub-tittle{

width:700px;

margin:auto;

float: left;

color:#363636;

margin-bottom:15px;

font-family: Arial,Verdana,Helvetica,sans-serif;

font-style: normal;

font-variant: normal;

font-weight: bold;

font-size: 13px;

color: #363636;

}


/*tambahan----------------------------------------------------------------*/
.sub-tittle-green{
width:700px;
margin:auto;
float: left;
color:#363636;
margin-bottom:15px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 14px;
color: #043a1c;
}

.resume-italic{
font-weight:bold;
color:#043a1c;
font-style: italic;
font-size: 12px;
}
.conf1{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #043a1c;
margin-left: 10px;
}
.img-conf{
width:700px;
margin:auto;
float: left;
color:#363636;
margin-bottom:25px;
margin-top: 10px;
}