/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* - 0000000000000000000000000   MENGATUR KOP TABLE  0000000000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

tr.Baris1 {
border: 0px solid white;
vertical-align: top;
/*background-color: white;*/
}

tr.Baris2 {
border: 0px solid white;
/*background-color: white;*/
}

tr.Baris3 {
border: 0px solid white;
/*background-color: white;*/
}

td.Kolom1 {
	/*background-color: pink;*/
	width: 15%;
}

td.Kolom2 {
	/*background-color: blue;*/
	width: 85%;
}


td.Kolom1_TextCatagory {
height: 25px;	
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align: middle;	
}

div.TextCatagory{
	background-color: #F0FFF0    /*#00CC99*/;
	color: #333333;
	width: 180px;
	font-family: Geneva, Arial, helvetica, sans-serif;
	text-shadow:1px 1px 1px  #999999;
	/*color: #006600 ;*/
	padding: 4px;
	font-size:15px;
	font-weight: bold;
	white-space: nowrap;
	letter-spacing:1px;
	text-align: center;
	vertical-align: middle;
}


td.Kolom1MenuVertical {
	width: 15%;
	font-size:12px;
	font-weight: bold;
	
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	vertical-align: top;
}

Div.DivMenuVertical {
	border: 0px solid red;
	width: 100%;
	text-align: left;
	vertical-align: middle;
}

Div.TextJudul {
	background: grey;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	text-shadow: 2px 2px 2px #333333;
	color: white;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

a.MenuVertical:link {
	color: #666666;
	font-size:12px;
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	/*padding: 0.2em 0.6em;*/
	font-weight:bold;
	text-decoration: none;
	white-space: nowrap;
	line-height:200%;
	text-align: left;
	width: 100%;
}

a.MenuVertical:visited {
	color: #666666;
	font-size:12px;
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	/*padding: 0.2em 0.6em;*/
	font-weight:bold;
	text-decoration: none;
	white-space: nowrap;
	line-height:200%;
	text-align: left;
	width: 100%;
}

a.MenuVertical:active {
	color: #666666;
	background: Red;
	font-size:12px;
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	/*padding: 0.2em 0.6em;*/
	font-weight:bold;
	text-decoration: none;
	white-space: nowrap;
	line-height:200%;
	text-align: left;
	width: 100%;
}

a.MenuVertical:hover {
	color: White;
	background: Red;
	font-size:12px;
	text-decoration: none;
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight:bold;
	white-space: nowrap;
	text-align: left;
	width: 100%;
}

img.ImgCategory {
	width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px solid yellow;
    height: auto;
	text-align: center;
	vertical-align: middle;
}

img.ImgAmbience {
	width: 85%;
    margin: 0px;
    padding: 0px;
    border: 0px solid yellow;
    height: auto;
    width: 95%;
	text-align: center;
	vertical-align: middle;
}

p.PCopyright {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color:black;
	font-size:10px;
	letter-spacing:1px;
	text-align: center;
	vertical-align: middle;
}






/*===========================================================*/

div.DivTableCategoryTittle {

	border: 0px solid black;
	margin-left: auto;
    margin-right: auto;
	border:none;
	width: 95%;
	height: 1 px;
	padding:0 px;
}
table.TableCategoryTittle { /* border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="90%"*/

	border: 0px solid black;
	border: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align: middle;
}



td.TdCategoryTittleMETAL {
	background-color: #780000 ;
	/*border: 1px solid black;*/
	width: 20%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	text-shadow: 2px 2px 2px #333333;
	color: white;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdCategoryTittleWOOD {
	background-color: #CCB299 /*#996633*/ ;
	/*border: 1px solid black;*/
	width: 20%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	text-shadow: 2px 2px 2px #333333;
	color: white;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
td.TdCategoryTittleFABRIC {
	background-color: #483D8B ;
	/*border: 1px solid black;*/
	width: 20%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	text-shadow: 2px 2px 2px #333333;
	color: white;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
td.TdCategoryTittleSTONE {
	background-color: #696969 ;
	/*border: 1px solid black;*/
	width: 20%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	text-shadow: 2px 2px 2px #333333;
	color: white;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdCategoryTittle1 {
	background-color: White/*#999999*/;
	/*border: 1px solid black;*/
	width: 50%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	/*text-shadow: 1px 1px 1px #333333;*/
	color: grey;
	font-size: 25px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	
}	
td.TdCategoryTittle2 {
	/*background-color: grey;*/
	/*border: 1px solid black;*/
	width: 1%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
}

td.TdCategoryTittle3 {
	background-color: #999999;
	/*border: 1px solid black;*/
	width: 50%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	text-shadow: 2px 2px 2px #333333;
	color: white;
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}


/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000   MENGATUR KHUSUS index.htm  00000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */


img.ImgLogoIndex{
	/*border: 0px solid blue;*/
	margin-left: auto;
	margin-right: auto;
	width:50%;
	padding:0 px;
	spacing:0 px;
	text-align: center;
	vertical-align: middle;
}
img.ImgHandshakeIndex{
	/*border: 0px solid blue;*/
	margin-left: auto;
	margin-right: auto;
	width:35%;	
	padding:0 px;
	spacing:0 px;
	text-align: center;
	vertical-align: middle;
}
img.ImgGoalIndex{
	/*border: 0px solid blue;*/
	margin-left: auto;
	margin-right: auto;
	width:50%;	
	padding:0 px;
	spacing:0 px;
	text-align: center;
	vertical-align: middle;
}
img.ImgGreenLivingIndex{
	/*border: 0px solid blue;*/
	margin-left: auto;
	margin-right: auto;
	width:70%;
	padding:0 px;
	spacing:0 px;
	text-align: center;
	vertical-align: middle;
}




table.TablePokokIndex { /* border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="90%"*/

	/*border: 2px solid black;*/
	border: none;
	width: 90%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align: middle;
}
td.TdIsiIndex {
	/*background-color: #999999;*/
	/*border: 1px solid black;*/
	width: 70%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0.5px;
	line-height:150%;
}
td.TdJarakIndex {
/*border: 1px solid red;
background-color: yellow;*/
width: 1%;
}

td.KolomMenuHorizontalIndex {
/*border: 1px solid pink;
background-color: #999999;*/
width: 40%;
text-align: center;
}

td.KolomMenuIndex {
width: 30%;
text-align: center;
}

td.KolomCategoryIndex {
/*border: 1px solid green;*/
/*background-color: #999999;*/
width: 25%;
text-align: center;
vertical-align: top;
margin-top: 0;
margin-bottom: 0;
}

td.KolomCategoryPicture {
/*border: 1px solid green;*/
/*background-color: #FAEBD7;*/
width: 10%;
text-align: left;
vertical-align: top;
margin-top: 0;
margin-bottom: 0;
}

td.KolomCategoryText{
/*border: 1px solid green;*/
/*background-color: #FAEBD7;*/
width: 20%;
text-align: center;
vertical-align: top;
margin-top: 0;
margin-bottom: 0;
}

Div.DivCategoryPicture{
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	vertical-align: top;
	line-height:100%;
	width:100%;
}
Div.DivCategoryText{
background-color: #CEC3B8;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	vertical-align: top;
	line-height:100%;
	width:100%;
	line-height:130%;
}

Div.DivCategoryText:hover{
background-color:#9D8771;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	vertical-align: top;
	line-height:100%;
	width:100%;
	line-height:130%;
}


table.TableCategoryIsiIndex{
	border: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align: middle;

}

td.TableCategoryIsiIndex{
/*border: 1px solid pink;
background-color: #999999;*/
width: 50%;
text-align: center;
}

img.ImgCategoryIndex{
	/*border: 0px solid blue;*/
	margin-left: auto;
	margin-right: auto;
	Height: 200px;
	width:100%;
	/*max-width: 150px;
	/*max-height: 200px;*/
	padding:0 px;
	spacing:0 px;
}

img.ImgPDFdownload{
	/*border: 0px solid blue;*/
	margin-left: auto;
	margin-right: auto;
	width:25%;
	/*max-width: 150px;
	/*max-height: 200px;*/
	padding:0 px;
	spacing:0 px;
}

img.ImgRecycleIndex{
	/*border: 0px solid blue;*/
	margin-left: auto;
	margin-right: auto;
	width:50%;
	/*max-width: 150px;
	/*max-height: 200px;*/
	padding:0 px;
	spacing:0 px;
}


Div.DivCopyright{
	margin-top: 0;
	margin-bottom: 0;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: Black;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0.5px;
	line-height:100%;
}

a.PMerah {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color:#800000;
	font-size:12px;
	letter-spacing:1px;
	text-align: center;
	vertical-align: middle;
}

a.PHijau {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color:#008000;
	font-size:12px;
	letter-spacing:1px;
	text-align: center;
	vertical-align: middle;
}

a.PPutih {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: white;
	font-size:12px;
	letter-spacing:1px;
	text-align: center;
	vertical-align: middle;
}

a.POrange {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: Orange;
	font-size:12px;
	letter-spacing:1px;
	text-align: center;
	vertical-align: middle;
}


a.MenuCategory:link,a.MenuCategory:visited,a.MenuCategory:active {
	color: White;
	/*background-color: #B0C4DE /*#00CC99*/;
	font-size: 16px;
    text-align: center;
	padding: 3px 8px;
	font-family:  Calibri, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0;
	white-space: nowrap;
	text-shadow: 2px 2px 2px #333333;
	
}

a.MenuCategory:hover {
	color: White;
	/*background-color: white /*#00CC99*/;
	font-weight:bold;
	font-size: 16px;
    text-align: center;
	padding: 3px 8px;
	font-family:  Calibri, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0;
	white-space: nowrap;
	text-shadow: 2px 2px 2px #333333;
}
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000   MENGATUR KHUSUS Group.htm  00000000000000000000000 */
/* 000000000000000000000000000000000000000000000000000000000000000000000000000000 */

table.TableGroup{
	border: none;
	width: 80%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align: middle;

}

td.Td1{
width: 2%;
text-align: left;
}

td.Td2{
width: 9%;
text-align: left;
}

td.Td3{
width: 1%;
text-align: left;
}

td.Td4{
width: 34%;
text-align: left;
}

td.Td5{
width: 20%;
text-align: left;
}

td.Td6{
width: 5%;
text-align: left;
}

img.LogoPartner{
	width:200px;
	margin-left: auto;
	margin-right: auto;
	padding:0 px;
	spacing:0 px;
	text-align: center;
	vertical-align: middle;
}
img.ImagePartner{
	width:300px;
	margin-left: auto;
	margin-right: auto;
	padding:0 px;
	spacing:0 px;
	text-align: center;
	vertical-align: middle;
}
img.TombolVisit{
	width:120px;
	margin-left: auto;
	margin-right: auto;
	padding:0 px;
	spacing:0 px;
	text-align: center;
	vertical-align: middle;
}
a.TextPartner{
	font-size: 14px;
    text-align: center;
	padding: 3px 8px;
	font-family:  Verdana, Geneva, Arial, helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 0;
	white-space: nowrap;
}

a.TextCopyRight{
	font-size: 11px;
    text-align: center;
	padding: 3px 8px;
	font-family:  Verdana, Geneva, Arial, helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 0;
	white-space: nowrap;
}

img.ImageCopyright{
	width:150px;
	margin-left: auto;
	margin-right: auto;
	padding:0 px;
	spacing:0 px;
	text-align: center;
	vertical-align: middle;
}

p.ContactUs{
	color: black;
	/*font-weight:bold;*/
	font-size: 25px;
    text-align: right;
	padding: 3px 8px;
	font-family: Arial, helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 0;
	white-space: nowrap;
	margin-left: auto;
	margin-right: auto;
	/*text-shadow: 2px 2px 2px #333333;*/

}


Div.DivPageTittle {
	border: 0px solid red;
	/*background-color: green;*/
	width: 95%;
	height:1%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align: top;
}

td.TdPageTittle1 {
	background-color: #696969 ;
	/*border: 1px solid black;*/
	width: 20%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	text-shadow: 2px 2px 2px #333333;
	color: white;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
	
td.TdPageTittle2 {
	background-color: #696969 ;
	/*border: 1px solid black;*/
	width: 60%;
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Trebuchet MS, Verdana, Arial;
	text-shadow: 2px 2px 2px #333333;
	color: white;
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	
	}

@keyframes fadey { 
0% { opacity: 0; }
15% { opacity: 1; }
85% { opacity: 1; }
100% { opacity: 0; }
}

figure#slideshow { width: 90%; margin: 0 auto; position: relative; }
figure#slideshow img {
 position: absolute; left: 0; top: 0;
 width: 100%; height: auto; opacity: 0;
}

figure#slideshow img:first-child { position: relative; }

table.TableAmbienceZoom {
	/*border: 1px solid green;*/
	background-color:grey;
	width: 90%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align: top;
}

table.TableDetail {
	/*border: 1px solid green;*/
	/*background-color:grey;*/
	width: 95%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	vertical-align: top;	
}

a.DetailProduct{
	font-size: 15px;
    text-align: center;
	padding: 3px 8px;
	font-family:  Verdana, Geneva, Arial, helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 0;
	white-space: nowrap;
}