@charset "UTF-8";

@import url("global.css");
@import url("menu.css");
@import url("overlay-basic.css");
@import url("overlay-gallery.css");
@import url("tabs.css");

	
body.content {background: #FFF url(../images/bg_body-content2.png) repeat-x;}

#page {background: url(../images/bg_page-content.png) repeat-x bottom left;}

body.content h1 {
	display: block;
	text-indent: -9999px;
	}
.survey{
	width:100%;
	margin-bottom:30px;
}

.survey td{
	padding:5px;
}
body.content p {
	line-height: 1.6em;
	margin-bottom: 1em;
	}
	
a {color: #006699; text-decoration: none;}
a:hover { text-decoration: underline; }

#title-heading {
	height: 48px;
	/*padding: 24px 0 0 24px;*/
	/*padding: 18px 0 0 24px;*/
	clear:both;
	padding:0;
	margin-bottom:20px;
	margin-top:11px;
	background: url(../images/bg_title-heading2.jpg) no-repeat;
	}
	
#title-heading h1 {height: 24px;}

#search-directory{
	width:100%;
	padding:5px;
	font-weight:bold;
	background-color:#7a6e5e;
	color:#ffffff;
}

#search-directory select{
	border:1px solid #BDC7D8;
	font-size:11px;
	padding:2px;
}
/*==============TITLE HEADINGS===================*/

#bates{padding-top:18px;}

#title-heading #past-events {width: 293px; background: url(../images/h1_past-events.gif) no-repeat;height:24px;}
#title-heading #dir {width: 313px; background: url(../images/h1_dir_nav.png) no-repeat;height:15px;}
#title-heading #press {width: 313px; background: url(../images/press.png) no-repeat;height:15px;}
#title-heading #dir-caferesto {width: 313px; background: url(../images/h1_dir-caferesto.gif) no-repeat;height:15px;}
#title-heading #contents {width: 313px; background: url(../images/h1_home_navigasi.png) no-repeat;height:15px;}
#title-heading #store {width: 313px; background: url(../images/h1_store_nav.png) no-repeat;height:15px;}
#title-heading #whats {width: 313px; background: url(../images/h1_whats_nav.png) no-repeat;height:15px;}
#title-heading #past {width: 313px; background: url(../images/h1_past_nav.png) no-repeat;height:15px;}
#title-heading #exh {width: 313px; background: url(../images/h1_exh_nav.png) no-repeat;height:15px;}
#title-heading #contact {width: 313px; background: url(../images/h1_contact_nav.png) no-repeat;height:15px;height:15px;}
#title-heading #about {width: 313px; background: url(../images/h1_about_nav.png) no-repeat;height:15px;height:15px;}
#title-heading #survey {width: 493px; background: url(../images/h1_survey.png) no-repeat;height:15px;}
#title-heading #x-c {width: 313px; background: url(../images/h1_x-c_nav.png) no-repeat;height:15px;height:15px;}
#title-heading #x-c_list {width: 313px; background: url(../images/h1_x-c_list_nav.png) no-repeat;height:15px;}
#title-heading #x-c_apply {width: 313px; background: url(../images/h1_x-c_apply_nav.png) no-repeat; height:15px;}
#title-heading #partner {width: 313px; background: url(../images/h1_partner_nav.png) no-repeat;height:15px;}
#title-heading #src {width: 313px; background: url(../images/h1_src_nav.png) no-repeat;height:15px;}
#title-heading #video {width: 380px; background: url(../images/h1_video_nav.png) no-repeat;height:15px;}


#breadcrumb {margin: 8px 0 24px 24px;}

#content {margin: 0 0 0 24px;}

#content h2 {
	color: #111;
	font-size: 2.3em;
	border-bottom: 1px solid #e1e4e7;
	margin-bottom: 8px;
	padding-bottom: 4px;
	font-weight: normal;
	}
	
#content h3 {
	color: #e8a402;
	font-size: 2em;
	margin-bottom: 8px;
	font-weight: normal;
	}
	
#content h4 {
	color: #026a9c;
	font-size: 1.4em;
	margin-bottom: 8px;
	padding-top: 8px;
	}
#press-left{
	float:left;
	width:250px;
	display:block;
}

#press-right{
	float:right;
	display:block;
	width:650px;
}
	
/*================= DETAILS PAGE ===================*/

p.event-date, p.tenant-info {
	color: #aac3ce;
	font-size: 15px;
	margin-bottom: 32px;
	font-weight: normal;
	}
	
p.tenant-info strong {
	font-weight: normal;
	color: #5d99b9;
	}
	
.main-image {
	float: left;
	width: 450px;
	height: 290px;
	margin: 0 10px 14px 0;
	padding: 12px 0 0 12px;
	background: url(../images/bg_main-image.png) no-repeat;
	}

.main-image2 {
	float: left;
	width: 320px;
	height: 450px;
	margin: 0 0 24px 0;
	padding: 12px 0 0 12px;
	background: url(../images/bg_main-image2.png) no-repeat;
	}

.main-image3 {
	float: left;
	width: 310px;
	height: 310px;
	margin: 0 10px 24px 0;
	padding: 12px 0 0 12px;
	background: url(../images/bg_main-image3.png) no-repeat;
	}
	
.main-image-list {
	float: left;
	width: 250px;
	height: 170px;
	margin: 0 10px 10px 0;
	padding: 10px 0 0 10px;
	background: url(../images/bg_main-image_list.png) no-repeat;
	}

.main-image-list2 {
	float: left;
	width: 250px;
	height: 340px;
	margin: 0 10px 10px 0;
	padding: 10px 0 0 10px;
	background: url(../images/bg_main-image_list2.png) no-repeat;
	}
	
.bodycopy {
	float: right;
	width: 462px;
	}

.img-promo{
	float:left;
	width:220px;
	text-align:center;
	display:block;
	margin:auto;
}

.img-promo img{
	display:block;
	margin-left:60px;
}

.detail-promo{
	float:right;
	width:220px;
	margin-left:5px;
	display:block;
}

.detail-promo2{
	float:right;
	width:220px;
	height:180px;
	margin-left:5px;
	margin-bottom:10px;
	display:block;
}

.promo-list{
	display:block;
	width:450px;
	float:left;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:25px;
}

.promo-list2{
	display:block;
	width:450px;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}

.clearboth{
	clear:both;
}

.garis{
	border-bottom:1px #CCCCCC solid;
	padding-top:30px;
	margin-bottom:30px;
}

#register td{
	padding-top:2px;
	padding-bottom:2px;
}
	
	
#bodycopy li {
	list-style: none;
	padding-left: 24px;
	line-height: 1.6em;
	background: url(../images/bullet_tick.gif) no-repeat 0 3px;
	}	
	
.photo-gallery {
	clear: both;
	margin:20px 40px 0px 0px;
	background: url(../images/bg_content-scrollable.png) no-repeat;
	}

#gallery-list td {
	width:25%;
	height:75px;
	text-align:center;
	border:#ccc solid 1px;
}	
	
/*OVERRIDE DEFAULT SCROLLABLE SETTINGS*/
	
.items img {
	margin: 0;
}

/* make A tags our floating scrollable items */
.items a {
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
} 

/* scrollable should not disable gallery navigation */
#gallery .disabled {
	visibility:visible !important;
}

#gallery .inactive {
	visibility:hidden !important;
}

/*================ TENANT LIST ====================*/

.tenants li {
	float: left;
	list-style: none;
	margin: 16px 22px;
	}

.tenants li img {border: 4px solid #333333}
	
	
/*================ MEDIA PARTNERS =================*/

.partners li {
	float: left;
	list-style: none;
	margin: 4px;
	width: 200px;
	height: 76px;
	padding: 10px 12px 12px 8px;
	/*background: url(../images/bg_media-partner-list.png) no-repeat;*/
	}

/*.partners img {
	float: left;
	width: 102px;
	height: 73px;
	margin-right: 4px;
	}*/
	
.partners div.partner-info{
	display: block;
	padding: 4px;
	float: left;
	width: 86px;
	border: none;
	margin: 0;
	font-size: 11px;
	line-height: 1.4em;
	}
	
.partners div.partner-info p {margin-bottom: 8px;}

.partners2 li {
	float: left;
	list-style: none;
	margin: 4px;
	width: 200px;
	height: 76px;
	padding: 10px 12px 12px 8px;
	background: url(../images/bg_media-partner-list.png) no-repeat;
	}

.partners2 li.li_first {
	float: none;
	list-style: none;
	margin: 4px;
	width: 200px;
	height: 76px;
	padding: 10px 12px 12px 8px;
	background: url(../images/bg_media-partner-list.png) no-repeat;
	}
	
.partners2 li.li_h2 {
	float: none;
	list-style: none;
	margin: 4px;
	width: 200px;
	height: 10px;
	padding: 10px 12px 12px 8px;
	background: none;
	}

.partners2 img {
	float: left;
	width: 102px;
	height: 73px;
	margin-right: 4px;
	}
	
.partners2 div.partner-info{
	display: block;
	padding: 4px;
	float: left;
	width: 86px;
	border: none;
	margin: 0;
	font-size: 11px;
	line-height: 1.4em;
	}
	
.partners2 div.partner-info p {margin-bottom: 8px;}



#judul_form {
	font-family:Aller;
	font-size:22px;
	color:#be5e2e;
	vertical-align:top;
	}
	
	
/*form button*/

#apply_button {
	background:url(../images/apply_button.gif) top left no-repeat;
	border:none;
	height:32px;
	width:66px;
	cursor: pointer; cursor: hand;
}
	
#submit_button {
	background:url(../images/submit_button.gif) top left no-repeat;
	border:none;
	height:32px;
	width:66px;
	cursor: pointer; cursor: hand;
	}
	
#cancel_button {
	background:url(../images/cancel_button.gif) top left no-repeat;
	border:none;
	height:32px;
	width:66px;
	cursor: pointer; cursor: hand;
	}

#add_button {
	background:url(../images/add_button.gif) top left no-repeat;
	border:none;
	height:32px;
	width:66px;
	cursor: pointer; cursor: hand;
	}
	

/*navigation button*/

#first {
	background:url(../images/first.png) top left no-repeat;
	border:none;
	height:21px;
	width:48px;
	cursor: pointer; cursor: hand;
	}
	
#prev {
	background:url(../images/prev.png) top left no-repeat;
	border:none;
	height:21px;
	width:48px;
	cursor: pointer; cursor: hand;
	}
	
#next {
	background:url(../images/next.png) top left no-repeat;
	border:none;
	height:21px;
	width:48px;
	cursor: pointer; cursor: hand;
	}
	
#last {
	background:url(../images/last.png) top left no-repeat;
	border:none;
	height:21px;
	width:48px;
	cursor: pointer; cursor: hand;
	}
	
	
.left{
	float:left;
	margin-left:3px;
}

.left a span{
	line-height:100%;
	display:block;
	width:200px;
	margin-left:30px;
	margin-top:-16px;
	color:#CC6600;
	
}

#press-right img{
		margin-right:10px;
		margin-bottom:10px;
}

.butSend{
	margin-top:8px;
	width:66px;
	height:32px;
	background:url(../images/send_button.jpg) top left no-repeat;
	border:none;
	cursor:pointer;
}