/*gondowangi new css by fanani */

@import "dropdown.css";
@import "ddmenu.css";

body{
	padding:0px;
	margin:0px;
	/*background:#95a5be;*/
	background:#96aac2;
	text-align:center;
	/*font-family:arial,tahoma,verdana;*/
	font-family:"verdana",arial,Helvetica,tahoma;
	font-size:12px;
	height:300px;
	color:#6a7653;
	/*border:1px solid #f00;*/
}

body #wrap{
	height:100%;
	/*border:1px solid #0f0;*/
}

#wrap {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	/*border:1px solid #f00;*/
}
.clear{
	clear:both;
}

a:link, a:visited{
	color:#009900;
	text-decoration:underline;
}
a:hover{
	color:#CC9900;
	text-decoration:none;
}

#wrap #backtop {
	height:130px;
	width:1024px;
	background:url(../images/backtop.jpg) no-repeat;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0px;
	/*border:1px solid #00f;*/
}
#wrap #backmid {
	/*height:100%;*/
	width:1024px;
	background:url(../images/backmid.jpg) repeat-y;
	padding-left:10px;
	/*border:1px solid #0ff;*/
}
#wrap #backbot {
	height:150px;
	width:1024px;
	background:url(../images/backbot.jpg) no-repeat;
	padding:10px;
	/*border:1px solid #ff0;*/
}
#logo{
	float:left;
	background:url(../images/logo.gif) no-repeat;
	width:146px;
	height:85px;
	margin-top:25px;
	margin-left:30px;
}
#headflash {
	width:1004px;
	height:187px;
	padding-top:20px;
	/*background-color:#000000;*/
	/*z-index:99;*/
	/*opacity:0.3;*/
}
#content{
	width:1004px;
	margin-top:20px;
	line-height:17px;
}
#contentl{
	float:left;
	width:660px;
	/*border:1px solid #0f0;*/
}
#contentr{
	float:right;
	width:340px;
	/*border:1px solid #00f;*/
}
#page-content{
	width:950px;
	margin:auto;
}
#headb{
	position:relative;
	height:100px;
	/*border:1px solid #f00;*/
}
#headb .head-b{
	background:transparent url('../images/head-b.png') no-repeat scroll 0 0;
	display:block;
	width:212px;
	height:51px;
	left:-11px;
	top:0px;
	position:absolute;
	padding:30px 20px 0px 30px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	font-family:"times new roman", verdana;
	/*border:1px solid #f00;*/
}
#headb .head-a{
	background:transparent url('../images/head-a.png') no-repeat scroll 0 0;
	display:block;
	width:273px;
	height:51px;
	left:-11px;
	top:0px;
	position:absolute;
	padding:30px 20px 0px 28px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	font-family:"times new roman", verdana;
	/*border:1px solid #f00;*/
}
#headb .head-bm{
	background:url('../images/head-bs_01.png') repeat-x scroll 0 0;
	height:42px;
	left:0px;
	top:12px;
	padding:8px 0px 10px 255px;
	position:absolute;
	vertical-align:middle;
}
#headb .head-consul{
	/*background:url('../images/head-bs_01.png') repeat-x scroll 0 0;*/
	height:42px;
	left:0px;
	top:0px;
	padding:8px 100px 10px 300px;
	position:absolute;
	vertical-align:middle;
}
#headb .head-am{
	background:url('../images/head-bs_01.png') repeat-x scroll 0 0;
	height:42px;
	left:0px;
	top:12px;
	padding:8px 0px 10px 321px;
	position:absolute;
	vertical-align:middle;
}
#headb .head-br{
	background:url('../images/head-bs_02.png') no-repeat scroll 0 0;
	width:48px;
	height:60px;
	right:0px;
	top:12px;
	position:absolute;
}
#headb .headb-sub{
	line-height:42px;
	color:#fff;
	font-size:18px;
	font-family:"times new roman", verdana;
}
.subcon{
	margin-top:55px;
	font-weight:bold;
}
.headcon{
	position:absolute;
	width:310px;
}
.headcon .headcon-l{
	background:url(../images/hconsul_l.png) no-repeat;
	top:0px;
	left:0px;
	width:14px;
	height:42px;
	position:absolute;
	/*border:1px solid #00f;*/
}
.headcon .headcon-m{
	background-image:url(../images/hconsul_m.png);
	top:0px;
	left:14px;
	right:15px;
	height:42px;
	width:281px;
	position:absolute;
	line-height:42px;
	/*border:1px solid #f00;*/
}
.headcon .headcon-r{
	background:url(../images/hconsul_r.png) no-repeat;
	top:0px;
	right:0px;
	width:15px;
	height:42px;
	position:absolute;
	/*border:1px solid #0f0;*/
}
#box-l-top{
	width:660px;
}
.boxmid{
	/*background:url(images/box-back.png);*/
	position:relative;
	height:100%;
}
#box-l-top .boxmid .boxmidmid{
	/*background:url(../images/box-back.gif);*/
	left:17px;
	right:17px;
	top:0px;
	position:relative;
	height:100%;
	width:626px;
	/*border:1px solid #0f0;*/
}
#box-l-top .boxmidmid .content{
	/*padding-left:15px;*/
	padding-right:10px;
	width:616px;
}
#box-l-left .boxmidmid .content, #box-l-right .boxmidmid .content{
	/*padding-left:15px;*/
	padding:0px 10px 0px 10px;
	width:300px;
}
#box-l-left .boxmidmid .content, #box-l-right .boxmidmid .content{
	height:100px;
}
#box-r-top .boxmidmid .content, #box-r-bottom .boxmidmid .content{
	/*padding-left:15px;*/
	padding:0px 10px 0px 10px;
	width:300px;
}
#box-r-top{
	margin-bottom:20px;
}
#box-r-bottom .boxmidmid{
	/*height:300px;*/
}
.boxmid .boxmidleft{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background:transparent url(../images/box-l.png) repeat-y scroll 0 0;
	left:0px;
	display:block;
	position:absolute;
	top:0px;
	width:17px;
	/*height:100%;*/
	/*border:1px solid #f00;*/
}
.boxmid .boxmidright{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background:transparent url(../images/box-r.png) repeat-y scroll 0 0;
	right:0px;
	display:block;
	position:absolute;
	top:0px;
	width:17px;
	/*height:100%;*/
	/*border:1px solid #f00;*/
}
.boxtop{
	/*background:url(images/box-top.png) repeat-x scroll 0 0;*/
	position:relative;
	height:53px;
}
.boxtopleft{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background:transparent url(../images/box-ltop.png) no-repeat scroll 0 0;
	left:0;
	display:block;
	position:relative;
	top:0;
	height:40px;
	width:253px;
	text-align:center;
	font-size:13px;
	/*font-weight:bold;*/
	font-family:"times new roman",verdana,tahoma;
	color:#ffffff;
	padding-top:13px;
	/*z-index:10;*/
}
.boxtopright{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background:transparent url(../images/bunga.png) no-repeat scroll 0 0;
	right:0;
	display:block;
	position:absolute;
	top:0;
	height:53px;
	width:70px;
}
.boxtopmid{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background:transparent url(../images/box-top.png) repeat-x scroll 0 0;
	right:70px;
	left:253px;
	display:block;
	position:absolute;
	top:0;
	height:53px;
}
.boxbot{
	position:relative;
	height:100%;
}
.boxbot .boxbotleft{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background:transparent url(../images/box-lbot.png) no-repeat scroll 0 0;
	left:0px;
	top:0px;
	width:22px;
	height:12px;
	position:absolute;
}
.boxbot .boxbotmid{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background:transparent url(../images/box-bot.png) repeat-x scroll 0 0;
	height:12px;
	left:17px;
	top:0px;
	right:70px;
	position:absolute;
}
.boxbot .boxbotright{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background:transparent url(../images/box-rbot.png) no-repeat scroll 0 0;
	width:70px;
	height:12px;
	right:0px;
	top:0px;
	position:absolute;
}
#contentl #box-l-left{
	float:left;
	/*border:1px solid #f00;*/
	width:320px;
	/*height:200px;*/
	margin-top:30px;
	margin-bottom:30px;
}
#contentl #box-l-right{
	float:right;
	/*border:1px solid #f00;*/
	width:320px;
	/*height:200px;*/
	margin-top:30px;
	margin-bottom:30px;
}

/* box no head */
#box-fasilitas{
	position:relative;
	height:100%;
}
#box-fasilitas-2{
	position:relative;
	height:100%;
}
.boxnohtop{
	height:16px;
	position:relative;
}
.boxnohtop .left{
	background:transparent url(../images/boxnoh-01.png) no-repeat scroll 0 0;
	display:block;
	width:18px;
	height:16px;
	left:0px;
	top:0px;
	position:absolute;
}
.boxnohtop .mid{
	background:transparent url(../images/boxnoh-02.png) repeat-x scroll 0 0;
	display:block;
	height:16px;
	left:18px;
	right:19px;
	top:0px;
	position:absolute;
	/*border:1px solid #f00;*/
}
.boxnohtop .right{
	background:transparent url(../images/boxnoh-03.png) no-repeat scroll 0 0;
	display:block;
	width:19px;
	height:16px;
	right:0px;
	top:0px;
	position:absolute;
}
.boxnohmid{
	position:relative;
}
.boxnohmid .left{
	background:transparent url(../images/boxnoh-04.png) repeat-y scroll 0 0;
	display:block;
	width:18px;
	left:0px;
	top:0px;
	position:absolute;
}
.boxnohmid .mid{
	/*background:transparent url(../images/boxnoh.png);*/
	display:block;
	left:18px;
	right:19px;
	top:0px;
	position:relative;
}
.boxnohmid .right{
	background:transparent url(../images/boxnoh-05.png) repeat-y scroll 0 0;
	display:block;
	width:19px;
	right:0px;
	top:0px;
	position:absolute;
}
.boxnohbot{
	position:relative;
	height:18px;
}
.boxnohbot .left{
	background:transparent url(../images/boxnoh-06.png) no-repeat scroll 0 0;
	display:block;
	width:18px;
	height:18px;
	left:0px;
	top:0px;
	position:absolute;
}
.boxnohbot .mid{
	background:transparent url(../images/boxnoh-07.png) repeat-x scroll 0 0;
	display:block;
	height:18px;
	left:18px;
	right:19px;
	top:0px;
	position:relative;
}
.boxnohbot .right{
	background:transparent url(../images/boxnoh-08.png) no-repeat scroll 0 0;
	display:block;
	width:19px;
	height:18px;
	right:0px;
	top:0px;
	position:absolute;
}
/***************/

/*menu style */
#menu{
	font-family:"times new roman",arial,tahoma;
}
#menu{
	/*width:1004px;*/
	height:86px;
	z-index:99;
}
#menushadow{
	background:url(../images/menushadow.png) no-repeat;
	height:12px;
	/*width:1004px;*/
}
a.menuhome{
	background-image:url(../images/menu_01.png);
	display:block;
	width:100px;
	height:86px;
	/*behavior: url(/iepngfix/iepngfix.htc);*/
}
a.menuhome:hover{
	background-image:url(../images/menu_a_01.png);
	display:block;
	width:100px;
	height:86px;
	/*behavior: url(/iepngfix/iepngfix.htc);*/
}
a.menuhome-active{
	background-image:url(../images/menu_a_01.png);
	display:block;
	width:100px;
	height:86px;
	/*behavior: url(/iepngfix/iepngfix.htc);*/
}
a.menuhome-active:hover{
	background-image:url(../images/menu_a_01.png);
	display:block;
	width:100px;
	height:86px;
}

/******* menu brand ************/
.dirbrand{
	background-image:url(../images/menu_02.gif);
	display:block;
	width:93px;
	height:86px;
}
.dirbrand-active{
	background-image:url(../images/menu_a_02.gif);
	display:block;
	width:93px;
	height:86px;
}
ul.dropdown li.menubrand:hover > .dirbrand{
	background-image:url(../images/menu_a_02.gif);
	display:block;
	width:93px;
	height:86px;
}
a.dropmenubrand{
	background-image:url(../images/dropmenu.gif);
	height:18px;
	display:block;
	width:127px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
a.dropmenubrand:hover{
	background-image:url(../images/dropmenu_a.gif);
	height:18px;
	display:block;
	width:127px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
a.dropmenubrand-b{
	background-image:url(../images/dropmenu_b.png);
	height:29px;
	display:block;
	width:140px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
a.dropmenubrand-b:hover{
	background-image:url(../images/dropmenu_ab.png);
	height:29px;
	display:block;
	width:140px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
/****************************/

/******** menu profile *********/
.dirprofile{
	background-image:url(../images/menu_03.png);
	display:block;
	width:165px;
	height:86px;
}
.dirprofile-active{
	background-image:url(../images/menu_a_03.png);
	display:block;
	width:165px;
	height:86px;
}
ul.dropdown li.menuprofile:hover > .dirprofile{
	background-image:url(../images/menu_a_03.png);
	display:block;
	width:165px;
	height:86px;
}
a.dropmenuprofile{
	background-image:url(../images/dropmenu.png);
	height:18px;
	display:block;
	width:140px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
a.dropmenuprofile:hover{
	background-image:url(../images/dropmenu_a.png);
	height:18px;
	display:block;
	width:140px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
a.dropmenuprofile-b{
	background-image:url(../images/dropmenu_b.png);
	height:29px;
	display:block;
	width:140px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
a.dropmenuprofile-b:hover{
	background-image:url(../images/dropmenu_ab.png);
	height:29px;
	display:block;
	width:140px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
/****************************/

/********* menu bussines ******/
.dirbussines{
	background-image:url(../images/menu_06.png);
	display:block;
	width:222px;
	height:86px;
}
.dirbussines-active{
	background-image:url(../images/menu_a_06.png);
	display:block;
	width:222px;
	height:86px;
}
ul.dropdown li.menubussines:hover > .dirbussines{
	background-image:url(../images/menu_a_06.png);
	display:block;
	width:222px;
	height:86px;
}
a.dropmenubussines{
	background-image:url(../images/dropmenup.png);
	height:18px;
	display:block;
	width:200px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
a.dropmenubussines:hover{
	background:url(../images/dropmenup_a.png);
	height:18px;
	display:block;
	width:200px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
a.dropmenubussines-b{
	background-image:url(../images/dropmenup.png);
	height:29px;
	display:block;
	width:200px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
a.dropmenubussines-b:hover{
	background-image:url(../images/dropmenup_a.png);
	height:29px;
	display:block;
	width:200px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color:#4d4d4d;
}
/****************************/


a.menuconsul{
	background-image:url(../images/menu_04.png);
	display:block;
	width:143px;
	height:86px;
}
a.menuconsul-active{
	background-image:url(../images/menu_a_04.png);
	display:block;
	width:143px;
	height:86px;
}
a.menuconsul:hover{
	background-image:url(../images/menu_a_04.png);
	display:block;
	width:143px;
	height:86px;
}
a.menucontact{
	background-image:url(../images/menu_05.png);
	display:block;
	width:125px;
	height:86px;
}
a.menucontact-active{
	background-image:url(../images/menu_a_05.png);
	display:block;
	width:125px;
	height:86px;
}
a.menucontact:hover{
	background-image:url(../images/menu_a_05.png);
	display:block;
	width:125px;
	height:86px;
}

a.menucomunity{
	background-image:url(../images/menu_07.png);
	display:block;
	width:165px;
	height:86px;
}
a.menucomunity-active{
	background-image:url(../images/menu_a_07.png);
	display:block;
	width:165px;
	height:86px;
}
a.menucomunity:hover{
	background-image:url(../images/menu_a_07.png);
	display:block;
	width:165px;
	height:86px;
}
#tools{
	width:970px;
	/*border:1px solid #f00;*/
}
#search{
	float:right;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#7ea2af;
	width:327px;
	/*border:1px solid #f00;*/
}
#search .fill{
	float:left;
	background-image:url('../images/searchfill.gif');
	background-repeat:no-repeat;
	background-position:right; 
	height:24px;
	width:300px;
	text-align:right;
	padding-top:4px;
	/*border:1px solid #f00;*/
}
#search .fill .txt{
	background-color:#fff;
	width:215px;
	border:none;
}
#search .button{
	float:right;
}
#search .button .btn{
	border:none;
	width:27px;
	height:28px;
	background: transparent url('../images/searchbutton.gif') no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
#language{
	float:left;
	width:220px;
	height:20px;
	text-align:left;
	padding-left:25px;
	font-size:12px;
	/*border:1px #f00 solid;*/
}
/*language button*/
.ina{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background: url(../images/indonesia.png);
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
}
.eng{
	/*behavior: url(/iepngfix/iepngfix.htc) ;*/
	background: url(../images/english.png);
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
}
/*
#language a{
	text-decoration:none;
	border:none;
	vertical-align:bottom;
}
*/

.pro-box {}
.pro-box .arrow
{
	position:absolute;
	width:40px;
	height:25px;
	margin: 325px 20px 0px 400px;
	/*border:1px solid #00f;*/
}

.pro-box .arrow .kiri
{
	float:left;
	top:0;
	right:0;
	background:url(../images/kiri01.png) no-repeat;
	width:14px;
	height:21px;
	/*border:1px #f00 solid;*/
}
.pro-box .arrow .kiria
{
	float:left;
	top:0;
	right:0;
	background:url(../images/kiri02.png) no-repeat;
	width:14px;
	height:21px;
	/*border:1px #0f0 solid;*/
}
.pro-box .arrow .kanan
{
	float:right;
	top:0;
	right:0;
	background:url(../images/kanan01.png) no-repeat;
	width:14px;
	height:21px;
	/*border:1px #0f0 solid;*/
}
.pro-box .arrow .kanana
{
	float:right;
	top:0;
	right:0;
	background:url(../images/kanan02.png) no-repeat;
	width:14px;
	height:21px;
	/*border:1px #0f0 solid;*/
}

.brand-text{
	margin-left:20px;
	float:left;
	width:471px;
	text-align:justify;
	line-height:17px;
	/*font-size:14px;*/
}
.title-content{
	font-size:14px;
	letter-spacing:2px;
	text-transform:uppercase;
}
.content p {
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	text-align:justify;
	text-indent:50px;
}
.content h3{
	padding:0px 0px 10px 0px;
	margin:0px;
}
a.linkconform:link, a.linkconform:visited{
	z-index:1;
	position:relative;
	text-decoration:underline;
	color:#6a7653;
}
.con-top-box{
	background: url(../images/con-top.png);
	width:659px;
	height:48px;
	padding:20px 40px 10px 40px;
	color:#000;
}
.con-mid-box{
	background: url(../images/con-mid.gif) repeat-y;
	width:659px;
	/*height:1000px;*/
	padding:0px 40px 0px 40px;
	margin:0px;
	color:#fff;
	font-weight:bold;
}
.con-bot-box{
	background: url(../images/con-bot.png);
	width:739px;
	height:88px;
}
a.lbusiness:link, a.lbusiness:visited{
	color:#fff;
	text-decoration:none;
}
a.lbusiness:hover{
	color:#fff;
	text-decoration:underline;
}
.logo-naturwhite{
	background:url(../images/natur-white/natur-white.png) no-repeat;
	width:281px;
	height:189px;
}
.logo-manila{
	background:url(../images/manila/manila.png) no-repeat;
	width:358px;
	height:152px;
}
.logo-hikaru{
	background:url(../images/hikaru/hikaru.png) no-repeat;
	width:344px;
	height:161px;
}
.logo-megumi{
	background:url(../images/megumi/megumi.png) no-repeat;
	width:295px;
	height:130px;
}
.logo-miyagi{
	background:url(../images/miyagi/miyagi.png) no-repeat;
	width:253px;
	height:164px;
}
.logo-azalea{
	background:url(../images/azalea/azalea.png) no-repeat;
	width:420px;
	height:180px;
}
.pointer{
	cursor:pointer;
}
.original-brand{
	background:url(../images/original-brand.png) no-repeat;
	width:330px;
	height:365px;
	margin:auto;
	/*border:1px solid #ff0;*/
}