/* CSS RESET */
@import url("reset.css");
@import url("redefine.css"); 

/* REUSABLE CLASS*/
@import url("reusable.css"); 

body{
	margin:0;
	padding:0;
}

.clearboth{
	clear:both;
}

.white{background-color:#fff;padding:20px; color:#000000;}
#content .dark-bg .white h3{color: #000000;
font-size:1.3em;}
.img-left {
float:left;
margin:0 24px 24px 0;
}
/* FRONT PAGE */

#header {height:105px;padding-top:20px;background:white;font-size:11px; }
#outer-wrap {background:white url('../images/bg-outer.png') top left repeat-x;display:block;position:absolute;height:154px;width:100%;z-index:-10;}
#front-wrap {width:900px;margin:auto;}
#logo {width:164px;height:81px;	display:block;position:relative;background:url('../images/logo.png') top left no-repeat;}
	#logo a {display:block;width:164px;height:81px;}
	#logo em {display:none;}
#header-wrap {margin:0px 0px 0px 453px;}
#group-links {padding:0px 0px 10px 0px;color:#929292;}	
	#group-links a{margin-right:24px;}		
	#group-links a.last{margin-right:0px;}		
	#group-links a img{height:40px;}	
	#search-block-form {padding-top:10px;}
	#subscribe{float:right;}	
	#subscribe form{display:block;float:left;}	
	#subscribe-wrap{margin-top:10px;color:#82bee2;position:absolute;}	
	input{border:1px solid #6c6c6c;width:150px;color:#6c6c6c;padding:3px;margin:0px;}
	
	
	
#top-menu {background:#57b3f0 url('../images/topmenu-bg.png') top left repeat-y;width:900px;height:29px;}
	#top-menu ul#ul-top-menu {list-style-type:none;margin:0px;padding:0px;}
	#top-menu ul#ul-top-menu li{display:inline;margin:0px;padding:0px;}	
	#top-menu ul#ul-top-menu li a {margin:0px 65px 0px 15px}	
	#top-menu ul#ul-top-menu li a em{display:none}	
	#top-menu ul#ul-top-menu li a:link, #top-menu ul#ul-top-menu li a:hover, #top-menu ul#ul-top-menu li a:visited {color:#595959;font-family:Arial,Tahoma,Verdana;font-weight:bold;padding:0px;float:left;display:block;text-decoration:none;line-height:24px;}
	#top-menu ul#ul-top-menu li a.selected:link, #top-menu ul#ul-top-menu li a.selected:hover, #top-menu ul#ul-top-menu li a.selected:visited {background:url("../images/menu-selected-bg.png") top left repeat-x;height:24px;display:block;float:left;}
	#top-menu ul#ul-top-menu li a#topmenu-home {background:url('../images/topmenu-home.png')center left no-repeat;width:45px;height:29px;display:block;}
	#top-menu ul#ul-top-menu li a#topmenu-home.selected {background:url('../images/topmenu-home-active.png')center left no-repeat;}
	#top-menu ul#ul-top-menu li a#topmenu-happenings {background:url('../images/topmenu-happenings.png')center left no-repeat;width:93px;height:29px;display:block;}
	#top-menu ul#ul-top-menu li a#topmenu-happenings.selected {background:url('../images/topmenu-happenings-active.png')center left no-repeat;}
	#top-menu ul#ul-top-menu li a#topmenu-promo {background:url('../images/topmenu-promo.png')center left no-repeat;width:58px;height:29px;display:block;}
	#top-menu ul#ul-top-menu li a#topmenu-promo.selected {background:url('../images/topmenu-promo-active.png')center left no-repeat;}
	#top-menu ul#ul-top-menu li a#topmenu-diary {background:url('../images/topmenu-diary.png')center left no-repeat;width:44px;height:29px;display:block;}
	#top-menu ul#ul-top-menu li a#topmenu-diary.selected {background:url('../images/topmenu-diary-active.png')center left no-repeat;}
	#top-menu ul#ul-top-menu li a#topmenu-directory {background:url('../images/topmenu-directory.png')center left no-repeat;width:83px;height:29px;display:block;}
	#top-menu ul#ul-top-menu li a#topmenu-directory.selected {background:url('../images/topmenu-directory-active.png')center left no-repeat;}
	#top-menu ul#ul-top-menu li a#topmenu-customerservice {background:url('../images/topmenu-customerservice.png')center left no-repeat;width:144px;height:29px;display:block;margin-right:0px;}
	#top-menu ul#ul-top-menu li a#topmenu-customerservice.selected {background:url('../images/topmenu-customerservice-active.png')center left no-repeat;}

#load{
	background-color:#F7F7F7;
}

.png{
	width:50px
}

#main-area {margin-top:2px;}
#text-content{width:450px;height:670px;display:block;float:left;padding:0px;margin:0px;overflow:hidden;}
	
	
	
	
	#text-content2{width:320px;height:567px;display:block;float:left;padding:0px;margin:0px;overflow:hidden;background-color:#CDCDCD;}
		/*#promo {width:450px;height:315px;padding:10px 10px 10px 20px;margin:0px;overflow:hidden;}*/
			
			.big{font-size:40px;line-height:40px;}
			.medium{font-size:20px;line-height:20px;}
			.small{font-size:14px;line-height:14px;}
			
			.blue{color:#3fa2eb}			
			.orange{color:#ffbf06}	
			.grey{color:#8b8579}				
			
			
				
		#happenings {width:450px;padding:10px 10px 20px 20px;margin:0px;overflow:hidden;font-size:14px;}
			#happenings a:link, #happenings a:visited {color:#69d6ff;font-weight:bold;text-decoration:none;font-size:14px;}
			#pscroller1{width: 350px;height: 200px;border: none;padding: 0px;color:white}
				
	#poster {width:450px;height:670px;display:block;padding:0px;margin:0px;overflow:hidden;}
		#poster {visibility:hidden;}
	#poster2 {width:578px;height:612px;display:block;padding:0px;margin:0px;overflow:hidden;background-color:#3d3d3d}
	#detail-poster {width:578px;height:206px;display:block;padding:0px;margin:0px;overflow:hidden;background-color:#3d3d3d;}
	#gambar-atas{width:362px;float:left;
	/*background:#3d3d3d url('../images/bg-store.jpg') top left no-repeat;*/
	}
	#gambar-atas #marquee{width:240px;height:123px;padding-top:10px;padding-left:20px;margin-left:20px;margin-right:20px;padding-right:20px;}
	#gambar-atas .pointer{padding-top:10px;padding-left:20px;margin-left:20px;margin-right:20px;}
	#gambar-atas #marquee img,#gambar-atas .pointer img{margin-left:5px;margin-right:5px;}
	.lantai{margin-top:-65px;color:#857250;font-size:14px;width:150px;position:relative;text-align:center;margin-left:280px;}
	.lantai p{color:#FFFFFF;padding:0;margin:0;padding:0;font-size:15px;}
	
	/*#promo-atas{width:320px;height:330px;background-color:#CDCDCD;padding:0px;margin:0px;overflow:hidden;}*/
	.tai{width:320px;height:360px;background-color:#f0eae1;padding:0px;margin:0px;display:block;}
	#logo-barang{
		text-align:center;
		margin-top:90px;
	}
	
	
	
	h1{
		color:#0098c7;
		font-size:20px;
	}
	
	/*#promo-bawah{
		width:320px;
		height:230px;
		background-color:#CDCDCD;
		padding:0px;
		margin:0px;
		display:block;
	}*/
	
	#detail-wrap{
		text-align:justify;
		margin-left:20px;
		overflow:auto;
		height:230px;
		padding-right:20px;
		width:280px;
	}
	#detail-wrap li{list-style-type: disc; }
	
	#footer{
	text-align:left;
	margin-top:25px;
	width:900px;
	font-size:11px;
}
#footer-image{
	margin-left:50px;
}

#footer-text{
	margin-top:25px;
	margin-bottom:25px;
}

#footer-image img{
	text-align:center;
	float:left;
	margin-left:25px;
	margin-right:25px;
}

	
		
.tombol{
		width:60px;
		padding:2px;
		color:#FFFFFF;
		background-color:#6c6c6c;
		margin-left:-3px;
}

#content-kiri{
	float:left;
	width:252px;
	background-color:#cdcdcd;
	height:576px;
}

#content-tengah{
	float:left;
	width:307px;
	height:576px;
	background-color:#3d3d3d;

}

#content-tengah ul{
	color:#f2f2f2;
	padding:0;
	margin:0;
	position:relative;
}

#content-tengah ul li{
	height:28px;
	padding-left:15px;
	text-align:left;
	line-height:28px;
	width:290px;
	background:#3D3D3D url('../images/garis-bawah.jpg') bottom left repeat-x;
}

#content-tengah ul li span{
	width:70px;
	background-color:#242424;
	color:#e1e1e1;
	margin-left:222px;
	display:block;
	height:27px;
	text-align:center;
}

#content-tengah ul li a{
	color:#e1e1e1;
	text-decoration:none;
	width:235px;
	display:block;
	height:28px;
	float:left;
}

#content-kanan{
	float:left;
	width:340px;
}




#content-kiri ul{
	padding:0;
	list-style-type:none;
}

#content-kiri ul li{
	padding-left:24px;
	text-align:left;
	line-height:24px;
	overflow:hidden;
}

#content-kiri ul li a{
	color:#6f6f6f;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:4px;
}

#content-kiri ul .selected{
	background-color:#999999;
	color:white;
}

#content-kiri ul .selected a:link, #content-kiri ul .selected a:visited{
	color:white;
}

ul{
	list-style-type:none;
}

.temp_img{
	display:none;
}

.panah-bawah{
	position:absolute;
	top:585px;
	display:block;
	background:#3D3D3D url('../images/panah-bawah.jpg') top center no-repeat;
	width:305px;
	height:9px;
}

.panah-bawah em{
	display:none;
}

.panah{
	height:10px;
	width:44px;
	display:block;
	
	margin-left:60px;
}

#bats{
	width:170px;
	height:308px;
	overflow:hidden;
	position:absolute;
}

#bats ul{
	position:relative;
}

.atas{
	background:url('../images/panah_atas.png') top left no-repeat;
}

.bawah{
	background:url('../images/panah_bawah.png') top left no-repeat;
	margin-top:308px;
}

.panah em{
	display:none;
	
}

.panah-atas{
	position:absolute;
	top:30px;
	display:block;
	background:#3D3D3D url('../images/panah-atas.jpg') top center no-repeat;
	width:305px;
	height:9px;
}

.panah-atas em{
	display:none;
}

.kode{
	background-color:#8f8371;
	color:#b3a99a;
	display:block;
	height:28px;
}

td {
	padding:5px;
	
}

#happening-kiri
{
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	overflow:hidden;
	width:175px;
	height:400px;
	background: #6d6d6d;
}

#happening-kiri ul
{
	padding-top:6px;
}

#happening-kiri li
{
	font-size:16px;
	font-weight:bold;
	color:#444;
	margin:10px 0px 0px 30px;
	width:200px;
}

#happening-kiri li.select,li.select
{
	border-bottom:#dddddd 1px solid;
	color:#dddddd;
}

#happening-kanan{
	display:block;
	height:380px;
	overflow:auto;
	width:710px;
	padding-right:20px;
	padding-left:20px;
	padding-top:20px;
	text-align:justify;
	background-color:#f7f7f7;
}

#happening-kanan #dt
{
	color:#cccccc;
	width:75px;
	float:left;
	padding-top:10px;
	text-align:center;
}

#happening-kanan #info_happenings
{
	
	padding-left:10px;
	border-left:#cccccc 1px solid;
}

#happening-kanan #happening-with-scroll 
{
	/*margin-top:10px;*/
	padding-left:25px;
	padding-right:15px;
	height: 223px;
	width: 320px;
}

#happening-kanan #diary-with-scroll 
{
	/*margin-top:10px;*/
	padding-left:25px;
	padding-right:15px;
	height: 180px;
	width: 250px;
}
	
.list-happening{
	float:left;
	width:260px;
	margin:10px;
	background:url("../images/garis-vertical.jpg") top right repeat-y;
	padding-right:20px;
	font-size:11px;
}
	.list-happening p.title a:link, .list-happening p.title a:visited {font-size:13px;font-weight:bold;color:black}

.no-border{
	background-image:none;
}

.title{
	color:#0098c7;
	padding:0px;
	margin:0px;
	
}

.garis{
	background:url("../images/garis.jpg") top left no-repeat;
	display:block;
	width:900px;
	height:2px;
	clear:both;
}

#bulan{
	
}


.bulan{
	float:right;
	font-size:16px;
	margin-left:20px;
	display:block;
	width:150px;
	height:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

#bulan-wrap{
	width:900px;
	height:40px;
}

#garis-atas{
	display:block;
	width:900px;
	background:url("../images/garis-horizontal1.jpg") top left no-repeat;
	height:1px;
}

#garis-bawah{
	display:block;
	width:900px;
	background:url("../images/garis-horizontal2.jpg") bottom left no-repeat;
	height:1px;
}

.sekarang{
	background-color:#f5f5f5;
	float:right;
	font-size:16px;
	margin-left:20px;
	display:block;
	width:150px;
	height:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

/*.promo{
	float:left;
	width:297px;
	background-color:#373737;
	margin-right:3px;
	text-align:justify;
}


#promo-bottom-left{
	float:left;
	width:447px;
	background-color:#373737;
	text-align:justify;
	margin-top:3px;
	display:block;
	margin-right:3px;
}

#promo-bottom-right{
	float:left;
	width:447px;
	background-color:#373737;
	text-align:justify;
	margin-top:3px;
	display:block;
	margin-right:0px;
}

.bottom-promo{
	background-color:#373737;
	width:900px;
	display:block;
	min-height:100px;
}
.promo-wrap{
	padding:15px;
}
*/
.last{
	margin-right:0px;
}

ul{
	/*padding-left:15px;*/
}

/*.wrap-promo{
	font-size:60px;
	padding-top:40px;
	padding-left:40px;
	color:#FFFFFF;
	position: absolute;
	width: 398px;
	height:60px;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
  opacity: 0.5;
}*/

.happening-month-title {
	display:block;
	width:900px;
	height:100px;
	}
	
h2#title-diary{	
	background:url('../images/title-diary.png') top left no-repeat;
	display:block;
	width:900px;
	height:100px;
	margin:0px;
}
	h2#title-diary em {display:none}

#customer{
	display:block;
	width:900px;
	height:101px;
	background:url('../images/title-customer-service.png') top left no-repeat;
	border-bottom:solid 1px #cdd2d7;
}

#happening-01{background:url('../images/bulan_01.png') top left no-repeat;}

#happening-02{background:url('../images/bulan_02.png') top left no-repeat;}

#happening-03{background:url('../images/bulan_03.png') top left no-repeat;}

#happening-04{background:url('../images/bulan_04.png') top left no-repeat;}

#happening-05{background:url('../images/bulan_05.png') top left no-repeat;}

#happening-06{background:url('../images/bulan_06.png') top left no-repeat;}

#happening-07{background:url('../images/bulan_07.png') top left no-repeat;}

#happening-08{background:url('../images/bulan_08.png') top left no-repeat;}

#happening-09{background:url('../images/bulan_09.png') top left no-repeat;}

#happening-10{background:url('../images/bulan_10.png') top left no-repeat;}

#happening-11{background:url('../images/bulan_11.png') top left no-repeat;}

#happening-12{background:url('../images/bulan_12.png') top left no-repeat;}

#block-contact{
	background-color:#f0f0f0;
}

#form-contact{
	padding-top:20px;
	background-color:#f0f0f0;
	margin-left:207px;
	padding-bottom:20px;
}

.Button{
	background-color:#6C6C6C;
	color:#FFFFFF;
	margin-left:-3px;
	padding:2px;
	
}

label.error{
	color:red;
	padding-left:10px;
}

.tanggal{
	margin-top:2px;
	float:left;
	width:106px;
	padding-top:25px;
	
	height:197px;
	border-right:solid 1px #e7e7e7;
	
}

.tanggal .news-tanggal{
	font-size:25px;
	color:#a7a7a7;
	margin-top:10px;
}

.tanggal .news-bulan{
	font-weight:bold;
}

.news{
	float:left;
	width:300px;
	padding:25px 20px 0px 15px;

}

.news .judul-news{
	color:#63b8f1;
	font-weight:bold;
}


.gambar-news{
	float:left;
	width:320px;
	margin-top:20px;
	margin-left:10px;
}

.gambar-news img{
	border:3px solid #d8cab2
}

.block-news{
	width:900px;
	height:224px;
	display:block;
}

#block-contact .block-news .tanggal{padding-left:100px}

.garis-horizontal{
	background:#f0f0f0 url('../images/garis-horizontal.jpg') top left no-repeat;
	width:900px;
	height:3px;
}

#diary-bawah{
	margin-top:-17px;
	background:url('../images/diary-bawah.jpg') top left no-repeat;
	display:block;
	width:900px;
	height:100px;
}

.tanggal-detail{
	float:left;
	display:block;
	width:205px;
	text-align:center;
	padding-top:30px;
}

.news-detail{
	padding-top:10px;
	padding-left:10px;
	margin-left:205px;
	width:650px;
	border-left-color:#E7E7E7;
	border-left-style:solid;
	text-align:justify;
}
.title-news{
	margin-top:10px;
	font-weight:bold;
	color:#63B8F1;
	font-size:25px;
}

.news-tanggal{
	font-size:25px;
	color:#a7a7a7;
}

.news-bulan{	
	font-weight:bold;
}

.required{
	color:#b09464;
}

.where{
	color:#b4b4b4;
	float:right;
	font-size:25px;
	margin-right:30px;
	margin-top:20px;
/*	padding-top:60px;
	padding-left:60px;
*/}

.we{
	color:#afafaf;
	font-size:15px;
	padding-left:75px;
}

.plaza{
	color:#a29783;
	padding-top:30px;
	padding-left:60px;
}

.ground{
	color:#FFFFFF;
	font-size:15px;
	padding-left:65px;
}

.peta-bottom{
	height:217px;
	display:block;
	margin-top:-5px;
	width:154px;
	margin-left:185px;
}

.map-bottom{
	width:341px;
	height:217px;
	display:block;
	background-color: #131313;
	background-image:url(../images/bg_directory_location_bottom.jpg);
background-repeat:no-repeat;
}

/*#title-promo {
	background:transparent url(../images/title-promo.png) no-repeat scroll left top;
	display:block;
	height:100px;
	width:900px;
}

#title-promo em{display:none}*/


@charset "UTF-8";

* {margin: 0; padding: 0;}

html, body, #page {height: 100%;}

body > #page {height: auto; min-height: 100%;}


/*body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	}*/

img, img a {border: none;}

a { color:#00A4DD; text-decoration: none}	
a:hover {color: #CC6600; text-decoration: underline;}

#page {
	background: url(../images/bg_page.png) repeat-x;
	}
	
#top, #footer {
	width: 968px;
	margin: 0 auto;
	}
	
#logo {
	float: left;
	height: 90px;
	width: 224px;
	background: url(../images/bg_logo.gif) no-repeat;
	}
	
	#logo h1 strong {display: none;}
	
#sister-company {
	float: left;
	height: 52px;
	}
	
	#sister-company img {margin: 8px 12px;}
	
#search {
	float: right;
	/*width: 262px;*/
	height: 36px;
	margin-top: 12px;
	background: url(../images/bg_search.gif) no-repeat;s
	}
	
#search input, #search button {
	border: none;
	background: none;
	height: 18px;
	}
	
#search input {
	color: #889495;
	float: left;
	padding:  6px;
	width: 180px;
	}
	
#search button {
	float: left;
	width: 80px;
	cursor: pointer;
	}
	
#search button strong {display: none;}
	
#menu {
	float: left;
	padding-top: 3px;
	}
	
#menu ul {}

#menu li {
	float: left;
	list-style: none;
	position: relative;
	}
	
#menu li a {
	display: block;
	height: 35px;
	}

.close{
	background:url("../images/close.png") top left no-repeat;
	width:36px;
	height:36px;
	display:block;
	position:absolute;
	right:-10px;
	top:-10px;
	z-index:99;
}

#menu li a em {display: none;}

#menu li a.m1 {width: 97px; background: url(../images/nav_01.png) no-repeat}
#menu li a.m2 {width: 108px; background: url(../images/nav_02.png) no-repeat}
#menu li a.m3 {width: 149px; background: url(../images/nav_03.png) no-repeat}
#menu li a.m4 {width: 136px; background: url(../images/nav_05.png) no-repeat}
#menu li a.m5 {width: 100px; background: url(../images/nav_04.png) no-repeat}
#menu li a.m6 {width: 149px; background: url(../images/nav_06.png) no-repeat}

#menu li a:hover, #menu li a.current {background-position: bottom;}

#promo_home {width:450px;height:315px;padding:10px 10px 10px 20px;margin:0px;overflow:hidden;}

.menu-atas{list-style-type:none;}
.menu-atas li{float:left;margin-left:10px;margin-right:10px;margin-bottom:5px;}
.menu-atas li a{padding-top:5px;padding-bottom:5px;color:#ffffff;font-weight:bold;font-size:16px;}

#bottom {
	background:#2f2f2f;
	font-size: .9em;
	position: relative;
	margin-top: 55px;
	height: 55px;
	clear:both;
	}
	#bottom a {color: #666}
	#bottom a:hover {color: #FFF
}
	
#copyright, #social-sites {
	float: left;
	margin-top: 20px;
	width: 360px;
	}

#social-sites {margin-left: 24px;}
	
#social-sites li {
	float: left; 
	list-style: none;
	padding-left: 16px;
	}
	
#social-sites li a {
	display: block;
	padding: 1px 0 2px 20px;
	}
	
#social-sites li a.fb {background: url(../images/ico_fb.gif) no-repeat;}
#social-sites li a.twitter {background: url(../images/ico_twitter.gif) no-repeat;}
	
#footer-links {
	float: right;
	margin-top: 20px;
	text-align: right;
	width: 200px;
	}

	
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}


#zoom {
	width:120px;
	height:15px;
	float:right;
	display:block;
}

#zoom a{
	padding-top:48px; display:block;
}
.bgcontent{
	background-color:#f0f0f0;
	float:left;
	width:100%;
}

#promo-instore {
background:url("../images/bg_list.jpg") repeat-x scroll 0 0 #F0F0F0;
padding:24px;
}

.location{
	background-image:url(../images/our_location.jpg); background-repeat:no-repeat; width:134px; height:22px
}

.fhone{
	float:left; text-align:right; width:123px; height:auto; padding-top:60px;
}

.lantai-cls{
	width:auto; height:auto; padding-top:45px; padding-right:30px;float:right;font-family:Arial, Helvetica, sans-serif; font-size:50px; font-weight:bold; color:#a29783;z-index:100;
}

.pon{
	float:right; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12.5px; color:#b4b4b4; font-size:15.28 px; padding-right:15px
}


.pika_navigation{
	position:absolute;
	margin-top:120px;
	width:360px;
}

.pika_navigation a em{
	display:none;
}

.pika_navigation a{
	width:20px;
	height:20px;
	display:block;
}

.pika_navigation .prev_but{
float:left;
margin-left:7px;
	background:url(../images/arrow_left.jpg) top left no-repeat;
}

.pika_navigation .next_but{
	float:right;
	margin-right:5px;
	background:url(../images/arrow_right.jpg) top left no-repeat;

}
/* End hide from IE-mac */