body {
	background-color: #F2F1EC;
	margin:0px;
	padding:0px;
	font: 11px  verdana, arial, helvetica;
	color: #000000;
}
h1{
padding:5px 0 5px 0;
margin:0px;
font-size:18px;
color:#FFFFFF;
}
h2, legend{
	padding:5px 0 5px 0;
	margin:0px;
	font-size:16px;
	color:#f7951e;
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
}
h3{
padding:0 0 5px 0;
margin:0px;
font-size:14px;
color:#334273;
}
h4{
padding:0 0 2px 0;
margin:0px;
font-size:14px;
color:#7ea743;
}
p{

padding:3px 0 3px 0;
margin:0px;
line-height:15px;
}
p.white{
color:#FFFFFF;
}
p.green{
color:#d4f0ba;
}
p.clear{
clear:both;
padding:10px 0 0 0;
}
a:link, a:visited {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
}
img.left_img{
border:1px #cae6c6 solid;
float:left;
margin:0 10px 0 0 ;
}
img.box_img{
float:left;
padding:0 20px 0 0 ;
}
#main_container{
	width:840px;
	height:auto;
	background-color:#F2F1EC;
	margin: auto;
}
#header{
	width:840px;
	height:78px;
	margin:0;
	background-color: #f2f1ec;
}
#logo{
	padding:0px;
	float:left;
	width: 200px;
	margin: 0 0 0 10px;
	background-color: #2B2F3A;
}
/*----------------------menu-------------------------*/
#menu{
	height:78px;
	padding:0px;
	background-color:#2B2F3A;
	margin: 0px;
}
#menu ul{
	list-style:none;
	margin: 0px;
	display:block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;height:42px;padding:0px;line-height:42px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
#menu ul li a{
	height:auto;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0 5px 0 25px;
	margin:30px 3px 0px 13px;
	color:#fff;
	text-align:center;
	background-color: #006600;
	display: block;
}
#menu ul li a:hover{
	height:auto;
	width: auto;
	text-decoration:none;
	color: #fff;
	padding:0 10 0 25px;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
}
#menu ul li a.current{
height:42px;width: auto;float:left;text-decoration:none;padding:0px;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}

/*----------------middle green box-----------*/
.green_box{
	width:840px;
	height:265px;
	clear:both;
	background-position:left top;
	background-image: url(images/header2new.jpg);
	background-repeat: no-repeat;
}
.clock{
float:left;
padding:0px;
}
.text_content{
width:350px;
float:left;
padding:20px 0 0 0;
}
.read_more{
width:101px;
height:29px;
float:right;
padding:10px;
background:url(images/read_more_bg.gif) no-repeat center;
line-height:29px;
text-align:center;
}
.read_more a{
text-decoration:none;
color:#FFFFFF;
}
.read_more_link{
width: auto;
float:right;
padding:3px 25px 3px 0;
background:url(images/orange_bullet.gif) no-repeat right;
}
.read_more_link a{
text-decoration:none;
color:#f7941d;
}
/*----------------------left navigation-------------------------*/
#left_nav{
width:280px;height: auto;padding:5px 0 0 0; float:left;
}
#left_nav ul{
list-style:none;margin: auto;display:block; padding:0px;
}
#left_nav ul li{
list-style:none;display:block;width:auto;height:29px;padding:0px;line-height:29px;
}
#left_nav ul li a{
height:29px;display:block; width:280px;text-decoration:none;padding:0 0 0 35px; margin:7px 0 7px 0;color:#6898ac;background:url(images/left_nav_arrow.gif) no-repeat left; border-bottom:1px #bedf77 dashed;
background-position:0px 0px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
/*--------------------------main_content-------------------*/
#main_content{
	width:auto;
	height:auto;
	clear:both;
	background-image: url(images/bgpage.png);
	background-repeat: repeat-y;
	background-position: 4px;
}
.content {
	padding: 10px;
}
#left_content{
	width:220px;
	margin:2px 3px 2px 2px;
	float:left;
	padding:0px;
	
	background-color: #F2F1EC;
}
#right_content{
	width:600px;
	float:left;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/*----------------------top right navigation-------------------------*/
#right_nav{
width:263px;height: auto;padding:20px 0 0 50px; float:left;
}
#right_nav ul{
list-style:none;margin: auto;display:block; padding:0px;
}
#right_nav ul li{
list-style:none;display:block;width:auto;height:29px;padding:0px;line-height:29px;
}
#right_nav ul li a{
height:29px;display:block; width:263px;text-decoration:none;padding:0 0 0 35px; margin:7px 0 7px 0;color:#d4f0ba;background:url(images/right_nav.gif) no-repeat center;
background-position:0px 0px;
}
#right_nav ul li a:hover{
height:29px;display:block;width:263px;text-decoration:none;color: #d4f0ba;padding:0 0 0 35px;margin:7px 0 7px 0; background:url(images/right_nav_a.gif) no-repeat center;
background-position:0px 0px;
}
#right_nav ul li a.current{
height:29px;display:block;width:263px;text-decoration:none;padding:0px;color: #d4f0ba;padding:0 0 0 35px;margin:7px 0 7px 0; 
background:url(images/right_nav_a.gif) no-repeat center;
background-position:0px 0px;
}

.products_box{
	height:auto;
	border-bottom:1px #a7ef6e dashed;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
}
.search_box{
width:267px;
height:124px;
float:left;
margin:15px 10px 10px 0;
background:url(images/search_box_bg.gif) no-repeat center;
background-position:0px 0px;
}
.search_title{
font-size:14px;
color:#7ea743;
padding:10px 0 0 15px;
float:left;
font-weight:bold;
}
input.search_input{
width:170px;
height:20px;
background-color:#FFFFFF;
border:1px #c0c485 solid;
float:left;
margin:15px 0 0 15px;
}
.tombol {
}
input.submit{
float:left;
padding:0 0 0 10px;
}
.subsearch{
width:200px;
float:left;
color:#8b8e5d;
padding:0 0 0 15px;
}
.contact_information{
width:200px;
float:left;
padding:10px 0 0 10px;
}
.news{
width:310px;
clear:both;
padding:10px 0 10px 0;
}
.news_icon{
width:30px;
float:left;
padding:0 10px 0 0;
}
.news_content{
width:260px;
float:left;
padding:0 0 0 10px;
text-align:justify;
line-height:13px;
}
.news_content span{
color:#4ab7e8;
}
.services_box{
height:120px;
padding:10px 0 5px 0;
margin:0px 0px 10px 0;
border-bottom:1px #a7ef6e dashed;
}
.best_sol_box{
width:277px;
float:left;
}
/*----------------------news_archive list-------------------------*/
.news_archive{
width:190px;
height: auto;
padding:10px 0 0 10px;
float:left;
}
.news_archive ul{
list-style:none;padding:10px 10px 10px 10px;margin:0px; width:190px;float:left;
}
.news_archive ul li{
list-style:none;width:180px;height: auto;padding:0px; line-height:26px;
}
.news_archive ul li a{
width: 180px;text-decoration:none;padding:0 0 0 20px; margin:6px 0px 6px 0px;color:#000;text-align:left;
background:url(images/bullet.gif) no-repeat left; background-position:0px 0px;
}
.news_archive ul li a:hover{
width: 180px;text-decoration:underline;color: #000;
}

.contact_info_box{
width:481px;
height:116px;
margin:5px;
background:url(images/contact_info_bg.gif) no-repeat center;
}
.contact_info_title{
font-size:14px;
color:#7ea743;
padding:10px 0 0 15px;
font-weight:bold;
}
.contact_info{
float:left;
padding:15px 10px 5px 13px;
}
.adress{
clear:both;
padding:10px 0 0 20px;
}

/*-----------------------contact_form-------------------*/
#contact_form{
width:310px;
height:auto;
padding:10px 0 0 60px;
}
.form_row{
float:left;
padding:4px 0 4px 0;
}
label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#59a5bf;
text-align:right;
}
input.contact_input{
width:220px;
height:18px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
textarea.contact_textarea{
width:220px;
height:80px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
.send a{
width:62px;
height:24px;
display:block;
background:url(images/read_more_bg_white.gif) no-repeat center;
background-position:0px 0px;
line-height:22px;
color:#FFFFFF;
text-decoration:none;
padding-left:40px;
float:right;
margin:10px;
}
/*--------------wide_content-----------*/
#wide_content{
width:auto;
padding:10px 20px 10px 20px;
}


/*-----------------------------footer------------------*/
#footer{
	clear:both;
	width: auto;
	height:37px;
	color: #333333;
	background-color:#D6D7D1;
	margin-left: 17px;
}
.copyright{
float:left;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #fff;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #fff;
}
#stylefive{
	display:block;
	height:26px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	padding-top: 45px;
	background-color: transparent;
	
	margin-left: 210px;
	}

#stylefive ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#stylefive ul li{
	display:block;
	float:left;
	margin:0;
	
	}

#stylefive ul li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:7px 20px 0 20px;
	height:25px;
	background-color: transparent;
	background-image: url(images/divider.png);
	background-repeat: no-repeat;
	background-position: right top;
	}

/*#stylefive ul li a:hover,#stylefive ul li a.current{
	color:#fff;
	background-image: url(images/tabright.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
#stylefive ul li a:hover span,#stylefive ul li a.current span{
	background-image: url(images/tableft.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px;
	height: 27px;
	}
	*/

#stylefive a span {
	float:left;
	display:block;
	
	padding:5px 10px 4px 6px;
	color:#FFF;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#stylefive a span {float:none;}

/* End IE5-Mac hack */
#stylefive a:hover span {
	color:#FFF;
	}
	
#stylefive a:hover {
	background-position:right top;
	background-image: url(images/tabright.png);
	}
	
#stylefive a:hover span {
	background-position:left top;
	background-image: url(images/tableft.png);
	background-repeat: no-repeat;
	
	padding-left: 8px;
	}
#tabs {
	display:block;
	height:40px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 25px;
	background-color: transparent;
	
	margin-left: 210px;
	
	
	}
	
#tabs ul {
	margin:0;
	padding:10px 15px 5px 10px;
	list-style:none;
	}
	
#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}
	
#tabs a {
	float:left;
	margin:0;
	text-decoration:none;
	height: 37px;
	padding-top: 8;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 8px;
	background-image: url(images/tableft_ijo.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#tabs a span {
	float:left;
	display:block;
	padding:10px 11px 13px 6px;
	color:#FFF;
	background-image: url(images/tabright_ijo.png);
	background-repeat: no-repeat;
	background-position: right top;	
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFF;
	}
	
#tabs a:hover, #tabs a.current {
	background-position:left top;
	background-image: url(images/tableft_ijo-on.png);
	padding-left: 8px;
	height: 37px;
	margin: 0px;
	padding-right: 0px;
	}
	
#tabs a:hover span, #tabs a.current span {
	background-position:right top;
	background-image: url(images/tabright_ijo-on.png);
	padding-bottom: 13px;
	margin: 0px;
	padding-right: 11px;
	}	
#module {
	margin-bottom: 7px;
	border: 1px solid #E0E0E0;
	background-color: #FCFCFC;
}
#module div{
	border: 1px solid #F5F5F5;
	margin: 8px;
	padding: 7px;
	background-color: #FFFFFF;
}
#module input {
	font-size: 11px;
	padding: 3px;
	border: 1px solid #619ECB;
}
#module h3 {
	font-family: "Trebuchet MS", Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	background-color: #F5E0A0;
	padding: 5px;
}
#module p {
	padding-right: 3px;
	padding-left: 3px;
}
/*round corner---*/
.dialogr {
	position:relative;
	margin:0px -5px;
	min-width:8em;
	max-width:760px;
	z-index:1;
	margin-left:1px; /* default, width of left corner */
	margin-bottom:1px; /* spacing under dialogr */
}

.dialogr .contentr,
.dialogr .t,
.dialogr .b,
.dialogr .b div {
	_background-image:url(images/kotak-2_no_shadow.png);
	background-color: transparent;
	background-image: url(images/kotak-2_no_shadow.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.dialogr .contentr {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 10px;
}
.dialogr .contentr img{
	padding:2px;
	border: 1px solid #EBEBEB;
}

.dialogr .t {
	/* top+left vertical slice */
 position:absolute;
	left:0px;
	top:0px;
	width:10px; /* top slice width */
	margin-left:-5px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.dialogr .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialogr .b,
.dialogr .b div {
	height:5px; /* height of bottom cap/shade */
	font-size:1px;
}

.dialogr .b {
 background-position:bottom right;
}

.dialogr .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-5px;
 background-position:bottom left;
}

.dialogr .hd,
.dialogr .bd,
.dialogr .ft {
 position:relative;
}

.dialogr .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialogr h1,
.dialogr p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:8px 0px 2px 0px;
	}
.dialogr input {
	font-size: 11px;
	background-color: #F2FBFD;
	padding: 2px;
	border: 1px solid #3C96CC;
}


.dialogr h1 {
 padding-bottom:0px;
 font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;

}
#news {
	padding-top: 4px;
	margin-top: 4px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#news h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000066;
	padding-top: 8px;
	padding-bottom: 0px;
}.author {
	font-size: 10px;
	color: #666666;
	padding-bottom: 5px;
	padding-top: 0px;
}
#latestnews {
	margin-top: 15px;
	
}
#latestnews h4{
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
h3 a:link, h3 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #394EAE;
	text-decoration: none;
}
h3 a:hover {
	color: #FF6600;
	text-decoration: underline;
}
.formjoin {
	border: 1px solid #E4E4E4;
}
input, textarea, select {
	font-size: 11px;
	padding: 2px;
	border: 1px solid #CDD2E4;
}
.tombol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #F2F1EC;
	border: 1px solid;
	border-color:#DDDDDD #666666 #666666 #DDDDDD;
}
#modulmenu {
	width: 210px;
	margin: 2px 5px 2px 5px;
	border: 1px solid #E5E5E5;
	padding-bottom:10px;
	}
/*---menu left*/
#menuleft ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#menuleft {
	width: auto;
	margin: 0px 2px 0 16px;
	}
	
#menuleft li a {
	height: 18px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
	}	
	
#menuleft li a:link, #menuleft li a:visited {
	color: #000066;
	display: block;
	padding: 7px 5px 2px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	background-color: #E7E5D9;
	}
	
#menuleft li a:hover {
	color: #FF3300;
	padding: 7px 5px 2px 15px;
	background-color: #FFFFFF;
	}
#menuleft li a.current {
	color: #FF3300;
	padding: 7px 5px 2px 15px;
	background-color:#FFFFFF;
	}	
#login {
	border: 1px solid #E8E8E8;
	width: 400px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-bottom: 10px;
}
#login h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #7C960F;
	padding: 8px 5px 8px 5px;
	color: #FFFFFF;
	text-align: center;
}
#banner {
	width: auto;
	margin: 0px 2px 0 16px;
}	
.download {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #F3F3F3;
	padding: 3px 5px 3px 5px;
	border: 1px solid #999999;
	border-color:#DDDDDD #999999 #999999 #DDDDDD;
	margin: 7px 15px 0px 0px;
}
a.download:hover{
	background-color:#FFFFF4;
}

#produk {
	padding: 4px;
	border:none;
}
.beli {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 7px;
}.productsbox {
	height:auto;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 13px;
	padding-left: 4px;
	margin: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E2DED6;
	display: block;
}
.productsbox img {
	padding: 2px;
	
}	
#module_produk {
	border: 1px solid #F1F1E7;
	margin-bottom: 7px;
}
#module_produk h3{
	border: 1px solid #F1F1E7;
	font-size: 12px;
	font-weight: bold;
	background-color: #F2F1EC;
	padding: 4px;
}