@charset "utf-8";
/* CSS Document */

body{
	padding-top:30px;
	padding-bottom:65px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/main_bg.gif) 0 0 repeat-x #fff;
	color:#9F9F9F;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#top{
	width:981px;
	margin:0 auto;
	background:url(../images/top_bg.gif) 0 0 repeat-x;
	height:32px;
	padding:15px 0 0 0;
}
#top a.bookmark{
	display:block;
	width:123px;
	height:22px;
	padding:0 0 0 24px;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	float:left;
	margin:0 22px 0 0;
}
#top a.bookmark:hover{
	color:#000;
	background-color:inherit;
}
#top p.topTxt1{
	float:left;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#FFFBF0;
	background-color:inherit;
	background:url(../images/bullet1.gif) 301px 6px no-repeat;
	margin:0 127px 0 0;
	display:block;
	width:313px;
}
#top p.topTxt1 span{
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#66838F;
	background-color:inherit;
}
#top form{
	width:348px;
	float:right;
	padding:3px 0 0 0;
}
#top form label{
	display:block;
	width:57px;
	height:21px;
	font:bold 13px/21px Arial, Helvetica, sans-serif;
	color:#FFFBF0;
	background-color:inherit;
	float:left;
}
#top form input.txtBox{
	width:144px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	background-color:#fff;
	color:#1D1D1D;
	padding:0 0 0 5px;
	font:normal 10px/19px Arial, Helvetica, sans-serif;
	margin:0 4px 0 0;
	float:left;
}
#top form input.btnGo{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:31px;
	height:21px;
	border:none;
	cursor:pointer;
	float:left;
	background-color:#EDF8FC;
	color:#fff;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
}
#top form label.as{
	display:block;
	width:97px;
	height:21px;
	background:url(../images/advanced_serch.gif) 0 0 no-repeat;
	float:right;
	text-align:center;
}
#top form label.as a{
	background-color:inherit;
	color:#1D1D1D;
	font:normal 10px/21px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#top form label.as a:hover{
	background-color:inherit;
	color:#C70067;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:981px;
	margin:0 auto;
}
#header ul{
	width:713px;
	height:221px;
	padding:9px 0 10px 10px;
	background-color:#fff;
	color:#000;
	border-top:#C5D3D7 solid 1px;
	float:left;
}
#header ul li{
	float:left;
	margin:0 10px 0 0;
	display:block;
	font-size:0;
	line-height:0;
	display:block;
	width:703px;
	height:221px;
	background:url(../images/atas22.jpg);
}

#headtengah{
	width:703px;
	height:221px;
	background:url(../images/atas22.jpg) 0 0 0;
	float:left;
}


#headLeft{
	width:129px;
	background:url(../images/logo_bg.gif) 0 0 repeat-x;
	height:236px;
	padding:5px 0 0 0;
	float:left;
}
#headLeft img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 30px 13px;
	border:none;
}
#headLeft img.slogan1{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 0 18px;
}
#headRight{
	width:129px;
	background:url(../images/logo_bg.gif) 0 0 repeat-x;
	height:241px;
	padding:0;
	float:right;
}
#headRight img.offer{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 16px 0;
	border:none;
}
#headRight img.slogan2{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 0 12px;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------nav--------------------*/
#nav{
	width:852px;
	height:24px;
	background:url(../images/nav_bg.gif) 0 0 repeat-x;
	border-bottom:#960101 solid 5px;
	margin:0 auto;
	padding:0 0 0 129px;
}
#nav ul{
	border-left:#FFFFFF solid 1px;
	height:24px;
}
#nav ul li{
	float:left;
	border-right:#FFFFFF solid 1px;
	height:24px;
}
#nav ul li.noBdr{
	border:none;
}
#nav ul li a{
	display:block;
	padding:0 17px;
	font:bold 11px/24px Arial, Helvetica, sans-serif;
	color:#6B6D42;
	background-color:inherit;
	text-decoration:none;
}
#nav ul li a:hover{
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#nav ul li a.hover{
	display:block;
	padding:0 17px;
	font:bold 11px/24px Arial, Helvetica, sans-serif;
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
}
/*------------------------------------------------nav--------------------*/

/*------------------------------------------------white--------------------*/
#white{
	width:954px;
	margin:0 auto;
	padding:0 14px 0 13px;
	background-color:#FFFFFF;
}
#white p.download{
	display:block;
	width:355px;
	background:url(../images/software_box.gif) 0 0 no-repeat;
	padding:15px 0 0 77px;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#CB7700;
	background-color:inherit;
	float:left;
	margin:0 14px 0 0;
	height:65px;
}
#white p.download a{
	font:bold 27px/27px Arial, Helvetica, sans-serif;
	color:#353535;
	background-color:inherit;
	text-decoration:none;
}
#white p.download a:hover{
	color:#3B9AC9;
	background-color:inherit;
}
#white p.txt1{
	display:block;
	width:366px;
	
	padding:20px 0 0 44px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#727345;
	background-color:inherit;
	float:left;
}
#white p.txt1 a{
	color:#287DA8;
	background-color:inherit;
	text-decoration:underline;
}
#white p.txt1 a:hover{
	text-decoration:none;
}
#white p.dn{
	display:block;
	background:url(../images/download.gif) 0 0 no-repeat;
	width:55px;
	height:36px;
	float:right;
	margin:13px 0 0 0;
	padding:20px 0 0 0;
	text-align:center;
}
#white p.dn a{
	font:normal 9px/12px Arial, Helvetica, sans-serif;
	color:#0F0F0F;
	background-color:inherit;
	text-decoration:none;
}
#white p.dn a:hover{
	color:#CC0000;
	background-color:inherit;
}
/*------------------------------------------------white--------------------*/

/*------------------------------------------------black--------------------*/
#black{
	width:955px;
	margin:0 auto;
	background:url(../images/black_bg_1px.gif) 0 0 repeat-x #404040;
	color:#9F9F9F;
	padding:15px 13px 14px 13px;
}

#blackLeft{
	width:603px;
	float:left;
	background:url(../images/div1.gif) right top repeat-y;
	padding:0 17px 0 0;
}
#blackLeft h2{
	display:block;
	background:url(../images/icon1.gif) 0 4px no-repeat;
	padding:0 0 20px 26px;
	font:bold 23px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#blackLeft p.blackTxt1{
	display:block;
	padding:5px 5px 5px 5px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#9F9F9F;
	background-color:#ffffff;
}

#blackLeft p.blackTxt10{
	display:block;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#9F9F9F;
}

#blackLeft p.blackTxt100{
	padding:5px 5px 5px 5px;
	font:bold 22px/28px Arial, Helvetica, sans-serif;
	color:#9F9F9F;
}

#blackLeft p.blackTxt1 b{
	color:#C6C885;
	background-color:inherit;
	font-weight:bold;
}

#blackLeft p.blackTxt1 a{
	color:#63BBE7;
	background-color:inherit;
	text-decoration:underline;
}
#blackLeft p.blackTxt1 a:hover{
	text-decoration:none;
}
#blackLeft p.rm{
	width:75px;
	height:21px;
	text-align:center;
	margin:0 0 0 526px;
	background:url(../images/read_more.gif) 0 0 no-repeat;
}
#blackLeft p.rm a{
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#blackLeft p.rm a:hover{
	color:#000;
	background-color:inherit;
}
#blackRight{
	width:321px;
	float:right;
	
}

#blackRightProduct{
	width:321px;
	float:right;
	
}
#blackRight ul{
display:block;
padding:10px 10px 10px 10px;

}
#blackRight ul li{
float:left;
background:url(../images/advert.gif) 0 0 no-repeat;
background-color:inherit;
width:150px;
height:150px;
}

#blackRight p.tollFree{
	width:263px;
	height:32px;
	background:url(../images/tollfree.gif) 0 0 no-repeat;
	padding:3px 10px 0px 25px;
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	color:#F2DB50;
	background-color:inherit;
	display:block;
	float:left;
}
#blackRight p.tollFree span{
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:11px 37px 0 0;
	width:40px;
}
/*------------------------------------------------black--------------------*/

/*------------------------------------------------bot--------------------*/
#bot{
	width:943px;
	margin:18px auto 26px auto;
	background:url(../images/bottom_bg1.gif) 0 0 repeat-y;
	padding:0 25px 0 0;
}
#news{
	width:282px;
	float:right;
}
#news h2{
	display:block;
	background:url(../images/testimonial_icon.gif) 0 0 no-repeat;
	padding:0 0 11px 51px;
	font:normal 25px/46px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
}
#news h3{
	display:block;
	width:278px;
	padding:0 0 12px 0;
	font:normal 18px/22px Arial, Helvetica, sans-serif;
	color:#CB7700;
	background-color:inherit;
	margin:0;
}
#news ul{
	padding:0;
}
#news ul li{
	display:block;
	background:url(../images/icon3.gif) 0 2px no-repeat;
	padding:0 0 21px 17px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#727345;
	background-color:inherit;
}
#news ul li a{
	color:#287DA8;
	background-color:inherit;
	text-decoration:underline;
}
#news ul li a:hover{
	text-decoration:none;
}
#news form{
	background-color:#E0E0E0;
	width:270px;
	padding:5px 5px 10px 10px;
	font:normal 10px/17px Arial, Helvetica, sans-serif ;
	color:#280100;
}
#news form input.txtBox1{
	width:100px;
	height:17px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	padding:2px 0 0 6px;
	font:normal 10px/17px Arial, Helvetica, sans-serif;
	color:#040404;
	background-color:#fff;
	margin:0 11px 11px 0;
	float:left;
}
#news form input.txtBox2{
	width:100px;
	height:15px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	padding:4px 0 0 6px;
	font:normal 10px/15px Arial, Helvetica, sans-serif;
	color:#040404;
	background-color:#fff;
	margin:0 0 11px 0;
	float:left;
}
#news form input.kirim{
	width:40px;
	height:21px;
	background:url(../images/btn_login.gif) 0 0 no-repeat;
	float:right;
	border:none;
	cursor:pointer;
	margin:0 0 11px 0;
	font:normal 11px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#404040;
}
#right{
	width:618px;
	float:left;
}
#test{
	width:562px;
	float:left;
	
}
#test h2{
	display:block;
	background:url(../images/news_icon.gif) 0 0 no-repeat;
	padding:0 0 20px 51px;
	font:normal 25px/29px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
}
#test h3{
	display:block;
	width:562px;
	padding:0 0 12px 10px;
	font:normal 18px/22px Arial, Helvetica, sans-serif;
	color:#CB7700;
	background-color:inherit;
	margin:0;
}
#test ul{
	padding:0 0 0 10px;
	
}
#test ul li{
	display:block;
	width:562px;
	background:url(../images/icon2.gif) 10px 2px no-repeat;
	padding:0 0px 35px 35px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#727345;
	background-color:#inherit;
}
#test ul li.red2{
	display:block;
	padding:0 10px 9px 0;
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#CC0000;
	background-color:inherit;
	background-image:none;
	text-align:right;
	
}
#test ul li a{
	color:#287DA8;
	background-color:inherit;
	text-decoration:underline;
}
#test ul li a:hover{
	text-decoration:none;
}
#test ul li p{
float:right;
}
#high{
	width:291px;
	float:right;
}
#high h2{
	display:block;
	background:url(../images/highlight_icon.gif) 0 0 no-repeat;
	padding:0 0 20px 51px;
	font:normal 25px/29px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
}
#high h3{
	display:block;
	width:278px;
	padding:0 0 12px 0;
	font:normal 18px/22px Arial, Helvetica, sans-serif;
	color:#CB7700;
	background-color:inherit;
	margin:0;
}
#high ul{
	padding:0;
}
#high ul li{
	display:block;
	background:url(../images/icon4.gif) 0 6px no-repeat;
	padding:0 0 0 16px;
}
#high ul li a{
	color:#287DA8;
	background-color:inherit;
	text-decoration:underline;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
}
#high ul li a:hover{
	text-decoration:none;
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------bot--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:981px;
	margin:0 auto;
	background:url(../images/footer_bg.gif) 0 0 repeat-x;
	height:98px;
}
#footer ul.link1{
	width:625px;
	margin:0 auto;
	padding:9px 0 13px 235px;
	height:11px;
}
#footer ul.link1 li{
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	float:left;
}
#footer ul.link1 li a{
	display:block;
	padding:0 6px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	float:left;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
}
#footer ul.link1 li a:hover{
	color:#fff;
	background-color:#000;
}
#footer p.copy{
	width:253px;
	margin:0 auto;
	padding:0;
	font:normal 10px/29px Arial, Helvetica, sans-serif;
	color:#C1C1C1;
	background-color:inherit;
}
#footer ul.link2{
	width:197px;
	margin:0 auto;
	height:21px;
}
#footer ul.link2 li.xhtml{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:95px;
	height:21px;
	float:left;
	text-align:center;
}
#footer ul.link2 li.css{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:95px;
	height:21px;
	float:right;
	text-align:center;
}
#footer ul.link2 li a{
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#A30000;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}
#footer ul.link2 li a:hover{
	color:#000;
	background-color:inherit;
}
#footer p.design{
	width:170px;
	margin:0 auto;
	padding:10px 0 0 0;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#3CA0D3;
	background-color:inherit;
}
#footer p.design a{
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a:hover{
	color:#fff;
	background-color:#A30000;
}	
#footer ul.low{
	width:525px;
	margin:0 auto;
	padding:9px 0 13px 0;
	height:11px;
}
#footer ul.low li{
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	float:left;
}
#footer ul.low li a{
	padding:0 2px;
	float:left;
	border:none;
}
/*------------------------------------------------footer--------------------*/
/*-------------------------------------------------------------------------------------------Innerpage---------------------------------------------------------------*/

#innerleftblank
	{
		width:630px;
		float:left;
		margin:0px;
		padding:0px;
		border-right:dashed 1px #707070;
	}
#innerleftblankProduct
	{
		width:630px;
		height:750px;
		float:left;
		margin:0px;
		padding:0px;
		border-right:dashed 1px #707070;
	}

#innerhedding
	{
		width:550px;
		height:20px;
		float:left;
		margin:0 0 0 0;
		padding:0px;
		font:bold 23px/23px Arial, Helvetica, sans-serif;
		color:#fff;
		
	}
#innertxt
	{
		width:550px;
		float:left;
		margin:20px 0 10px 10px;
		padding:0px;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#9F9F9F;
		text-align:justify;
	}
	
#innertxtdetil
	{
		width:600px;
		float:left;
		margin:20px 0 10px 10px;
		padding:0px;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#9F9F9F;
		
	}
	
#innertxtS
	{
		width:192px;
		float:left;
		margin:20px 0 10px 10px;
		padding:0px;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#9F9F9F;
		
	}
#innertxtSs
	{
		width:192px;
		float:left;
		margin:20px 0 10px 10px;
		padding:0px;
		font:bold 12px/18px Arial, Helvetica, sans-serif;
		color:#676767;
		
	}

#innertxtSs b
	{
		font:bold 16px/22px Arial, Helvetica, sans-serif;
		color:#430101;
		
	}
#innertxtSs strong
	{
		font:bold 35px/45px Arial, Helvetica, sans-serif;
		color:#ffffff;
		
	}

#innertxt002
	{
		width:600px;
		float:left;
		margin:20px 0 10px 0;
		padding:0px;
		font:normal 14px/20px Arial, Helvetica, sans-serif;
		color:#9F9F9F;
	}
#innertxt003
	{
		width:550px;
		height:20px;
		float:left;
		margin:0 0 80px 0;
		padding:0px;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#9F9F9F;
	}
#innertxt004
	{
		width:550px;
		height:20px;
		float:left;
		margin:20px 0 80px 0;
		padding:0px;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#9F9F9F;
	}
	
/*--------------------------------------------------------------------------------------------Innerpage---------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------submenu----------------------------------------------------------------------*/

#submenuhedding
		{
	width:266px;
	height:20px;
	float:left;
	padding:0px;
	font:bold 23px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 11px;
		}
#submenublank
		{
			width:266px;
			height:340px;
			margin:10px 0 0 11px;
			padding:0px;
			float:left;
		}
#submenublank ul{
display:block;
padding:10px 10px 10px 0px;

}
#submenublank li{
float:left;
background:url(../images/advert2.gif) 0 0 no-repeat;
background-color:inherit;
width:300px;
height:50px;
}

#submenu
		{
			width:266px;
			height:180px;
			margin:0px;
			padding:0px;
			float:left;
			background-repeat:no-repeat;
		}
#submenu ul
		{
			width:166px;
			height:133px;
			margin:0px;
			padding:0px;
			display:block;
			list-style:none;
			line-height:normal;
		}
#submenu ul li .submenu
		{
			width:166px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:2px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			line-height:normal;
		}
#submenu ul li .submenu:hover
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:2px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			background-image: url(../images/submenuover.jpg);
			background-repeat:no-repeat;
			line-height:normal;			
		}
#submenu ul li .submenu002
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:3px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			line-height:normal;			
			
		}
#submenu ul li .submenu002:hover
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:3px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			background-image:  url(../images/submenuover.jpg);
			background-repeat:no-repeat;
			line-height:normal;			
			
		}		
#submenu ul li .submenu003
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:1px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			line-height:normal;			
			
		}
#submenu ul li .submenu003:hover
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:1px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			background-image: url(../images/submenuover.jpg);
			background-repeat:no-repeat;
			line-height:normal;			
			
		}		
#submenu ul li .submenu004
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:1px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			line-height:normal;			
			
		}
#submenu ul li .submenu004:hover
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:1px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			background-image: url(../images/submenuover.jpg);
			background-repeat:no-repeat;
			line-height:normal;			
			
		}		
#submenu ul li .submenu005
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:3px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			line-height:normal;			
			
		}
#submenu ul li .submenu005:hover
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:3px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			background-image: url(../images/submenuover.jpg);
			background-repeat:no-repeat;
			line-height:normal;			
			
		}		
#submenu ul li .submenu006
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:2px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			line-height:normal;			
			
		}
#submenu ul li .submenu006:hover
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:2px 0 0 0;
			padding:5px 0 0 20px;
			display:block;
			list-style:none;
			background-image:  url(../images/submenuover.jpg);
			background-repeat:no-repeat;
			line-height:normal;			
			
		}		
#submenu ul li .submenu007
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:4px 0 0 0;
			padding:4px 0 0 20px;
			display:block;
			list-style:none;
			line-height:normal;			
			
		}
#submenu ul li .submenu007:hover
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:4px 0 0 0;
			padding:4px 0 0 20px;
			display:block;
			list-style:none;
			background-image: url(../images/submenuover.jpg);
			background-repeat:no-repeat;
			line-height:normal;			
			
		}		
#submenu ul li .submenu008
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:2px 0 0 0px;
			padding:3px 0 0 20px;
			display:block;
			list-style:none;
			line-height:normal;			
			
		}
#submenu ul li .submenu008:hover
		{
			width:266px;
			height:15px;
			font-family: Arial;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			margin:2px 0 0 0;
			padding:3px 0 0 20px;
			display:block;
			list-style:none;
			background-image: url(../images/submenuover.jpg);
			background-repeat:no-repeat;
			line-height:normal;			
			
		}		
		
/*--------------------------------------------------------------------------------------submenu----------------------------------------------------------------------*/
/*----------------------------------------------------------------contactpage----------------------------------------------------------------------------------------*/


#contactleftblank
		{
			width:600px;
			height:500px;
			float:left;
			margin:0 0 10px 0;
			padding:0px;
			border-right:dashed 1px #FFFFFF; 
		}

#contactheddingblank
		{
			width:500px;
			height:30px;
			float:left;
			margin:0px;
			padding:0px;
			font:bold 23px/23px Arial, Helvetica, sans-serif;
			color:#fff;
		}
#contactaddressblank{
				width:360px;
				height:290px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:18pt;
				color:#a10000;
				float:left;
				padding:0px;
				margin:0 0 0 2px;
				background-color:#dcd9a5;
	}
#contactaddresshedding
		{
		width:200px;
		height:35px;
		float: left;
		margin:0 0 0 20px;
		padding:0px;
	font:bold 23px/23px Arial, Helvetica, sans-serif;
	color:#fff;
		}		

#contactaddresstext{
		width:240px;
		height:30px;
		float: left;
		margin:20px 0 20px 20px;
		padding:0px;
		font-family: Arial;
		font-size:10pt;
		color:#FFFFFF;
	}
#contactaddresstext002{
		width:240px;
		height:30px;
		float: left;
		margin:50px 0 70px 20px;
		padding:0px;
		font-family: Arial;
		font-size:13pt;
		color:#FFFFFF;
	}
#contactaddresstext003{
		width:250px;
		height:30px;
		float: left;
		margin:10px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:13pt;
		color:#1d1d1d;
	}

#contactsmallhedding
			{
			width:500px;
			height:30px;
			float:left;
			margin:20px 0 0 0;
			padding:0px;
			font-family: Arial;
			font-size:10pt;
			color:#FFFFFF;
			}
#contacthedding
			{
			width:553px;
			height:20px;
			float:left;
			margin:24px 0 0 53px;
			padding:0px;
			font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
			font-size:25pt;
			color:#453b22;
			}
			
#contacticon{
				width:86px;
				height:84px;
				float:left;
				background-image: url(contacticon.png);
				background-repeat:no-repeat;
				margin:10px 0 0 30px;
	}
#contactfeildnameblank
			{
				width:150px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildblank
			{
				width:250px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname
			{
				width:150px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeildname002
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname003
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname004
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname005
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname006
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname007
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname008
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname009
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild
			{
				width:200px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeild002
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild003
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild004
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild005
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild006
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild007
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild008
			{
				width:200px;
				height:20px;
				margin:8px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild009
			{
				width:200px;
				height:60px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#submitbutton
			{
				width:200px;
				height:20px;
				margin:50px 0 0 0;
				padding:0;
				float:left;

			}	
			
.contactfeildname
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:9pt;
				color:#FFFFFF;
			}
.contactfeild
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color: #3c4538;
				border:solid;
				border-width:1px;
				border-color:#666666;
				background-color:#f2f2f2;
			}
.contactfeild:hover
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color:#3c4538;
				border:solid;
				border-width:1px;
				border-color:#666666;
				background-color:#f9f9f9;
			}
.submit
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:9pt;
				color:#FFFFFF;
				background-color:#666666;
				border:solid;
				border-width:1px;
				border-color:#CCCCCC;
			}
.submit:hover
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:9pt;
				color:#FFFFFF;
				background-color:#54180a;
				border:solid;
				border-width:1px;
				border-color:#54180a;
			}
			
.contactinput
		{
			width:160px;
			height:20px;
			font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
			font-size:12px;
			font-weight:bold;
			color:#3c4538;
			background-color:#FFFFFF;
			border:solid;
			border-color:#F3F3F3;
			border-width:1px;
		}
.contactinput:hover
		{
			width:160px;
			height:20px;
			font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
			font-size:12px;
			font-weight:bold;
			color:#3c4538;
			background-color:#F9F9F9;
			border:solid;
			border-color:#F3F3F3;
			border-width:1px;		}
.textarea
		{
			width:200px;
			height:100px;
			font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
			font-size:12px;
			font-weight:bold;
			color:#3c4538;
			background-color:#FFFFFF;
			border:solid;
			border-color:#F3F3F3;
			border-width:1px;		}
.textarea:hover
		{
			width:200px;
			height:100px;
			font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
			font-size:12px;
			font-weight:bold;
			color:#3c4538;
			background-color:#F9F9F9;
			border:solid;
			border-color:#F3F3F3;
			border-width:1px;		}

/*----------------------------------------------------------------contactpage----------------------------------------------------------------------------------------*/

 .submenu_top {
	background-image: url(../images/sumenu_top.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 1px;
	width: 266px;
}

#submenu_10 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 286px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-left:2px;
	padding-top:5px;
	padding-bottom:0px;
	border: outset #CCFFFF;
}

#submenu_101 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-left:2px;
	padding-top:5px;
	padding-bottom:0px;
}

#submenu_left {
	width:300px;
	text-decoration: none;
	padding-left:2px;
	padding-top:5px;
	padding-bottom:0px;
}

#banner_kananbawah ul{
	width:300px;
	height:75px
	text-decoration: none;
	padding-left:2px;
	padding-top:5px;
	padding-bottom:50px;
}

#slideHo {
padding-bottom:40px;
}

.submenu_10space {
padding-bottom:10px;
}
.submenu_link10 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	height: 20px;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 22px;
}

.submenu_linkT {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/sumenu_active.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width:266px;
	height: 20px;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 22px;
}

.submenu_link {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/sumenu_active.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 22px;
}

.submenu_link:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/sumenu_hover.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 22px;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}