/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font: 12px/1.5em Verdana, "Arial", Helvetica, sans-serif;
	background:url(images/top_tengah1.jpg) repeat-x;
}

div, p, h1, h2, h3, h4, ul, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

a {
	display:block; 
	color:#628dbc;
	font:12px/20px "Arial", Helvetica, sans-serif;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
	color:#FF0000;
	list-style-type: none;
	list-style-image: none;
}

#kulit {
	width: auto;
	margin: 0;
	padding: 0;
}
#kiri {
	width: auto;
	float: left;
	margin:0;
	padding:0;
}
#tengah {
	width: 47%;
	float: left;
	margin:0;
	padding:0;
	text-align: justify;
}
#kanan {
	width: auto;
	float: left;
	margin:0 0 0 10px;
	padding:0;
}

.clear {
	clear: both;
}

/*kiri*/
#kiri_atas {
	width: 318px;
	height: 315px;
	background:url(images/kiri.jpg) no-repeat top left;
}

#pic_kiri{
	width:250px;
	height:157px;
	position:absolute;
	top:324px;
	left:31px;
} 
/* tengah 
#tengah_atas {
	width:142px;
	height:56px;
	
	float:left;
	margin:0;
	padding:0;	
}*/


/*Left Panel */
#leftPan{top:100px; left:0px; padding:0px; margin:0 100px 0 100px;}
#leftPan1{top:100px; left:0px; padding:0px; margin:0 0 0 0;}
#leftmemberPan{width:250px; height:196px; margin:0 auto; padding:0; border:1px solid #c7e4f6; background:#fff; color:#000;background:}
#leftmemberPan1{width:250px; height:150px; margin:0 0 0 0; padding:0; background:#fff; color:#000;background:}
#leftmemberPan h2{height:48px; background:url(images/icon1.jpg) 0 0 no-repeat #fff; display:block; position:relative; padding:0 0 0 57px; margin:12px 0 20px 13px; font:16px/48px  Georgia,"Times New Roman", Times, serif; color:#5EA000; text-transform:uppercase;}
#leftmemberPan1 h2{height:40px; background:url(images/icon1.jpg) 0 0 no-repeat #fff; display:block; position:relative; padding:0 0 0 57px; margin:0px 0 0px 13px; font:16px/48px  Georgia,"Times New Roman", Times, serif; color:#5EA000; text-transform:uppercase;}

#leftmemberPan h2 span{background:#fff; color:#3D3C2C;}
#leftmemberPan1 h2 span{background:#fff; color:#3D3C2C;}
#leftPan form{width:240px; height:100px; background:#ecf5fc; padding:0; margin:0 0 0 6px; color:#333227;}
#leftPan1 form{width:240px; height:100px; background:#ecf5fc; padding:0; margin:0 0 0 6px; color:#333227;}

#leftPan form label{
	width:105px; display:block; float:left; padding:14px 15px 0 16px; 
	}
#leftPan1 form label{
	width:105px; display:block; float:left; padding:14px 15px 0 16px; 
	}

#leftPan form label.emailpadding{
	padding:2px 15px 0 16px;
	}
#leftPan1 form label.emailpadding{
	padding:2px 15px 0 16px;
	}
#leftPan form input{ float:left; display:block; width:100px; margin:14px 0 9px 0}
#leftPan1 form input{ float:left; display:block; width:100px; margin:14px 0 9px 0}

#leftPan form input.fieldpadding{
	margin:2px 0 9px 0;
}
#leftPan1 form input.fieldpadding{
	margin:2px 0 9px 0;
}

#leftPan form input.gobutton{float:right; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}
#leftPan1 form input.gobutton{float:right; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}

#leftPango{width:235px; height:25px; left:8px; border-top:1px solid #fff; background:#74a4d8; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;}
#leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#74a4d8;}
#leftPango p.textposition a:hover{text-decoration:underline; background:none;}
#leftPan form input.gobutton{
	float:right;
	border:none;
	width:45px;
	height:21px;
	display:block;
	margin:2px 0 0 0;
	padding:0 0 0 5px;
	text-decoration:none;
	color:#fff;
	font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:left;
	background-color: #3b6592;
}
#leftPango a:hover{ text-decoration:none; color:#fff;}


/* menu */
#about_us {
	position:absolute; 
	left:130px; 
	top:100px; 
}

#about_us a {
	display:block; 
	font:15px/20px "Arial", Helvetica, sans-serif;
	color:#3d726a;
	text-decoration:none;
}

#about_us a:hover {
	display:block; 
	color:#fc6c03; 
	text-decoration:none;}

#collections {
	position:absolute; 
	left:80px; 
	top:160px; 
}

#collections a {
	display:block; 
	font:15px/20px "Arial", Helvetica, sans-serif;
	color:#3d726a;
	text-decoration:none;
}

#collections a:hover {
	display:block; 
	color:#fc6c03; 
	text-decoration:none;}


#contact_us {
	position:absolute; 
	left:50px; 
	top:212px; 
}

#contact_us a {
	display:block; 
	font:15px/20px "Arial", Helvetica, sans-serif;
	color:#3d726a;
	text-decoration:none;
}

#contact_us a:hover {
	display:block; 
	color:#fc6c03; 
	text-decoration:none;}



/* flash bubble */
#b1 {
	position:absolute; 
	left:226px; 
	top:83px; 
	width:62px; 
	height:57px;
} 

#b2 {
	position:absolute; 
	left:186px; 
	top:153px; 
	width:55px; 
	height:52px;
} 

#b3 {
	position:absolute; 
	left:154px; 
	top:201px; 
	width:41px; 
	height:41px;
} 

/* content */

#content {
	width: 100%;
	margin:0;
	padding: 75px 0 0 0;
	background:url(images/top_tengah.jpg) no-repeat top left ;
}


/*kanan */
#kanan_atas {
	width:173px;
	height:166px;
	background:url(images/ribbon.jpg) no-repeat top right;
}

#kanan_atas li.onelink a {
	display:block;
	width:173px;
	height:20px;
	font:13px/20px "Arial", Helvetica, sans-serif;
	text-decoration:none;
	list-style-type: none;
	}
	
#kanan_atas ul li.onelink a:hover {
	text-decoration:none;
	color:#FF0000;
	list-style-type: none;
	list-style-image: none;

	}

#pic_kanan{width:200px; height:157px;position:absolute; top:170px; margin: 0 0 0 10px;} 


/* footer */

#main_footer{
	width:100%; 
	float:left; 
	background:url(images/bg.jpg) repeat-x #FFFFFF; 
	color:#ffffff;
	border-top:#ffffff 1px solid; margin:0px; padding:0px; 
}

#kiri_footer {
	width: 50%;
	float: left;
	margin:0 0 ;
	padding:0;
}

#kanan_footer {
	width: auto;
	float: right;
	margin:0 0 0 10px;
	padding:0;
}


#footer {
	position:relative;
	right:35%;
	width:427px;
	height:100px;
	background-image: url(images/bath_logo.jpg);
	/*width:530px; height:187px;
	margin:0 auto 0 auto; */
	}

#towel {
	position:relative;
	left:50%;
	width:160px;
	height:92px;
	background-image: url(images/towel.jpg); border: 1px none #000000;

}


/* hiasan */

#bubble1 {
	position:absolute; 
	left:40px; 
	top:350px; 
	width:77px; 
	height:61px; 
	background:url(images/bub.jpg) no-repeat top left;
	}
.classform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* email form */

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

/* frame */

.out {
  background:#c2c2c2; 
  display:block; 
  border:1px solid #c2c2c2; 
  position:relative;
  margin:1em 0;
  }
.in {

  background:#f3f3f3; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:39em;} /* change to suit */
.narrow1 {width:14em;} /* change to suit */
.narrow2 {width:22em;} /* change to suit */


h4 {font-weight:bold; color:#000;}.kecil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
.style2 {color: #f26522}