*{margin:0px;padding:0px;  }

	body{  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;   background:url(../picture/background.jpg) no-repeat center; background-size:cover;}
	
#body_header{width:1500px;background-color:#FFF; height:110px;
}
#body_slider{width:1500px; background:url(../picture/background_slider.jpg) center no-repeat; background-size:cover;  } 
#body_content_upper{width:1500px; height:1220px ; background:url(../picture/background_content.png) no-repeat center; background-size:cover;}
#body_content_bottom{ width:1500px ; background:#804000; height:380px;background:url(../picture/background_content_bawah.jpg) no-repeat center; background-size:cover;}	


#body_footer{width:1500px;background:#000;height:50px;
/*center screen 
display: flex;
	justify-content: center;
	align-items: center
	min-height: 100vh;*/}
	

	#wrapper{ width:1500px; margin: auto; box-shadow:rgb(0,0,0) 10px 10px 50px; border:rgb(0,0,0) solid 3px;}


	#header{ width:1300px;  padding-left:30px;background-color:#FFF; height: 110px;}

	.container{width:1050px;height:100%;margin:auto; }
	.container img{margin-right:30px;}
		#menu{float:right; margin-top:25px; width:740px; }
			
			#menu li{float:left;list-style:none;width:153px; position:relative; text-align:left;  
						padding: 5px 15px 5px 10px;  }
						/* static position buat kalo horizontal mau menunya ini design */
			    .menu_border{border-right:solid #CCC 3px;  }
					
				#menu li a {display: inline-block; font-size:18px;color:#333;text-decoration:none;font-weight:500;
				font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;letter-spacing:-1px; display:block;}
				#menu li p {color:#999; font-size:14px; font-weight:500; letter-spacing:0px; word-spacing:1px; }
					#menu li ul {display:none; position:absolute ;  left:0px; top:53px; }
						#menu li ul li{ height:100%px; vertical-align:bottom ; background:#FFF; text-align:left;  padding-top:10px; 
						box-shadow:1px 1px 3px black;	background: #2f2f2f; border-top:solid 3px #999999;}
						#menu li ul li a{color:#FFF; font-size:18px; }
						
						
							#menu li:hover { background: #2f2f2f;  }
							#menu li:hover > a , #menu li.active a, #menu li.selected a {font-weight:bold; color:#FFF;	 font-size:20px;height:100%;   }
							#menu li:hover ul {color:#09F; display:block;   }
							#menu li ul li:hover {  box-shadow:1px 1px 30px black;	background: #2f2f2f;height:100%;    ; }
		/*	#menu li ul li:hover{ border-bottom:1px solid black;}
			#menu li ul li:after{
				content:"\25BC";
				top:-25px;
				left:-30px; 
				display: inline;
				position:relative;
			}*/
			
		
		
	/*------------------------END OF HEADER--------------------------------------*/
	
	
		.divider{background:black no-repeat center; height:7px; background-size:cover; width:1500px; }
/*		.divider2{background:url(../picture/leaf.png); height:10px; background-size:contain; width:350px;  margin:auto; margin-bottom:30px; }*/
	
		
	/*------------------------END OF DIVIDER--------------------------------------*/
	
		#slider{ height:400px; padding:10px;
	background-repeat: no-repeat;}  
		
		
	/*------------------------END OF SLIDER--------------------------------------*/
	
		#content{height:auto ;
}
				#top{ padding: 30px 40px 0px 40px; margin:auto; height:520px ; width:1300px;}
					#content_header{background: #FFF; height:50px; text-align:center; margin-bottom:10px;}
						#content_header img{width:50px;  margin-right: 20px; border:3px solid #FFF; box-shadow:1px 1px 5px black; }
						#content_header h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:30px;line-height:30px; color:#030;border-bottom:1px solid #ccc; padding-bottom:15px; padding-left:30px;}
					
						
					
					.title {margin-bottom:30px; text-align:center; font-size:45px; font-weight: bold; }
					.section{height:270px;width:540px;margin-right:20px; margin-left:40px; margin-bottom:30px; float:left;padding :20px; background-color:rgb(222,222,222)}
					
						.number_circle{
  text-align:center;  float:left; }
 
 							#menu_1 img{height:270px; width:250px;}
 							 
 							#menu_2 img{height:270px; width:250px;}

 							#menu_3 img{height:270px; width:250px;}
							
 							#menu_4 img{height:270px; width:250px;}
							
 							#menu_5 img{height:270px; width:250px;}
							
 							#menu_6 img{height:270px; width:250px;}
							
							/*.number_circle h1{display:block; line-height:65px; color:white; margin-left:-3px; }*/
							.section_top{ font-weight:500; letter-spacing:-1px; word-spacing:0px; margin-left:10px; 
										  font-family: "Arial Black", Gadget, sans-serif; font-size:27px;  
							 }
							 .section_top a{text-decoration:none;}
							 
									.right_section{float:left; width:280px; height:270px; margin-left:10px;line-height:35px; background-color: rgb(218,227,243)}			  													.right_section h2{margin-bottom:10px; margin-top:5px;}
							.section p{line-height:28px; margin-left:10px; font-family:Arial, Helvetica, sans-serif;color:#696969;float:left; font-size:20px;}	
							.last_section{height:250px;width:500px;float:left;}
					/*------		.number_circle{background:url(../picture/number_circle.png) no-repeat; height:70px; width:70px; text-align:center;  float:left; display:block; line-height:65px; color:white; margin-left:-3px; font-size: 30px; font-weight:bold; }
							.number_circle h1{display:block; line-height:65px; color:white; margin-left:-3px; }
							.section_top{float:left; font-weight:500; letter-spacing:-1px; word-spacing:0px; margin-top:16px; 
										  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;} ----*/
							.last_section p{text-indent:50px;padding-top:10px;padding-left:5px;line-height:20px;font-style:italic;color:#696969;min-height:100px; float:left; font-size:20px;}	
					
				
				#bottom{padding: 30px 40px 0px 40px; margin:auto;  width:1300px; height:300px; color: rgb(0,0,0); font-family: Calibri ;}	
					.part{height:200px;width:550px; float:left;list-style:none;margin-right:165px; margin-left:50px;}
						.footer_head_left{border-bottom:3px solid rgb(0,0,0);  margin-bottom:40px; font-weight:bold; font-size:34px;width:460px;}
				/*--	.part h1{ border-bottom:3px solid  ;  margin-bottom:10px; font-weight:500; font-size:26px; } 
						.part p { font-size:18px;}*/
						   .part ul{ float:left; width:150px;padding-right:100px;}
						   .part li{ list-style:none; width:300px; height:30px; }
								.part li a{ list-style:none; text-decoration:none;font-size:18px; display:block; color:rgb(0,0,0); margin-bottom:5px; font-weight:400; font-style: normal  ;  font-size:24px;}
								.part li a:hover{color:#F00;}
								
						.footer_head_right{border-bottom:3px solid rgb(0,0,0);  margin-bottom:40px; font-weight:bold; font-size:34px;width:185px;}
					.last_part{height:300px;width:400px; float:right;list-style:none; margin-right:10px;}
					.last_part h1 { border-bottom:3px solid #FFF;  margin-bottom:10px; font-weight:500;font-size:26px; }
						.last_part p {  font-weight:400; font-style: normal;  font-size:24px;}
						.last_part h1 {   border-bottom:0px; font-size:18px; font-weight:500; margin-bottom:0px; }		
							#email{text-decoration:underline; color: rgb(5,99,193); font-size:24px; width:30px;}			
	/*------------------------END OF CONTENT-HOMEPAGE--------------------------------------*/
		
	
				
		#footer{background:#000;height:30px;margin:auto;text-align:center;font-size:14px;color:#FFF;padding-top:20px;}
			
	/*------------------------END OF FOOTER--------------------------------------*/
	
		
			#about h1{  font-size:18px;    font-weight:600; font-size:18px; padding:10px 50px 5px 76px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
			#about p{padding:10px 50px 5px 15px;font-family:Tahoma, Geneva, sans-serif,; font-size:20px; text-align:left; line-height:30px;}
			#about a{font-weight:bold; font-size:20px; }
			
				#about_box1{width:100%;height:100%; background-color: rgb(237,125,49); color: rgb(255,255,255); padding-top:15px;}
				#about_box2{width:100%;height:100%;  color:  rgb(0,0,0);; border:1px rgb(237,125,49) solid; padding-top:15px;}
				#about_box3{width:100%;height:100%; background-color: rgb(68,114,196); color: rgb(255,255,255); padding-top:15px;}
				#about_box4{width:100%;height:100%;  color: rgb(0,0,0); border:1px rgb(68,114,196) solid; padding-top:15px;} 
			
			.section_about{height:340px;width:310px;  margin-bottom:30px; margin-top:20px; float:left;padding :20px; }
			
	
	/*------------------------END OF CONTENT -ABOUT US--------------------------------------*/
			.section_contact{height:155px;width:525px;  margin-bottom:30px; margin-top:20px; float:left;padding :20px; }		
		#contact_title{border-top:2px solid #009;}
			#contact_title h1{padding: 10px 0px 10px 25px;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:30px;}
		#contact_content{ margin: 0px 0px 0px 50px;}
			#contact_content img{display:block; margin:auto;}
			#contact_content p{padding:10px 50px 5px 25px;font-family:Tahoma, Geneva, sans-serif,; font-size:18px; text-align:justify;}
				#contact_box{width:100%;height:200px;  color:  rgb(0,0,0);; border:1px rgb(237,125,49) solid;}
				#contact_box a{font-size:21px; }
	
	/*------------------------END OF CONTENT -CONTACT--------------------------------------*/
	
	#head{/*background:url(../picture/background_slider.jpg) center no-repeat; background-size:cover; */
	background:url(../picture/background_product_header.jpg)  no-repeat; background-size: contain  ;
	 height:153px; padding: 35px 0px 0px 70px;} 
		#head h1{font-family: Arial, Helvetica, sans-serif;  color: rgb(59,56,56); text-shadow:0px black; font-size:36px; margin-top:55px;}
		#head h2{font-family: Arial, Helvetica, sans-serif;  color: rgb(59,56,56); text-shadow:0px black; font-size:36px; margin-top:55px;}
			#head_oil a{color: rgb(192,0,0)}
				#head_oil h2{font-size:36px; font-weight:bold;}
			#head_textile a{color: rgb(56,86,35)}
				#head_textile h2{font-size:36px; font-weight:bold;}
			#head_water a{color:rgb(0,32,96); }
				#head_water h2{font-size:36px; font-weight:bold;}
			#head_basic a{color:rgb(112,48,160);}
				#head_basic h2{font-size:36px; font-weight:bold;}
			#head_paper a{color:rgb(196,89,17);}
				#head_paper h2{font-size:36px; font-weight:bold;}
			#head_other a{color:rgb(89,89,89);}
				#head_other h2{font-size:36px; font-weight:bold;}
			#head_about {color:rgb(59,56,56);}

	
	/*---content product--*/
	
	
	#top_content{  padding-bottom:50px; height:400px; float:right; width:950px;  margin-right:40px;}
			#top hr {margin:5px 40px 30px 40px;}		
				#side_menu {float:left; width:auto; border: 1px solid #CCC; }
					#side_menu li{list-style:none;width:210px; text-align:left;  
						padding: 10px 20px 10px 30px; background: rgb(242,242,242); 
						background-size:cover; margin-bottom:0px;  }				
					#side_menu li h2{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; color:#666; font-size:36px; font-weight:bold; }
					#side_menu li a{display: inline-block; font-size:24px;color:#333;text-decoration:none; font-weight:500;
				font-family:  "Courier New", Courier, monospace;;letter-spacing:-1px; display:block; color:black;
			    color:#666; 	}
					#side_menu li:hover > a , #menu li.active a, #menu li.selected a {font-weight:bold; color:#06C;	 font-size:28px; }
							
							
				#middle_menu {float:left;  margin-left:50px; width:auto;  }
					#middle_menu li{list-style:none;width:500px; text-align:left;  
						padding: 10px 20px 10px 15px; 
						background-size:cover; margin-bottom:0px;  }
										
					#middle_menu li h1{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; color: rgb(0,0,0);}
					#middle_menu li a{display: inline-block; font-size:24px; color:#333;text-decoration:none; font-weight: lighter;
				font-family: "Courier New", Courier, monospace;letter-spacing:-1px; display:block; color:black;
			    }
					#middle_menu li:hover > a , #menu li.active a, #menu li.selected a {font-weight:bold; color:#06C;	 font-size:28px; }
							
							
							#middle_menu_oil  { border: 1px solid  rgb(192,0,0); }
								#middle_menu_upper_textile{border: 1px solid  rgb(255,217,102); }
								#middle_menu_bottom_textile{margin-top: 30px;border: 1px solid  rgb(255,217,102);
								background-color:rgb(255,217,102); 
								background-size:cover; }
							#middle_menu_water{border: 1px solid rgb(0,32,96);}
							#middle_menu_basic{background:rgb(112,48,160); padding-bottom:30px;}
								#middle_menu_basic li a {color: rgb(255,255,255);}
								#middle_menu_basic li h1{color: rgb(255,255,255);}
							#middle_menu_paper{background:rgb(255,217,102); padding-bottom:30px;}
							#middle_menu_other{background-color: rgb(0,32,96);  padding-bottom:30px; }
								#middle_menu_other li a {color: rgb(255,255,255);}
								#middle_menu_other li h1{color: rgb(255,255,255);}
							
							
							
							
							
							#right_menu {float:left; margin-left:50px; margin-top:50px;  width:auto;}
					#right_menu li{list-style:none;width:470px; text-align:left;  
						padding: 10px 20px 10px 15px;margin-bottom:0px;  }				
					#right_menu li h2{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; color: rgb(255,255,255); font-size:36px; font-weight:bold;}
					#right_menu li a{display: inline-block; font-size:24px; text-decoration:none; font-weight: lighter;
				font-family:  "Courier New", Courier, monospace; letter-spacing:-1px; display:block; color: rgb(255,255,255);
			    }
					#right_menu li:hover > a , #menu li.active a, #menu li.selected a {font-weight:bold; color:#06C;	 font-size:28px; }
							
							
							
							#right_menu_oil{  background: rgb(192,0,0);
						background-size:cover; width:auto; padding-bottom:50px; }
							#right_menu_textile{  background:rgb(47,85,151);
						background-size:cover; width:auto; padding-bottom:50px;} 
							#right_menu_water{  background: rgb(0,32,96);
						background-size:cover; width:auto; padding-bottom:50px; }
								#right_menu_basic{border: 1px 
								#000000 solid;  padding-bottom:50px; }
								#right_menu_basic li h1{  color:rgb(0,0,0); width:auto; }
								#right_menu_basic li a{  color:rgb(0,0,0); width:auto; }
							
							#right_menu_oil{}
							
							
				.box { margin : 0px 50px 25px 50px ; float:left; text-align:center;  }
					.box img{width:200px; height:160px;border:solid #999 3px;}
					.box p{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px;  letter-spacing:-1px;
							 word-spacing:1px; display:block; padding:3px; background:url(../picture/background_content.png);  background-size:contain;
							 border:1px solid #999; margin-top:-6px;}
					
					.box h1{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; font-weight:400; letter-spacing:-1px;
							 word-spacing:1px; display:block; padding:3px; background:url(../picture/background_content.png);  background-size:contain;
							 border:1px solid #999; margin-top:-6px;}
			
	 .clear{clear:both;}

	 /*------------------------masi test content flexsibel---------------------------------- 
	 #content_oil{height:850px ; background:#FFF;   }	
	 #content_textile{height:850px ; background:#FFF;   }	----*/
	 
	 	#top_oil{ padding: 30px 40px 0px 40px; margin:auto; height:570px ; background:url(../picture/background_content.png) no-repeat center; background-size:cover;}
	 
	 #top_textile{ padding: 30px 40px 20px 40px; margin:auto; height:1300px ; background:url(../picture/background_content.png) no-repeat center; background-size:cover;}
	 top_oil hr {margin:5px 40px 30px 40px;}	 
	 	#top_about{ padding: 30px 40px 20px 40px; margin:auto; height:660px ; background:url(../picture/background_content.png) no-repeat center; background-size:cover;}