body {margin:0;}
h1 {font-family: 'Didact Gothic', sans-serif; font-size: 3em; margin-bottom: 0;}
p {font-family: 'Cantata One', serif; color: #666666; line-height: 27px;}
.header {z-index:9;width:510px;height:125px;position:absolute;top:0;left:70px}
.content {z-index:3;width:50%; height:400px; position:absolute; top:50%; left:50%; margin:-300px auto auto -25%; text-align:center; display:table;}
.gambar {z-index:1;width:100%;height:100%;position:absolute;bottom:0}
.footer {z-index:10;width:100%;height:42px;position:absolute;bottom:0;}
.innercontent {display:table-cell;vertical-align:middle;text-shadow: 0 0 10px #FFF}

#canvas {background:#FFF;width:100%;height:100%;position:relative}
#halaman  {background:#FFF;width:100%;height:100%;position:relative;margin:0 auto;}
#canvas .page{width:100%; height:100%; background: #FFF url(images/logobelakang.gif);}

/* #slideshow { margin: 0 auto; width: 100%; height: 100%; position: relative;}
#slideshow div { width: 100%; height: 100%;  }
#slideshow img { margin-left: 0; display: block; } */

#slideshow { width: 100%; height: 100%; }
#slideshow div {background-color: transparent; background-repeat: no-repeat; background-position: center center;left:-50px;position:relative;}

#hal1 .gambar { 	z-index:1;background: #FFF }
#hal2 .gambar { 	z-index:1;background: #FFF url(images/globe.jpg) no-repeat center bottom; }
#hal3 .gambar {  z-index:1;background: #FFF url(images/aboutus.jpg) bottom center no-repeat; }
#hal4 .gambar { 	z-index:1;background: #FFF url(images/product.jpg) bottom center no-repeat; }
#hal5 .gambar { 	z-index:1;background: #FFF url(images/ourcommitment.jpg) bottom center no-repeat; }
#hal6 .content {width:100%; height:100%; background:#FFF; top:0%; left:0%;margin:0}

.tabs {font-family: 'Cantata One', serif;/* position: absolute;	text-align: center;	 */background: ;height: 42px;width: 760px;bottom: 0; /* left: -68px */ margin: auto}
.tabs img {cursor: pointer;z-index:999}
.right {bottom: 10px;position: relative;width: 656px;float: right;right: 0; background: url(images/menukosong.png) no-repeat center center; display: block;}
/* .right > a {padding-right: 35px;text-decoration: none;color: #000;font-weight: bold;font-size: 10pt; position: relative; bottom: -15px; right: -100px;} */
.right > div a {text-decoration: none;color: #000;font-weight: bold; right: -10px;}
.right > div {
    float: left;
    font-size: 8pt;
    left: 5px;
    padding-left: 5px;
    padding-right: 13px;
    position: relative;
    top: 15px;
}
.imgcommitment { position: absolute; width: 100%; margin: -10px 20px 0 20px; }
.imgcommitment img { margin: auto 14px; }
#map_canvas{padding-top: 50px;width:100%;height: 70%;position: absolute;bottom: 0;}
#txtcontent h2 {font-size: 14pt;float: left;margin: 0;}
.alamat {clear: both;position: relative;text-align: left;}
.teks.ourcommitment {left: -26%;position: relative;width: 150%;}

@media only screen and (orientation:portrait){
	#slideshow { margin: 0 25px; width: 760px; position: absolute; left: -35%; top: 10%}
	#slideshow div { width: 100%; height: 100%;  }
	#slideshow div img { margin: auto; display: block }
	.content {z-index:3;width:65%; height:400px; position:absolute; top:50%; left:43%; margin:-300px auto auto -25%; text-align:center; display:table;}
	#hal2 .gambar { 	z-index:1;background: #FFF url(images/globe.jpg) no-repeat center bottom; }
	#hal3 .gambar {  z-index:1;background: #FFF url(images/aboutus.jpg) bottom center no-repeat; }
	#hal4 .gambar { 	z-index:1;background: #FFF url(images/product.jpg) bottom center no-repeat; }
	#hal5 .gambar { 	z-index:1;background: #FFF url(images/ourcommitment.jpg) bottom center no-repeat; }
	.imgcommitment { position: absolute; width: 100%; margin: -25px 20px 0 20px; }
	.imgcommitment img { margin: auto 10px; }
	#map_canvas{width:100%; height: 70%;position: absolute;bottom: 0;padding-top:135px;}
	.tabs {font-family: 'Cantata One', serif;/* position: absolute;	text-align: center;	 */background: ;height: 42px;width: 660px;bottom: 0; /* left: -68px */ margin: auto}
	.tabs img {cursor: pointer;}
	.right {bottom: 10px;position: relative;width: 556px;float: right;right: 0; background: url(images/menu3b.png) no-repeat center center; display: block;}
	.right > div a {padding-right: 35px;text-decoration: none;color: #000;font-weight: bold;font-size: 10pt; position: relative; bottom: -15px; right: -15px;float:left;}
}