/*
Prakindo
*/

body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	width: 100%;
	display: table;
	background: #EAFBF4;
	/*background:url(images/bg.jpg) repeat-x #eafbf4;*/
}




a:link, a:visited {
	color: #dbfee1; 
	font-weight:bold; 
	
}
a:active, a:hover {
	color: #dbfee1; 
	text-decoration: none;
	font-weight:bold;
}

p {
	font-family: Tahoma, "Trebuchet MS", Verdana; 
	font-size: 11px;
	color: #000000;
	text-align: justify;
	margin: 0 10px 10px 0;
}

h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana; 
	font-size: 18px;
	color: #000;
	margin: 0 0 10px 0;
}

.templatemo_container {
	width: 870px;
	margin: 0;
}

#templatemo_header {
	width: 867px;
	height: 130px;
	background: url(images/header.jpg) left top no-repeat;
	padding: 39px 0 0 0;
	position: relative
}

/* Menu */
#templatemo_menu {
	height: 46px;
	width: 740px;
	margin:0;
	padding:0;}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	float:left;
	position:absolute;
	width:550px;
	right: 5px; 
	top: 80px;
	}

#menuh a{text-align: center;display:block; margin:0; text-transform:uppercase; text-decoration:none; color:#0c5400; font-size:12px; }	
#menuh a:hover	{text-decoration:none; center;display:block; color:#fff font-size:10px;}
#menuh ul li {display:block; width:82px; margin-right:3px; position:relative; min-height: 1px; vertical-align: middle; height:30px; line-height:46px;}
#menuh ul li ul li.big_li {width:200px}




#menuh ul li a.top_parent {display:block; width:80px; background:url(images/bg_link.jpg) no-repeat;}
#menuh ul li a:hover.top_parent {display:block; background:url(images/bg_link_hover.jpg) no-repeat; color:#fff;  }
#menuh ul li a.active {display:block; background:url(images/bg_link_hover.jpg) no-repeat; color:#fff;  }
#menuh ul li a:hover.active {color:#0c5400;}
#menuh ul	{list-style:none;margin:0;padding:0;float:left; margin-right:5px; font-size:10px;}	
#menuh li	{position:relative; min-height: 1px; vertical-align: bottom; height:46px; line-height:46px; width:auto;}
#menuh ul ul{position:absolute;	z-index:500;top:auto; display:none; list-style:none;margin:0;padding:0;float:left; }
#menuh ul li ul {background:none; margin:0}
#menuh ul li ul li {position:relative; vertical-align: bottom; height:30px; line-height:30px; width:80px;}
#menuh ul li ul li a{display:block; background:url(images/bg_link.jpg) no-repeat; font-weight:bold; font-size:10px}
#menuh ul li ul li a:hover {display:block; background:url(images/bg_link_hover.jpg) no-repeat; color:#fff; font-weight:bold ;}
#menuh ul li ul li.big_li {display:block; vertical-align: bottom; height:30px; line-height:30px; width:200px; background:url(images/bg_link.jpg) repeat-x}
#menuh ul li ul li.big_li a:hover {background:url(images/bg_link_hover.jpg) repeat-x}
#menuh ul li ul li ul li a{position:relative; vertical-align: bottom; height:30px; line-height:30px; width:200px; background:url(images/bg_link.jpg) repeat-x;}
#menuh ul li ul li ul li a:hover{background:url(images/bg_link_hover.jpg) repeat-x}
#menuh ul li ul li a.top_parent {margin:0px;}
#menuh ul ul ul	{top:0;left:100%; }
#menuh ul li a.top_parent ul {margin:0;}
div#menuh li:hover	{cursor:pointer; z-index:100;}

div#menuh li:hover ul ul,div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul{display:none;}

div#menuh li:hover ul,div#menuh li li:hover ul,div#menuh li li li:hover ul,div#menuh li li li li:hover ul{display:block;}

.left ul {width: 460px; display: block}

/* end of menu style*/

#templatemo_news_section {
	height: 300px;
	width: 819px;
	background: url(images/grow.gif) no-repeat;
	padding: 0px 0 0 48px;
	margin-top:45px;
}

#templatemo_inner {
	height: auto;
	width: 819px;
	background: url(images/inner.jpg) no-repeat;
	padding: 0px 0 0 48px;
}

#templatemo_content {
	float: left
	width: 500px;
	
	background: url(images/templatemo_project_section_mid.jpg) repeat-y;
	padding: 100px 0px 0px 30px;
}

#templatemo_news_area {
	float: left;
	width: 450px;
	
	margin: 20px 0 0 30px ;
}




#templatemo_news_section h1 {
	color: #004400;
	font-size: 22px;
	background: url(images/templatemo_header_line.png) bottom left no-repeat;
 	padding: 0 0 10px 0;
}

#templatemo_project_section {
	width: 819px;
	background: url(images/templatemo_project_section_mid.jpg) repeat-y;
	margin: 0;
	padding: 0px 0px 0px 48px;
}

#templatemo_project_section h1 {
	color: #006600;
	margin: 0 0 10px 25px;
	text-decoration: underline;
}

#templatemo_project_section_bottom {
	width: 867px;
	height: 43px;
	background: url(images/templatemo_project_section_bottom.jpg) repeat-y;
	margin: 0;
	padding: 0px 0 20px 30px;
}

#templatemo_section_area {
	width: 811px;	
	height:575px;
}

#templatemo_section_area .templatemo_section_1 {
/*background:url("images/templatemo_section_brake.jpg") no-repeat scroll left center transparent;*/
	float: left;
	width: 225px;
	margin: 10px 0 20px 30px;
}
.templatemo_section_1 h2.title {text-align:center; margin-bottom:10px; padding:0px;}

.templatemo_section_1 img {
	float: left;
	margin: 0 10px 10px 0;
}

.templatemo_section_1 h1 {
	font-family: Verdana; 
	font-size: 24px;
	font-weight: normal;
	color: #04265f;
	margin: 0 0 10px 0;
}

.templatemo_section_1 p {
	color: #000;
	margin: 0 0 10px 0;
}

.section_mid {
	background: url(images/templatemo_section_brake.jpg) no-repeat left;
	width: 225px;
	margin: 10px 0 20px 10px;
	padding: 0 0 0 30px;
	float: left;
}
.section_mid h2.title {text-align:center; margin-bottom:10px; padding:0px;}

.section_mid img {
float:left;
margin:0 10px 10px 0;
}

.section_right {
	background: url(images/templatemo_section_brake.jpg) no-repeat left;
	width: 270px;
	margin-top: 10px;
	padding-left:20px;
	float: right;
}
.section_right h2.title {text-align:center; margin-bottom:0px; padding:0px;}

.section_right_content {padding-left:-10px; width:240px; display:block; margin-bottom:0px} /* padding-left:19px;*/
.section_right_content h2.title {text-align:left}
.section_right_content input.submit{background:#7fbb41; width:80px}
.section_rightout {
	width: 225px;
	margin: 20px 0 20px 10px;
	padding: 0 0 0 30px;
	float: left;
}


.section_mid p {
	color: #000;
	margin: 0 0 10px 0;
}

#templatemo_bottom_section {
	width: 819px;
	background: url(images/templatemo_bottom_section_bg.jpg) repeat-y;
	margin: 0;
}

.templatemo_newsletter_section {
	float: left;
	width: 245px;
	background: url(images/templatemo_newsletter_bg.png) no-repeat right bottom;
}

.templatemo_newsletter_section .templatemo_newsletter_top {
	width: 245px;
	height: 10px;
	background: url(images/templatemo_newsletter_top.png);
	margin: 0;
}

.templatemo_newsletter_section .templatemo_newsletter_mid {
	width: 205px;
	background: url(images/templatemo_newsletter_mid.png);
	margin: 0;
	padding: 10px 20px;
}

.templatemo_newsletter_mid h1 {
	color: #004400;
	font-variant:small-caps;
	text-decoration: underline;
}

.templatemo_newsletter_mid p {
	color: #004400;
}

.templatemo_newsletter_section .templatemo_newsletter_bottom {
	width: 245px;
	height: 9px;
	background: url(images/templatemo_newsletter_bottom.png);
	margin: 0;
}

#templatemo_content_section {
	float: left;
	width:	530px;
	margin: 0 0 0 20px;
}

#templatemo_content_section h1 {
	color: #004400;
	font-variant:small-caps;
	text-decoration: underline;
}

#templatemo_content_section p {
	color: #004400;
}

#templatemo_content_section li {
	list-style: square;
	color: #004400
}

#templatemo_content_section a {
	color: #004400;
}

.field {
	width: 163px;
	height: 20px;
	border: none;	
	background: url(images/templatemo_input.jpg) no-repeat;
	padding: 2px;
}

.button {
	width: 75px;
	height: 23px;
	border: none;	
	background: url(images/templatemo_button.png) no-repeat;
	margin: 10px 0;
}

#templatemo_foot_up {
	width: 867px;
	height: 43px;
	background: url(images/templatemo_project_section_bottom.jpg);
	text-align:center;
	left:198px;
	line-height:43px;
}
	#templatemo_foot_up .link_down{width:725px; display:block; line-height:80px; margin-left:70px; position:absolute;}
		#templatemo_foot_up .link_down a{display:block; width:70px; text-align:center; margin-right:10px; float:left; text-decoration:none;}
		#templatemo_foot_up .link_down a:hover {color:#339900}
		#templatemo_foot_up .link_down a.big {width:150px}
#templatemo_footer {
	width: 867px;
	height: 88px;
	background: url(images/templatemo_footer_bg.jpg);
	color: #FFFFFF;
	font-family: Arial;
	font-size:	12px;
	text-align: center; line-height:80px}

#templatemo_footer a {
	color: #FFFFFF;
}

.last {
	margin: 0;
}

.right_img {
	float: right;
	margin: 0 0 5px 5px;
}

.left_img {
	float: left;
	margin: 0 5px 5px;
}

.cleaner {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}


.read-more { background: url(images/link.gif) no-repeat center left; padding-left: 13px; font-size: 10px; }
.pdf { background: url(/images/pdf.png) no-repeat center left; padding-left: 45px; }




/* style for all page */

#content {width:876px; position:relative;margin-top:41px;}
#content .header {width:876px; height:38px; background:url(images/bg_up_all.jpg) no-repeat;}
#content .konten {width:876px; height:auto; background:url(images/templatemo_project_section_mid.jpg) repeat-y}
.konten ol {height: 700px; width: 460px; display: block}
.konten .left {width:720px; font-family:Arial, Helvetica, sans-serif; padding:0px;}
.left p {margin:0px; padding:0px; font-size:12px; text-align:left; margin-right: 220px}
.left p.link {color:#999999; font-size:10px; text-align:left}
h1.title {font-size:18px; color:#38780c; text-align:left; font-family:Georgia, "Times New Roman", Times, serif}
h2.title {margin-top:-3px; padding:10px; padding-left:0px;font-size:18px; color:#38780c; text-align:left; font-family:Georgia, "Times New Roman", Times, serif}
p.title {margin-top:-3px; padding:10px;padding-left:0px;  font-size:18px; color:#38780c; text-align:left; font-family:Georgia, "Times New Roman", Times, serif}

h3.title {font-size:18px; color:#38780c; text-align:left; font-family:Georgia, "Times New Roman", Times, serif}
.left img {float:left; margin-right:5px;}
#content .right {width:265px; position:absolute; top:57px; padding:0px; background:url(images/bg_content_right.jpg) no-repeat left; right:20px}
.right .right_content {width:230px; margin-left: 6px} /* margin-left: 10px*/
.right_content p {font-size:10px; margin:0px; padding:0px; color:#000}
.right_content_career p {font-size:10px; margin:0px; padding:100px; color:#000}
#content .footer_up {width: 876px; height: 43px; background: url(images/templatemo_project_section_bottom.jpg) no-repeat left ;	color: #FFFFFF; font-family: Arial; position: relative}
.footer_up .bottom_link {position:absolute; width:725px; left: 75px; top: 15px}
.footer_up a{display:block; margin-right:10px; text-decoration:none; width:70px; height:43px; line-height:43px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:lighter; background:url(images/border-nav.png)no-repeat right;}
.footer_up a.big{display:block; margin-right:5px; text-decoration:none; width:140px; height:43px; line-height:43px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:lighter}
.footer_up a.last {background:none}
.footer_up a:hover{color:#3c8708;}
#content .footer_down {width: 876px; height: 89px; background: url(images/templatemo_footer_bg.jpg) no-repeat left; color: #FFFFFF; font-family: Arial;	font-size:	12px; margin: -10px 0 0 0; line-height:90px}