/*all style*/
body {
	background:#666666;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	color:#333333;
	font-size:12px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.left {
	background:#666666 url(../images/about_us_01.jpg) repeat-y;
	background-position:right;
	width:55px;
}
.right {
	background:#666666 url(../images/about_us_04.jpg) repeat-y;
	background-position:left;
	width:55px;
}
.menu {
	background:url(../images/menu1.jpg) repeat-x;
	vertical-align:top;
}
.menu2 {
	background:url(../images/product_07.jpg) repeat-x;
	vertical-align:top;
}
#menu1 {
	font-weight:bold;
	font-size:13px;
	display:block;
	padding-left:10px;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:72px;
}
#menu1 a {
	color: #CCCCCC;
	text-decoration: none;
}
#menu1 a:hover {
	background:url(../images/menu1_hover.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu2 {
	font-weight:bold;
	font-size:13px;
	display:block;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:106px;
}
#menu2 a:hover {
	background:url(../images/menu1_latar.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu2 a {
	color: #CCCCCC;
	text-decoration: none;
}
#menu3 {
	font-weight:bold;
	font-size:13px;
	display:block;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:72px;
}
#menu3 a:hover {
	background:url(../images/menu1_hover.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu3 a {
	color: #CCCCCC;
	text-decoration: none;
}
#menu4 {
	font-weight:bold;
	font-size:13px;
	display:block;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:72px;
}
#menu4 a:hover {
	background:url(../images/menu1_hover.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu4 a {
	color: #CCCCCC;
	text-decoration: none;
}
#menu5 {
	font-weight:bold;
	font-size:13px;
	display:block;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:65px;
}
#menu5 a:hover {
	background:url(../images/menu1_hover.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu5 a {
	color: #CCCCCC;
	text-decoration: none;
}
#menu6 {
	font-weight:bold;
	font-size:13px;
	display:block;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:80px;
}
#menu6 a:hover {
	background:url(../images/menu1_hover2.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu6 a {
	color: #CCCCCC;
	text-decoration: none;
}
#menu7 {
	font-weight:bold;
	font-size:13px;
	display:block;
	padding-left:10px;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:72px;
}
#menu7 :hover {
	background:url(../images/menu1_hover3.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu7 a {
	color: #CCCCCC;
	text-decoration: none;
}
#menu8 {
	font-weight:bold;
	font-size:13px;
	display:block;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:72px;
}
#menu8 :hover {
	background:url(../images/menu1_hover3.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu8 a {
	color: #CCCCCC;
	text-decoration: none;
}
#menu9 {
	font-weight:bold;
	font-size:13px;
	display:block;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:106px;
}
#menu9 a:hover {
	background:url(../images/menu1_latar2.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu9 a {
	color: #CCCCCC;
	text-decoration: none;
}
#menu10 {
	font-weight:bold;
	font-size:13px;
	display:block;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:80px;
}
#menu10 a:hover {
	background:url(../images/menu1_latar3.jpg) no-repeat;
	height:36px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}
#menu10 a {
	color: #CCCCCC;
	text-decoration: none;
}
.text_menu {
	padding-top:6px;
	text-align:center;
}
/*index style*/
.welcome {
	background:url(../images/index_15.jpg) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	text-align:justify;
	vertical-align:top;
	padding:0px;
}
.welcome h2 {
	font-size:18px;
	margin:5px;
	padding-bottom:0px;
	color:#cdebf9;
}
.welcome p {
	margin:0px;
	padding-left:5px;
	padding-bottom:5px;
}
.search {
	background:url(../images/index_04.jpg) no-repeat;
	color:#666666;
	font:Arial;
	font-size:11px;
}
.search a:link {
	color: #0000FF;
	text-decoration: none;
}
.search a:visited {
	text-decoration: none;
	color: #0000FF;
}
.search a:hover {
	text-decoration: none;
	color: #0000FF;
}
.search a:active {
	text-decoration: none;
	color: #0000FF;
}
.search2 {
	background:url(../images/about_us_03.jpg) no-repeat;
	color:#666666;
	font:Arial;
	font-size:11px;
}
.search2 a:link {
	color: #0000FF;
	text-decoration: none;
}
.search2 a:visited {
	text-decoration: none;
	color: #0000FF;
}
.search2 a:hover {
	text-decoration: none;
	color: #0000FF;
}
.search2 a:active {
	text-decoration: none;
	color: #0000FF;
}
.hs {
	padding-bottom:10px;
	float:left;
	padding-left:88px;
	width:110px;
	color:0000FF;
}
.hs a {
	color:0000FF;
}
.sh_news {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:30px;
}
.sh_news  a:link {
	color: #FF0000;
	text-decoration: none;
}
.sh_news  a:visited {
	text-decoration: none;
	color: #FF0000;
}
.sh_news  a:hover {
	text-decoration: none;
	color: #FF0000;
}
.sh_news  a:active {
	text-decoration: none;
	color: #FF0000;
}

.sh_event {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:0px;
	padding-bottom:5px;
}
.sh_event  a:link {
	color: #0000FF;
	text-decoration: none;
}
.sh_event  a:visited {
	text-decoration: none;
	color: #0000FF;
}
.sh_event  a:hover {
	text-decoration: none;
	color: #0000FF;
}
.sh_event  a:active {
	text-decoration: none;
	color: #0000FF;
}
/*about style*/
.text_about {
	background:#FFFFFF;
	text-align:justify;
	font-size:12px;
	color:#333333;
	padding:20px;
	padding-top:10px;
	vertical-align:top;
	line-height:25px;
}
/*untuk footer*/
.footer {
	background:url(../images/index_35a.jpg) repeat-x;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	font-family:Arial;
}
.footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.footer  a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.footer  a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.footer  a:active {
	text-decoration: none;
	color: #FFFFFF;
}
/*untuk contact us*/
.form {
	background:#ebf1f5;
	border-color:#0000cc;
	border-width:0.5px;
	border-style:solid;
	width:95%;
	float:left;
	padding: 10px 0px 10px 20px;
}
.alamat {
	font-size:12px;
	font-weight:bold;
	width:200px;
	float:left;
	line-height:17px;
he
}
.peta {
	float:right;
}
.peta a {
	color: #FFFFFF;
	text-decoration: none;
}
.peta a:link {
	color:#FFFFFF;
	text-decoration: none;
}
.peta a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
.peta a:active {
	color:#FFFFFF;
	text-decoration: none;
}

.text1 {
	width:400px;
	border:#0000cc solid 1px;
}
.text2 {
	width:300px;
	border:#0000cc solid 1px;
}
.text_area1 {
	width:400px;
	border:#0000cc solid 1px;
	height:80px;
}
/*news and events*/
.content_news_events {
	margin-top:0px;
	padding-top:0px;
	width:633px;
	background-color:#FFFFFF;
	vertical-align:top;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
	
}
.content_news {
	width:312px;
	float:left;
	padding-right:5px;
}
.content_events {
	width:311px;
	float:left;
	padding-left:5px;
}
.list_news {
	padding-top:5px;
	width:100%;
	float:left;
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}

.list_news a:link {
	color: #FF0000;
	text-decoration: none;
}
.list_news a:visited {
	text-decoration: none;
	color: #FF0000;
}
.list_news a:hover {
	text-decoration: none;
	color: #FF0000;
}
.list_news a:active {
	text-decoration: none;
	color: #FF0000;
}
.list_events {
	padding-top:5px;
	width:100%;
	float:left;
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}
.list_events a:link {
	color: #0000FF;
	text-decoration: none;
}
.list_events a:visited {
	text-decoration: none;
	color: #0000FF;
}
.list_events a:hover {
	text-decoration: none;
	color: #0000FF;
}
.list_events a:active {
	text-decoration: none;
	color: #0000FF;
}
.archieve{
padding-left:10px;
}
.archieve a:link {
	color: #000000;
	text-decoration: none;
}
.archieve a:visited {
	text-decoration: none;
	color: #000000;
}
.archieve a:hover {
	text-decoration: none;
	color: #000000;
}
.archieve a:active {
	text-decoration: none;
	color: #000000;
}

.btn {
	background: #0056bc url(../images/ltr_btn.jpg) repeat-x;
	color:#FFFFFF;
	border:0px;
	height:22px;
}
/*new arsip*/
.content_news_news {
	width:170px;
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.content_news2 {
	width:455px;
	float:left;

	border-left-color:#FF0000;
	border-left-style:solid;
	border-left-width:2px;
	height:100%;
}
.list_news2 {
	float:left;

	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}
.list_news2 a:link {
	color: #FF0000;
	text-decoration: none;
}
.list_news2 a:visited {
	text-decoration: none;
	color: #FF0000;
}
.list_news2 a:hover {
	text-decoration: none;
	color: #FF0000;
}
.list_news2 a:active {
	text-decoration: none;
	color: #FF0000;
}
.list_news3 {
	float:left;

	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;

}
.list_news3 a:link {
	color: #0000FF;
	text-decoration: none;
}
.list_news3 a:visited {
	text-decoration: none;
	color: #0000FF;
}
.list_news3 a:hover {
	text-decoration: none;
	color: #0000FF;
}
.list_news3 a:active {
	text-decoration: none;
	color: #0000FF;
}
.link_back{
margin-top:10px;
margin-bottom:10px;
}
.link_back a:link {
	color: #0000FF;
	text-decoration: none;
}
.link_back a:visited {
	text-decoration: none;
	color: #0000FF;
}
.link_back a:hover {
	text-decoration: none;
	color: #0000FF;
}
.link_back a:active {
	text-decoration: none;
	color: #0000FF;
}
.logo_partner {
	width:588px;
float:left;
	border:#999999 solid 1px;
	margin-left:20px;
}

.logo_partner a:link {
	text-decoration: none;
		color: #FFFFFF;
}
.logo_partner a:visited {
	text-decoration: none;
		color: #FFFFFF;
}
.logo_partner a:hover {
	text-decoration: none;
		color: #FFFFFF;
}
.logo_partner a:active {
	text-decoration: none;
		color: #FFFFFF;
}

.image_partner {
padding5px;
float:left;
	border:#cccccc solid 1px
}

.image_partner a {
	color: #FFFFFF;
	text-decoration: none;
}
.image_partner a:link {
	color:#FFFFFF;
	text-decoration: none;
}
.image_partner a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
.image_partner a:active {
	color:#FFFFFF;
	text-decoration: none;
}
#name_product{
font-size:10px;
}
.dd{
	color:#185c74;
}
.dd a {
	color: #185c74;
	text-decoration: none;
}
.dd a:link {
	color:#185c74;
	text-decoration: none;
}
.dd a:hover {
	color:#185c74;
	text-decoration: none;
}
.dd a:active {
	color:#185c74;
	text-decoration: none;
}

.list_product{
padding-left:30px;color:#663300;
padding-bottom:10px;
}
.list_product a {
	color: #663300;
	text-decoration: none;
}
.list_product a:link {
	color:#663300;
	text-decoration: none;
}
.list_product a:hover {
	color:#663300;
	text-decoration: none;
}
.list_product a:active {
	color:#663300;
	text-decoration: underline;
}
.p_news{
padding-left:10px;}
.p_news a {
	color: #FF0000;
	text-decoration: none;
}
.p_news a:link {
	color:#FF0000;
	text-decoration: none;
}
.p_news a:hover {
	color:#FF0000;
	text-decoration: none;
}
.p_news a:active {
	color:#FF0000;
	text-decoration: none;
}
.list_client{
color:#666666;
padding-top:5px;
padding-left:10px;
font-size:12px;
}
.list_client ul 
{
list-style: square inside url(../images/8.jpg);
}
.list_client li{
list-style: square inside url(../images/8.jpg);

}
.jak{
padding-top:5px;
padding-left:15px;
color:#FFFFFF;
}
.jak a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.jak a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.jak a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.jak a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.back_to_product{
float:right; padding-right:10px;
}
.back_to_product a:link {
	color: #0000FF;
	text-decoration: none;
}
.back_to_product a:visited {
	text-decoration: none;
	color: #0000FF;
}
.back_to_product a:hover {
	text-decoration: underline;
	color: #0000FF;
}
.back_to_product a:active {
	text-decoration: none;
	color: #0000FF;
}
.year{
color: #000000;
font-size:12px;
}
.year a:link {
	color: #000000;
	text-decoration: none;
}
.year a:visited {
	text-decoration: none;
	color: #000000;
}
.year a:hover {
	text-decoration: underline;
	color: #000000;
}
.year a:active {
	text-decoration: none;
	color: #000000;
}
.show_product{
padding:20px 20px 20px 10px;

width:480px;

}


.button{
border:none;
background-color:#666666;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:42px;
color:#FFFFFF;
margin-left:3px;
}
.search_txt_box{
width:100px;
border:none;

}


#shw{
border-top:#b37700 solid 2px;
float:left;
width:100%;
}

.lst_news2 {
}
.lst_news2 a:link {
	color: #FF0000;
	text-decoration: none;
}
.lst_news2 a:visited {
	text-decoration: none;
	color: #FF0000;
}
.lst_news2 a:hover {
	text-decoration: none;
	color: #FF0000;
}
.lst_news2 a:active {
	text-decoration: none;
	color: #FF0000;
}

