body {background-image: url(images/bg.jpg); background-color:white; background-repeat:repeat-x; margin:0px}
#head {background-image:url(images/top.jpg); width:800px; height:9px; background-repeat:no-repeat}
#body {background-image:url(images/centre.jpg); background-repeat:repeat-y; width:766px; padding-left:17px; padding-right:17px; font-family:Arial, Helvetica, sans-serif; font-style:italic; } 
#bottom {background-image: url(images/under.jpg); background-repeat:no-repeat; width:800px; height:39px;}
.font {font-family:Verdana; font-size:24px; font-weight:bold; color:#000; line-height:40px;}
.font2 {font-family:Arial; font-size:14px; font-weight:bold; color: #000; line-height:25px; background-position:}
.font3 {font-family:Arial; font-size:12px; color:#000; line-height:20px;}
.font4	{font-family:Arial; font-size:12px; color:#000;}
#bg_1 {background-image:url(images/bg_1.jpg); height:503; width:800px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; line-height:40px; padding-top:245px; text-align:center; padding-left:30px; padding-right:30px;}

#new_face {background-image:url(images/banner_template_trainingfacechanging.jpg); height:503; width:800px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; line-height:40px; padding-top:245px; text-align:center; padding-left:30px; padding-right:30px;}

.header_cbc_card{
	float:left;
	background-image: url(images/cbc_cards.jpg);
	height:503;
	width:800px;
	background-repeat:no-repeat;
	background-color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#000;
	line-height:40px;
	padding-top:245px;

	padding-left:30px;
	padding-right:30px;
	float:left
}

#header_cbci{ float:left; background-image: url(images/banner_cbci.jpg); height:503; width:800px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; line-height:40px; padding-top:245px; text-align:center; padding-left:30px; padding-right:30px; }

#header_business-game{ float:left; background-image: url(images/business-game2.jpg); height:503; width:800px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; line-height:40px; padding-top:50px;  text-align:center; padding-left:30px; padding-right:30px; }




#header_dc_selecting_right_people{ float:left; background-image: url(images/banner_Selecting-the-Right-Employee.jpg); height:503; width:800px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; line-height:40px; padding-top:245px; text-align:center; padding-left:30px; padding-right:30px; }


#header_interviewkit{ float:left; background-image: url(images/interviewkit_btm.jpg); width:800px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; line-height:40px; padding-top:245px; text-align:center; padding-left:30px; padding-right:30px; }


#interviewkit_btm{ float:left; background-image: url(images/interviewkit_btm.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 0px 50px;   }

#header_tes{ float:left; background-image: url(images/banner_monkey_kings_bawah.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 50px 50px;   }


#header_justcoleredbrain{  background-image: url(images/cb2.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 50px 50px;   }

#header_iibtm{ float:left; background-image: url(images/Banner_iibtm.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 0px 50px;   }

#header_Once_Upon_manager{ float:left; background-image: url(images/once-upon-a-time_manager2.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 50px 50px;   }

#header_template{ float:left; background-image: url(images/6_dimension2.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 0px 50px;   }

#header_dc_tool{ float:left; background-image: url(images/dctool_banner_btm.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 0px 50px; }

.header_fcilitators {width:860px; height:200px; background-image: url(images/facilitator-set.jpg)}

#header_facilitator_manual{ float:left; background-image: url(images/facilitator-set2.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 30px 50px 0px 50px;   }

#evolution2{ float:left; background-image: url(images/evolution2.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 0px 50px;   }



#visualization{ float:left; background-image: url(images/Visualization2.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 0px 50px;   }


#imonkey_king_btm{ float:left; background-image: url(images/banner_monkey_kings_bawah.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; text-align:center; padding: 50px 50px 0px 50px;   }


#map_btm{ float:left; background-image: url(images/Banner_map2.jpg); height:auto; width:760px; background-repeat:no-repeat; background-color:white; font-family: Trebuchet MS ; font-size:25px; color:#000; text-align:center; padding: 50px 50px 0px 50px;   }

#header_map{ float:left; background-image: url(images/Banner_map.jpg); height:503; width:800px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; line-height:40px; padding-top:245px; text-align:center; padding-left:30px; padding-right:30px; }



#header_hdma{ float:left; background-image: url(images/banner_hdma.jpg); height:193; width:800px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; line-height:40px;  text-align:center; padding-left:30px; padding-right:30px;}





#header_productivity_power_pack{ float:left;background-image: url(images/productivity_power_pack.jpg); height:374; width:800px; background-repeat:no-repeat; background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#000; line-height:40px; padding-top:245px; text-align:center; padding-left:30px; padding-right:30px; float:left}


#bg_1 h1 {font-size:35px; color:red; line-height:55px;}
#bg_1 h2 {font-size:24px; color:black; line-height:40px;}
#bg_1 em {font-size:16px; color:#000; line-height:30px; font-family:verdana; font-weight:bold;}

#comment {width:450px; float:left; font-size:20px; color:black; line-height:20px; font-family:"Calibri (Body)"; text-align:left; color:#201f1f}
#comment_2 {width:338px; float:left; border:1px solid black; background-color:#735411; color:white; font-size:15px; text-align:left; padding:5px;}
#comment_2 h4 {color:red; padding:0px; margin:0px;}
#tab {width:800px; padding-left:30px; padding-right:30px;}
/* ---------- */

#com_ats {background-image: url(images/com_head.jpg); width:749px; margin-left:20px; height:25px; background-repeat:no-repeat; float:right;}
#com_tngh {background-image: url(images/com_bd.jpg); width:709px; padding-left:20px; margin-left:20px; text-align:left; padding-right:20px; background-repeat:repeat-y; float: right;}
#com_bwh {background-image: url(images/com_btm2.jpg); height:37px; width:749px; float:right; margin-left:20px;}

#colored_brain_head {background-image:url(images/i1.jpg); height:26px; width:749px; margin-left:20px;}
#colored_brain_bd {background-image:url(images/i2.jpg); width:709px; background-repeat:repeat-y; margin-left:20px; padding-left:20px; padding-right:20px;}
#colored_brain_btm {background-image:url(images/i3.jpg); height:22px; width:749px;}

#box_top { background-image: url(images/box_top.jpg); height:26px; width:400px; margin-right:50px;}
#box_bd { background-image:url(images/box_bd.jpg); width:400px; background-repeat:repeat-y; margin-right:50px;}
#box_tbm { background-image: url(images/box_tbm.jpg); height:44px; width:400px; margin-right:50px;}

#abu_top { background-image:url(images/abu_top.jpg); height:36px; width:800px; }
#abu_bd  { background-image:url(images/abu_bd.jpg); width:740px; background-repeat:repeat-y; height:auto;}
#abu_btm  { background-image:url(images/abu_btm.jpg); width:800px; height:54px;}

#cream_top { background-image: url(images/cream_top.jpg); height:39px; width:776px; }
.cobaradius {width:716px; height:80px; -moz-border-radius:20px; border:#000 1px solid;}
#cream_bd  { background-image: url(images/cream_body.jpg); width:716px; background-repeat:repeat-y; height:auto; }
#cream_btm  { background-image: url(images/cream_btm.jpg); width:776px; height:51px;}


#testi_top { background-image: url(images/testi_top.jpg); height:24px; width:335px; }
#testi_body  { background-image: url(images/testi_body.jpg); width:305px; background-repeat:repeat-y; height:auto; padding-left:15px; padding-right:15px; text-align: justify}
#testi_btm  { background-image: url(images/testi_btm.jpg); width:335px; height:50px;}
#testi_btm2  { background-image: url(images/testi_btm2.jpg); width:335px; height:50px;}


.new_font_monkey {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height:25px; text-align:justify;
}
#font_body_monkey {font-family: "Trebuchet MS"; font-size:14px; color: #000; line-height:25px; padding-left:50px; text-align:justify }

#font_body_monkey2 {font-family: "Trebuchet MS"; font-size:14px; color: #000; line-height:25px; text-align:justify; height: auto; padding-top:0px;}

#font_body_monkeykiri {font-family: "Trebuchet MS"; font-size:14px; color: #000; line-height:25px; padding-right:50px; padding-left:20px; text-align:justify; height: auto; padding-top:10px;}

#font_ii {font-family: Trebuchet MS; font-size:14px; color: #000; line-height:25px;text-align:justify; height: auto;}

#font_body {font-family: Trebuchet MS; font-size:14px; color: #000; line-height:25px; padding-left:50px; margin-right:50px; text-align:justify; height: auto;}

#font_body2 {font-family: Trebuchet MS; font-size:14px; color: #000; line-height:25px;  text-align:justify; height: auto;}

#font_bodyitalic {font-family: Trebuchet MS; font-size:12px; color: #000; line-height:25px; padding-left:50px; margin-right:50px; text-align:justify; height: auto; font-style:italic; text-align:left}


#font_bold {font-family: Trebuchet MS; font-size:16px; color: #000; line-height:25px; padding-left:50px; margin-right:50px; text-align:justify; font-weight:bold}

#font_body_italic {font-family: Trebuchet MS; font-size:16px; color: #000; line-height:25px; padding-left:50px; margin-right:50px; text-align:justify; font-style:italic}

#font_title {font-family: verdana; font-size:18px; color: #000; line-height:25px; padding-left:50px; margin-right:50px; text-align: center; }

#font_title_left {font-family: verdana; font-size:18px; color: #000; line-height:25px; padding-left:50px; margin-right:50px; text-align: left; }

#font_title_left_game{font-family: verdana; font-size:24px; color: #000; line-height:25px;text-align: left; }

#font_title_left_tm {font-family: "Times New Roman", Times, serif; font-size:18px; color: #000; line-height:25px; padding-left:50px; margin-right:50px; text-align: left; font-weight:bold }

#font_subtitle {font-family: verdana; font-size:14px; color: #000; line-height:25px; padding-left:50px; margin-right:50px; text-align:justify; font-weight:bold; }

#font_subtitle2 {font-family: verdana; font-size:14px; color: #000; line-height:25px;  margin-right:50px; text-align:justify; font-weight:bold; }

#font_judul {font-family: verdana; font-size:24px; color: #000; line-height:35px;   font-weight:bold;}
.font-all {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif,; font-size:12px; list-style-image:url(images/home1.png);
	
	}
	
	
/*---testi---*/
.testi-top {
	background-image:url(images/testi-top.jpg); width:780px; height:10px;}
.testi-body {
	background-image: url(images/testi-body.jpg); width:740px; background-repeat:repeat-y;
	padding:0 20px 0 20px;}
.testi-btm {
	background-image: url(images/testi-btm.jpg); width:780px; height:37px;}
		 
	/*--and-testi---*/



/* master learning dvds series */
.master-box {
	width:380px; height:200px; float:left;
	padding:0px 10px 0px 10px; margin:20px 0 0 0 ;
}
.master-dvd {
	width:120px; height:200px; float:left;
}
.master-txt {
	width:260px; height:200px; float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px; color:#000; text-align:justify;
}
.master-txt-head {
	font-family:Verdana, Geneva, sans-serif; font-weight:bold;
	font-size:14px; color:#000; text-align:justify;
}