html {
	margin : 0;
	padding : 0;
	font : 75% helvetica, "Trebuchet MS", arial, sans-serif;
	height:100%;
}

body {
	margin:0; 
	padding:0; 
}

ul{
	list-style-type:none
}

h3{
	font:Elephant;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}

.tebel{
	font-weight:bold;
}

.left {
	width:auto;
	float: left;
}

.right {
	width:auto;
	float: right;
}

.clear {
	clear: both;
}

.center{
	text-align:center;
}

.spasi{
	height:1px;
}

.spasi2{
	height:30px;
}

.spasi3{
	height:1px;
	clear:both;
}

#layout {
	margin: auto;
	width: 970px;
	height: auto;
}


#logoutama{
	float:left;
	margin:15px 0 0 20px;
	width: 206px;
	height: 93px;
	display:inline;
}

#logoutama2{
	float:left;
	margin:15px 0 0 0;
	width: 206px;
	height: 93px;
	display:inline;
}

#logoutama2 img{
	border:0;
}


#logoutama img{
	border:0;
}

/* Page */

/* Isi */

#galeri{
	margin-top:3px;
	position:absolute;
	width:970px;
	height:584px;
	background:url(images/img1.jpg) no-repeat;
	z-index:-2;
}

#galeri2{
	margin-top:3px;
	position:absolute;
	width:970px;
	height:584px;
	background:url(images/img2.jpg) no-repeat;
	z-index:-2;
}

#galeri3{
	margin-top:3px;
	position:absolute;
	width:970px;
	height:584px;
	background:url(images/img3.jpg) no-repeat;
	z-index:-2;
}

#galeri4{
	margin-top:3px;
	position:absolute;
	width:970px;
	height:584px;
	background:url(images/img1.jpg) no-repeat;
	z-index:-2;
}

#galeri5{
	margin-top:3px;
	position:absolute;
	width:970px;
	height:584px;
	background:url(images/img082.jpg) no-repeat;
	z-index:-2;
}

#galeri6{
	margin-top:3px;
	position:absolute;
	width:970px;
	height:584px;
	background:url(images/img2.jpg) no-repeat;
	z-index:-2;
}


#gamabar{
	margin-top:5px;
	width:970px;
	height:580px;
}

	#isi{
		margin:40px 0 0 20px;
		width:930px;
		height:410px;
	}
	
	#isi2{
		margin:5px 0 0 20px;
		width:930px;
		height:410px;
	}
	
		#isi_left{
		float:left;
		height:380px;
		width:410px;
		padding:20px;
		font:Calibri;
		font-size:12px;
		font-style:normal;
		background-color: rgba(255, 255, 255, .6);
		}
		
		#isi_left ul{
		list-style:circle;
		font-weight:bold;
		}
		
		#isi_left ul li{
		height:20px;
		}
		
		#isi_left ul a{
		color:#333333;
		text-decoration:none;
		}
		
		/*Work Batik*/
		#isi_left2{
		float:left;
		height:380px;
		width:410px;
		padding:20px;
		font:Calibri;
		font-size:12px;
		font-style:normal;
		background-color: rgba(255, 255, 255, .6);
		}
		
		#isi_left2 ul{
		list-style:circle;
		}
		
		#isi_left2 ul a{
		color:#333333;
		text-decoration:none;
		}
		
		#isi_right2{
		float:right;
		height:380px;
		width:430px;
		padding:20px;
		background-color: rgba(255, 255, 255, .6);
		}
		
		#isi_right2 ul{
		list-style:circle;
		}
		
		#isi_right2 ul a{
		color:#333333;
		text-decoration:none;
		}
		
		/*--------------------*/
		/*Link*/
		#isi_left3{
		float:left;
		height:380px;
		width:410px;
		padding:20px;
		font:Calibri;
		font-size:12px;
		font-style:normal;
		background-color: rgba(255, 255, 255, .6);
		}
		
		#isi_left3 ul{
		list-style:inside;
		}
		
		#isi_left3 ul a{
		color:#333333;
		}
		
		#isi_left3 ul li{
		padding-top:5px;
		}
		
		#isi_right3{
		float:right;
		height:380px;
		width:430px;
		padding:20px;
		background-color: rgba(255, 255, 255, .6);
		}
		
		#isi_right3 ul{
		list-style:disc;
		}
		
		#isi_right3 ul a{
		color:#333333;
		text-decoration:none;
		}
		
		#isi_right3 ul li{
		padding-top:5px;
		}
		
		/*--------------------*/
		#isi_right{
		float:right;
		height:380px;
		width:430px;
		padding:20px;
		background-color: rgba(255, 255, 255, .6);
		}
		
			.isi_image{
			width:174px;
			height:112px;
			margin:0 0 0 30px;
			float:left;
			}
			
			.isi_image img{
			border:none;
			}
			
			/*ISI Fasilitas*/
			.isi_image2{
			width:100px;
			height:118px;
			margin:0 0 0 6px;
			float:left;
			}
			
			.isi_image2 img{
			border:none;
			}
			
			.isi_image3{
			width:100px;
			height:90px;
			margin:0 0 0 6px;
			float:left;
			}
			
			.isi_image3 img{
			border:none;
			}
			
			/*Pix*/
			.isi_image4{
			width:174px;
			height:132px;
			margin:0 0 0 24px;
			float:left;
			}
			
			.isi_image4 img{
			border:none;
			}
			
			/*JC*/
			.isi_image5{
			width:120px;
			height:110px;
			margin:0 0 0 6px;
			float:left;
			}
			
			.isi_image5 img{
			border:none;
			}
			
			/*Work*/
			.isi_image6{
			width:174px;
			height:172px;
			margin:0 0 0 25px;
			float:left;
			}
			
			.isi_image6 img{
			border:none;
			}
			

/* Menu */

#menu {
	float:right;
	width: 724px;
	height: 42px;
	margin:60px 20px 0 0;
	background-color: rgba(255, 255, 255, .5);
	display:inline;
}


#menu ul {
	margin: 0;
	margin-top:5px;
	padding-left: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	width:auto;
	display: block;
	float: left;
	height: 45px;
	margin-left: 0px;
	padding: 11px 12px 0 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color:#333333;
}

#menu a:hover {
	height: 60px;
	color: #b34a00;
}

#menu .active a {
	border:none;
	font-weight: bold;
	color: #b34a00;
}

#menu ul li ul{
	position:absolute;
	top:470px;
	left:30%;
	width:600px;
	display:none;
}

#menu .active3 a{ 
	color: #b34a00;
}

#menu .active4{ 
	color: #b34a00;
}

#menu ul li ul li a{
	color:#FFFFFF;
}

#menu ul li ul.workshop{
	position:absolute;
	top:470px;
	left:37%;
	display:none;
}

#menu ul li ul.workshop2{
	position:absolute;
	top:470px;
	left:37%;
	display: block;
}

#menu ul li ul.agenda{
	position:absolute;
	top:470px;
	left:43%;
	display:none;
}

#menu ul li ul.agenda2{
	position:absolute;
	top:470px;
	left:43%;
	display: block;
}

#menu ul li ul.jc{
	position:absolute;
	top:470px;
	left:40%;
	display:none;
}

#menu ul li ul.jc2{
	position:absolute;
	top:470px;
	left:40%;
	display: block; 
}

#menu ul li:hover ul { 
	display: block; 
}



#menu ul li ul.active2{ 
	position:absolute;
	display: block;
	top:470px;
	left:30%;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}

#menu ul li ul.od{ 
	top:470px;
	left:30%;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}

#menubatik li{
margin-top:20px;
list-style:none;
}

#menubatik a.satu{
background:url(images/icon_mn_textile.jpg) no-repeat;
padding:10px 0 10px 45px;
font-size:15px;
}

#menubatik a.dua{
background:url(images/icon_mn_bowl.jpg) no-repeat;
padding:10px 0 10px 45px;
font-size:15px;
}

#menubatik a.tiga{
background:url(images/icon_mn_container.jpg) no-repeat;
padding:10px 0 10px 45px;
font-size:15px;
}

#menubatik a.empat{
background:url(images/icon_mn_aromatherapy.jpg) no-repeat;
padding:10px 0 10px 45px;
font-size:15px;
}

#menubatik a.lima{
background:url(images/icon_mn_decoration.jpg) no-repeat;
padding:10px 0 10px 45px;
font-size:15px;
}

#menubatik a.enam{
background:url(images/icon_mn_candle.jpg) no-repeat;
padding:10px 0 10px 45px;
font-size:15px;
}

#menubatik a:hover{
color:#660020;
}

/* Comentar */
#isi_com{ 
  		height:380px; 
		width:890px;
		padding:20px;
		font:Calibri;
		font-size:12px;
		font-style:normal;
		background-color: rgba(255, 255, 255, .6);
}

#bates{
		height:355px;
		min-height:355px;  
  		height:auto !important; 
}

.comment{
width:400px;
height:auto;
margin:15px 10px 15px 10px;
}

#nav{
clear:both;
text-align:right;
}

#nav a{
padding:5px;
}

/* footer */

#footer {
	clear:both;
	margin-top:1px;
	height:5px;
	text-align:center;
	font:Arial;
	font-size:10px;
	font-style:normal;
}

#footer a{
	color:#aab6b8;
}

/* maps */

#isi_maps{
		height:380px;
		width:890px;
		padding:20px;
		font:Calibri;
		font-size:12px;
		font-style:normal;
		background-color: rgba(255, 255, 255, .5);
}

#err{
		width:250px;
		height:30px;
		color:#000000;
		font-size:12px;
		font-weight:bold;
		padding:10px;
}


#tab-container-1-nav {
	padding-top: 9px;
	padding-left: 0px;
	list-style: none;
	
}

#tab-container-1-nav li {
	display: inline;
}

#tab-container-1-nav a {
	width:auto;
	display: block;
	float: left;
	height: 17px;
	margin-left: 1px;
	padding: 5px 12px 0 12px;
	stext-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
	background-color: rgba(255, 255, 255, .5);
}

#tab-container-1-nav a:hover {
	border-color: #FEDA8D;
	color: #000000;
}

#tab-container-1-nav .active {
	height: 20px;
	margin-top: -3px;
	border-bottom: none;
	font-weight: bold;
	color: #000000;
	background-color: rgba(255, 255, 255, .6)
}

#tab-container-1{
clear:both;
}