@charset "utf-8";
/* CSS Document */
/* CSS Document */
body,form{
	margin:0;
	padding:0;
}
body {
	/*background-attachment:fixed;*/
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*
=============================
-----------BODY DIV ---------
=============================
*/
.clear{
clear:both;
}

a { cursor: pointer; }

a:link, a:visited{
	background-color: transparent;
	color: #000;
	text-decoration: none;
}

a:active, a:hover{
	background-color: transparent;
	color: #000;
	text-decoration: underline;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}
p, ul li{
	text-align:justify;
	line-height:20px;
}
#wrapper{
width:1000px;margin-left:auto;margin-right:auto;
}
.wrapper{
width:1000px;margin-left:auto;margin-right:auto;
}
#area-header{
background: url(images/bg-header.gif) no-repeat #353A43;padding:0;margin:0;
}
.header{
width:1000px;background-color:#353A43;height:79px;margin-left:auto;margin-right:auto;
}
.header-logo{
float:left;width:481px;height:79px;
}
.header-menu{
float:left;color:#FFFFFF;background-color:#353A43;margin-left:50px;padding-top:30px;
}
#area-header_extras_home{
background:url(images/bg-eventinfo.gif) repeat-x;padding:0;margin:0;
}
.header-extras-home{
height:295px;width:1000px;background:url(images/bg-eventinfo.gif) repeat-x;/*padding-left:160px;*/
}
.header-home-event{
background:url(images/headers/header-home.jpg) no-repeat left; height:294px;width:960px;
}
.pemisah-event{padding-top:40px;padding-left:260px;}
#area-header_extras{
background:url(images/bg-header-extras.gif) repeat-x;padding:0;margin:0;
}
.header-extras{
height:208px;width:1000px;background:url(images/bg-header-extras.gif) repeat-x;
}
#area-header_contact{
background:url(images/bg_header_contact.gif) repeat-x;padding:0;margin:0;
}
.header-contact{
height:212px;width:1000px;background:url(images/bg_header_contact.gif) repeat-x;
}
#area-latestnews{
background-color:#B9B9B9;padding:0;margin:0;
}
.latestnews{
background-color:#B9B9B9;padding:5px;color:#414141;
}
.latestnews-title{
float:left;padding-left:20px;height:25px;padding-top:10px;
}
.latestnews-content{
border-left: solid 1px #606060;margin-left:120px; padding:3px 20px;line-height:15px;
}
.latestnews-content span a{
color:#FFFFFF;font-size:11px;
}
#area-content{
background-color:#EBEBEB;padding:0;margin:0;
}
.content{
padding-top:20px;background-color:#EBEBEB;padding-bottom:20px;
}
.content-left{
padding-left:25px;padding-right:25px;
}
.content-right{
padding-right:25px;padding-left:25px;
}
.tradefair{
padding:10px;text-align:center;background-color:#C6C7C8;color:#3C3F48;margin-top:15px;
}
.news p{
text-align:left;
}
.news_archive{
background-color:#B9B9B9;padding:5px;color:#414141;
}
.news_archive-content a.year-active{
color:#FFFFFF;
}
.year-news{
font-size:24px;color:#525252;width:280px;height:21px;background:url(images/bullet-year.gif) left no-repeat #C6C7C8; padding-left:22px;line-height:21px;margin-bottom:25px;
}
.news_archive-title{
float:left;padding-left:20px;height:20px;padding-top:5px;
}
.news_archive-content{
border-left: solid 1px #606060;margin-left:125px; padding:3px 20px;line-height:20px;
}
.news_archive-content a {
color:#414141;
}
.newslist{
border-bottom:4px solid #C6C7C8;color:#2A1F1F;margin-bottom:10px;
}
.newslist a{
color:#9094a1;}

.address{
border-bottom:4px solid #C6C7C8;color:#9094a1;margin-bottom:20px;line-height:20px;
}
.gallery{
background-color:#6D707A;padding-top:20px;padding-bottom:5px;padding-left:15px;height:110px;
}
.title-gallery{
float:left;background-color:#6D707A;margin-top:45px;
}
.content-gallery{
float:left;background-color:#6D707A;margin-left:10px;
}
.border-gallery{
border: 3px solid #565860;
}
.border-image-event{
border: 1px solid #fff;
}

.required{
color:#9c0028;
}
#area-footer{
background-color:#6D707A;padding:0;margin:0;
}
.footer{
background-color:#6D707A;color:#FFFFFF;padding-top:40px;padding-bottom:10px;padding-left:430px;font-size:10px;
}

/* =================== */
/* The menu styling */
/* ================== */

.site-menu2,
.site-menu2 ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	font-family:verdana;
}

/* Set up the top level list items and float left to place inline */
.site-menu2 li.top
{
	display:block;
	float:left;
	position:relative;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.site-menu2 table
{
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

/* Default top link link styling */
.site-menu2 li.top a.top_link
{
	display:block;
	float:left;
	height:27px;
}

.site-menu2 li.top a span
{
	position:absolute;
	left:-9999px;
	top:0;
	z-index:0;
	font-size:10px;
} /* move the link text off screen */

/* pre-load the hover images into the lists */
.site-menu2 li.li-1,
.site-menu2 li a#a-1,
.site-menu2 li a#a-1-active
{
	width: 68px;
	background: url(images/nav/menu_001.jpg) no-repeat;
}

.site-menu2 li.li-2,
.site-menu2 li a#a-2,
.site-menu2 li a#a-2-active
{
	width: 91px;
	background: url(images/nav/menu_002.jpg) no-repeat;
}

.site-menu2 li.li-3,
.site-menu2 li a#a-3,
.site-menu2 li a#a-3-active
{
	width: 70px;
	background: url(images/nav/menu_003.jpg) no-repeat;
}

.site-menu2 li.li-4,
.site-menu2 li a#a-4,
.site-menu2 li a#a-4-active
{
	width: 95px;
	background: url(images/nav/menu_004.jpg) no-repeat;
}

.site-menu2 li.li-5,
.site-menu2 li a#a-5,
.site-menu2 li a#a-5-active
{
	width: 95px;
	background: url(images/nav/menu5.jpg) no-repeat;
}

.site-menu2 li.li-6,
.site-menu2 li a#a-6,
.site-menu2 li a#a-6-active
{
	width: 103px;
	background: url(images/nav/menu_006.jpg) no-repeat;
}

/* set up the normal unhovered images in the links */
.site-menu2 li a#a-1,
.site-menu2 li a#a-2,
.site-menu2 li a#a-3,
.site-menu2 li a#a-4,
.site-menu2 li a#a-5,
.site-menu2 li a#a-6
{
	background-position: 0 0;
}


/* Style the list OR link hover. Depends on which browser is used */
.site-menu2 a:hover
{
	visibility:visible;
} /* for IE6 */
.site-menu2 li:hover
{
	position:relative;
	z-index:200;
} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.site-menu2 li a#a-1:hover, .site-menu2 li:hover a#a-1,
.site-menu2 li a#a-2:hover, .site-menu2 li:hover a#a-2,
.site-menu2 li a#a-3:hover, .site-menu2 li:hover a#a-3,
.site-menu2 li a#a-4:hover, .site-menu2 li:hover a#a-4,
.site-menu2 li a#a-5:hover, .site-menu2 li:hover a#a-5,
.site-menu2 li a#a-6:hover, .site-menu2 li:hover a#a-6
{
	background-position: 0 -27px;
}

.site-menu2 li a#a-1-active,
.site-menu2 li a#a-2-active,
.site-menu2 li a#a-3-active,
.site-menu2 li a#a-4-active,
.site-menu2 li a#a-5-active,
.site-menu2 li a#a-6-active
{
	background-position: 0 -54px;
}

/* keep the 'next' level invisible by placing it off screen. */
.site-menu2 ul, 
.site-menu2 :hover ul ul, 
.site-menu2 :hover ul :hover ul ul,
.site-menu2 :hover ul :hover ul :hover ul ul,
.site-menu2 :hover ul :hover ul :hover ul :hover ul ul
{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	
}

table#contacttbl{
width:100%;color:3c3f48;
}
table#contacttbl tr td{
padding:5px;
vertical-align:top;
}
table#contacttbl tr td select{
width:349px;
height:23px;
background-image:url(images/bg-field-contact.gif);
background-repeat:no-repeat;
border:none;
color:#3C3F48;
padding-left:5px;
padding-top:3px;
background-color:#F5F5F5;
}
table#contacttbl tr td input{
width:349px;
height:23px;
background-image:url(images/bg-field-contact.gif);
background-repeat:no-repeat;
border:none;
color:#3C3F48;
padding-left:5px;
padding-top:3px;
background-color:#F5F5F5;
}
table#contacttbl tr td input.half{
width:39px;
height:23px;
background-image:url(images/bg-field-contact2.gif);
background-repeat:no-repeat;
border:none;
color:#3C3F48;
padding-left:5px;
padding-top:3px;
background-color:#F5F5F5;
}
table#contacttbl tr td input.half2{
width:124px;
height:23px;
background-image:url(images/bg-field-contact3.gif);
background-repeat:no-repeat;
border:none;
color:#3C3F48;
padding-left:5px;
padding-top:3px;
background-color:#F5F5F5;
}
table#contacttbl tr td input.radio{
/*width:349px;
height:23px;
background-image:url(images/bg-field-contact.gif);
background-repeat:no-repeat;*/
width:10px;
height:10px;
border:none;
color:#3C3F48;
padding-left:10px;
background-color:#F5F5F5;
}
table#contacttbl tr td textarea.area1{
width:349px;
height:58px;
background-image:url(images/bg-field-area1.gif);
background-repeat:no-repeat;
border:none;
color:#3C3F48;
padding-left:5px;
padding-top:3px;
background-color:#F5F5F5;
}
table#contacttbl tr td textarea.area2{
width:349px;
height:94px;
background-image:url(images/bg-field-area2.gif);
background-repeat:no-repeat;
border:none;
color:#3C3F48;
padding-left:5px;
padding-top:3px;
background-color:#F5F5F5;
}

/*table#contacttbl tr td span{
color:#2ab5ff;
}
*/
table#contacttbl tr td input.btn-send{
width:108px;
height:30px;
background-image:url(images/btn_1.gif);
background-repeat:no-repeat;
cursor:pointer;
background-color:#dfdfdf;
}
table#contacttbl tr td input.btn-cancel{
width:108px;
height:30px;
background-image:url(images/btn_2.gif);
background-repeat:no-repeat;
cursor:pointer;
background-color:#dfdfdf;
}

.header-extras2{
height:212px;
}
.banner-bantex{
padding-top:13px;
}
#area-main{
background: url(images/bg-body.gif) repeat-x;padding:0;margin:0;
}
.main{
background-image:url(images/bg-body.gif);
background-position:top;
background-repeat:repeat-x;
}
.wrapper-main{
margin-left:10px;margin-right:10px;
}
.content_event {
	background-color: #FFF;
	height: auto;
	width: 100%;
	background-image:url(images/bgleftmenu.gif);
	background-repeat:repeat-y;
	
}
#leftmenu{
	padding-top:15px;
	height:100%;
	float:left;
	width: 190px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 186px;
	line-height:18px;
	/*border-left:solid 2px #E1E1E1;
	border-right:solid 2px #E1E1E1;*/
	background-image:url(images/bg_main.gif);
	background-repeat:repeat-x;
}
html>body #leftmenu {
	width: 186px;
}
.banner{
padding:5px;
text-align:center;
}

#main-content{
	float:right;
	width:736px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding-top:15px;
	margin-bottom:10px;
	padding-left:30px;
	background-image:url(images/bg_main.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
html>body #main-content {
	width: 762px;
}
.breadcrumb-home{
	font-weight:bold;
	font-size:11px;
}
.breadcrumb{
	font-weight:bold;
	font-size:11px;
	padding: 5px 20px;
	background-color:#CCCCCC;
	width:720px;
}
.navigasi{
text-align:right;;width:770px;line-height:18px;margin-top:20px;border-bottom:2px solid #99CC33;margin-bottom:20px;
font-size:24px;color:#99CC33;font-family:Arial, Helvetica, sans-serif;font-weight:bold;
}
.content-home{
background-color:#F0F0F0;width:710px;padding:15px;margin-top:28px;line-height:18px;font-family:Arial;
}
.content-home2{
width:740px;background-image:url(images/bg-welcome2.gif); height:11px;
}
.download{
line-height:20px;margin-left:60px;color:#009900;
}
.download a{
color:#009900;
}
.download a:hover{
color:#009900;
}
span.title-home{
font: bold 23px Arial;color:#1D6E2A
}
span.title-content{
font: bold 18px Arial;color:#336633;
}
span.title-sub-content{
font: bold 14px Arial;color:#336633;
}
span.title-link{
font: bold 12px Arial;color:#336600;
}
.link-partner{
width:600px;color:#666666;border-bottom:#EFEFEF solid 2px;padding:10px;margin-bottom:10px;
}
ul.exhibit-profile{
list-style-image:url(images/arrow-yellow.gif);padding-left:25px;margin-t0p:20px;
}
ul.exhibit-profile li{
margin-bottom:20px;
}
ul.exhibit-service{
list-style-image:url(images/arrow-red.gif);
}
ul.exhibit-service li ol{
list-style:decimal;
}
#area-footer2{
background: url(images/bg-footer2.jpg) repeat-x;padding:0;margin:0;
}
.footer2{
background:url(images/bg-footer.jpg);height:68px;
color:#FFFFFF;
}
.copyright{
padding:25px 20px;text-align:right;
}
#area-end{
background: #fff;padding:0;margin:0;
}
.end{
height:50px;margin-left:10px;margin-right:810px;border-left:solid 2px #E1E1E1;border-right:solid 2px #E1E1E1;
}
#event-detail table{width:100%;font-size:11px;}
#eventpage{line-height:20px;margin-left:20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#eventpage ul {padding-left:25px;}
#eventpage p {text-align:left;}

/*===*/
#marqueecontainer{
position: relative;
width: 490px; /*marquee width */
height: 150px; /*marquee height */
margin-left:auto;margin-right:auto;
overflow: hidden;

padding: 2px;
padding-left: 4px;
}
/*===*/

ul#Menu1 li a{padding-left:30px;}


#screenshot{
	position:absolute;
	border:0px solid #E8E8E8;
	background:#333;
	padding:1px;
	display:none;
	color:#fff;
	z-index:1000000;
	}