body {
	margin:0px, 0px, 0px, 0px;
	background-image:url(images/Background_gradasi.jpg);
	background-position:center;
}
.scroll {
	scrollbar-3dlight-color:#795600;
	scrollbar-arrow-color:#ffffff;
	scrollbar-base-color:#B8884A;
	scrollbar-darkshadow-color:#B8884A;
	scrollbar-face-color:#795600;
	scrollbar-highlight-color:#B8884A;
	scrollbar-shadow-color:#795600;
	scrollbar-track-color:#B8884A; 
}

.form {
border:#D5BDA1 1px solid;}
.formB {
border:#E6D1A6 1px solid;;}

.bgProduk {
	background-color: #FFFFFF;
}

.MenuProduk {
background:url(images/bg_product_menu.jpg);
background-position:center;}

.paddingConten {
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#483828;
	text-align:left;}
	
.paddingContact {
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CC9900;
	text-align:left;}
	
	
.content2 {
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:left;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
	
.content {
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B8884A;
	text-align:left;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
	
.JudulHalaman {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#7D6F54;
	}

.ling a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FF9900;
	}	
	
	
.Spek {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C19F75;
	}
.JudulSpek {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#483828;
	}
.default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-decoration: none;
}
#cpyright {
	position:absolute;
	left:50%;
	margin-left:-240px;
	margin-top:340px;
	top:50%;
	width:200px;
	height:10px;
	z-index:6;
}
#imgHome {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-229px;
	margin-top:-195px;
	width:658px;
	height:481px;
	z-index:10;

}

#imgHome2 {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-229px;
	margin-top:-195px;
	width:658px;
	height:481px;
	z-index:10;
	background-color:#D5BDA1
}


#logo {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-310px;
	margin-left:-470px;
	width:189;
	height:50px;
	z-index:7;
}

#mainsite {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-255px;
	margin-left:-470px;
	width:940px;
	height:560px;
	z-index:4;
	background-color: #D5BB9A;
}
#mainsiteIns {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-245px;
	margin-left:-460px;
	width:920px;
	height:538px;
	z-index:5;
	background-image:url(images/bg_main.jpg);
}

#ornamentBg {
	position:absolute;
	right:367px;
	top:-41px;
	width:484px;
	height:499px;
	z-index:1;
}
#mainIndex1 {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-475px;
	margin-top:-345px;
	width:950px;
	height:690px;
	z-index:4;
	background-color: #D5BB9A;
}
#mainIndex {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-465px;
	margin-top:-335px;
	width:930px;
	height:670px;
	z-index:5;
	background-color: #FFFFFF;
}

.MainMenu {
	padding-bottom:10px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7D6F54;
	text-decoration:none;
}
.MainMenuSelect {
	padding-bottom:10px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:80%;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#F37A21;
}
.MainMenuSelectdua {
	padding-bottom:10px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:80%;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#FFF77D;
}
.MainMenu:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483828;
	font-weight:bold;
	text-decoration:none;
}
.MainMenu:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483828;
	font-weight:bold;
	text-decoration:none;
}


.SubMenuSelect {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483828;
	padding-bottom:3px;
	padding-top:3px;
	background-color:#F37A21;
	text-decoration:none;
}
.SubMenuSelectdua {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483828;
	padding-bottom:3px;
	padding-top:3px;
	background-color:#FFF77D;
	text-decoration:none;
}
.SubMenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483828;
	padding-bottom:3px;
	padding-top:3px;
	text-decoration:none;
}
.SubMenu:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483828;
	text-decoration:none;
}
.SubMenu:hover {
	color:#FFFFFF;
	background-color:#F37A21;
	text-decoration: none;
}

.page {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483828;
	text-decoration:none;
}

.page:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483828;
	text-decoration:none;
}

.page:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#993300;
	text-decoration:none;
}

.page:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#33FF00;
	text-decoration:none;
}

.page:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	text-decoration:none;
}

#thumbs {
	position:absolute;
	z-index:99;
	overflow: scroll;
	height:130px;
	top: 50%;
	margin-top:-65px;
	left: 50%;
	margin-left: -324px;
	width: 648px;
}
#contact {
	position:absolute;
	z-index:100;
	left:50%;
	top:50%;
	margin-top:130px;
	margin-left:-450px;
	width:212px;
	height:155px;

}
#contentImage {
	position:absolute;
	z-index:110;
	left:50%;
	top:50%;
	width:648px;
	margin-left:-230px;
	height:258px;
	margin-top:-200px;

}
#content {
	position:absolute;
	z-index:125;
	left:50%;
	top:50%;
	width:648px;
	margin-left:-230px;
	height:200px;
	margin-top:75px;
	bordercolor:#D5BB9A;
	border:2;
}
#imageDetail {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-100px;
	margin-left:205px;
	width:210px;
	height:250px;
	z-index:1001;
}


#imageDetail2 {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-100px;
	margin-left:205px;
	width:210px;
	height:250px;
	z-index:1003;
}


#showImage {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-185px;
	margin-left:-220px;
	width:433px;
	height:320px;
	z-index:180;
}

#imageTransparant {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-187px;
	margin-left:-224px;
	width:650px;
	height:325px;
	z-index:1002;
	background:url(images/back2.png);
	
}

#editImage {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:150px;
	margin-left:-224px;
	width:645px;
	height:125px;
	z-index:1003;
	padding:2px;
	overflow: auto;
}
.border_pannel {
border:#D5BB9A 1px solid;
}





/* css untuk scroll ada dibawah */

div#scrollbar1, div#scrollbar2, div#scrollbar3 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn  { 
  position:relative; 
  width:220px; height:150px; 
  overflow:hidden;
  }
div#wn2	{ 
	position:relative; 
	width:166px; height:166px; 
	overflow:hidden;
	}
  
div#scrollbar1 { 
  position:relative;
  width:11px; height:150px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:126px;
  background: #336;
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }  

/* vertical scrollbar for wn2 */    
div#scrollbar2 { 
  position:relative;
  width:11px; height:140px; 
  font-size:1px;
  }
div#track2 { 
  position:absolute; left:0; top:12px;
  width:11px; height:116px;
  background: #336;
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
div#up2 { position:absolute; left:0; top:0; }  
div#down2 { position:absolute; left:0; bottom:0; } 
  
/* Horizontal scrollbar for wn2 */  
div#scrollbar3 { 
  position:relative;
  width:130px; height:11px;
  font-size:1px;
  }
div#track3 { 
  position:absolute; left:12px; top:0;
  width:106px; height:11px; 
  background: #336;
  }
div#dragBar3 {
  position:absolute; left:1px; top:1px;
  width:20px; height:9px; 
  background-color:#ceced6;
  }  
div#left3 { position:absolute; left:0; top:0; }  
div#right3 { position:absolute; right:0; top:0; }


/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1,
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
div#scrollbar3, div#track3, div#dragBar3, div#up3, div#down3
    {
    -moz-user-select: none;
    -khtml-user-select: none;
    }


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar1 img, div#scrollbar2 img, div#scrollbar3 img {
    display:block; 
    } 

.style4 {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}

#OurProductText {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-187px;
	margin-left:-224px;
	padding:10px;
	width:630px;
	height:305px;
	z-index:1002;
	background:url(images/back2.png);
	
}
#greeting{position:absolute; width:193px; height:55px; top:50%; left:50%; margin-left:30px; margin-top:-27px; z-index:100;}