html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;
}
strong {font-weight:bold;}
body, html {height: 100%; overflow-x:hidden;}
body { background:#ffffff; line-height: 1.5; }
ul.evnt li{padding-left: 3px; list-style: disc; margin-left: 53px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5;}
ul li{padding: 0px; list-style: none; margin-left: 23px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
ol li{padding: 7px; margin-left: 32px;}
a:link,
a:hover,
a:visited {
    color: #0063DC;
}
a img {
    border: 0;
}

a.current_page{font-weight: bold; border: 1px solid #999; padding: 1px 2px 1px 2px; color: #FF0084; text-decoration: none}
a:hover.current_page{font-weight: bold; border: 1px solid #999; padding: 1px 2px 1px 2px; color: #FFF; background: #000}
.clear{height: 12px; clear: both}
.para-about {line-height: 1.5; text-align:justify; margin-right: 12px; margin-top: 3px; font-size: 12px; font-family: Trebuchet MS}
.h1-about {margin-top: 13px; margin-right: 12px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold}
.read_more{background: url(/img/anak_panah.gif) 28.5em 0.7em no-repeat; text-align: right; font-size: 8pt; padding: 5px; font-family: Helvetica;}
.read_more a{color: #fd0002; text-decoration: none; }
.read_more a:hover{color: #fff; text-decoration: none; background-color: #fd0002}

.view_more{background: url(/img/anak_panah.gif) 0 10px no-repeat; text-indent: 0.8em; font-size: 9px; padding-top: 10px; padding-left: 6px; font-family: Helvetica; float: right; width: 70px;}
.view_more a{color: #fd0002; text-decoration: none;}
.view_more a:hover{color: #fff; text-decoration: none; background-color: #fd0002}

div#photo_page .view_more{background: url(/img/anak_panah.gif) 0 10px no-repeat; text-indent: 0.8em; font-size: 9px; padding-top: 10px; padding-left: 6px; font-family: Helvetica; float: right; width: 55px;}
div#photo_page .view_more a{color: #fd0002; text-decoration: none;}
div#photo_page .view_more a:hover{color: #fff; text-decoration: none; background-color: #fd0002}

.view_more2{background: url(/img/anak_panah.gif) 19.6em 0.7em no-repeat; text-align: right; font-size: 8pt; font-family: Helvetica;}
.view_more2 a{color: #fd0002; text-decoration: none; }
.view_more2 a:hover{color: #fff; text-decoration: none; background-color: #fd0002}

div#jakarta {border: 1px solid #ccc; margin-bottom:17px;}
div#jakarta p{padding: 5px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
div#jakarta ul li{padding: 0px; margin-top: 0px; margin-left: 10px; list-style: none; margin-bottom: 5px}
div#jakarta h2{padding: 7px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 20px}

div#news_page h1{padding:5px; border-bottom: 3px solid #efa690; color: #0085cf; font-family: Trebuchet MS; font-size: 16px; font-weight: bold}
div#news_page h1 a{color: #0085cf; text-decoration: none}
div#news_page a{color: #0085cf; text-decoration: none}
div#news_page h1 a:hover{color: #00aa86;}
div#news_page h3{background: url(/img/download.png) 3px 0.5em no-repeat; padding: 7px; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 1.7em}
div#news_page a:hover{color: #00aa86;}
div#news_page {}
div#news_page div{padding:10px;}
div#news_page .meta{font-size: 11px; font-family: Helvetica; color: #999; text-align: right; background: #f9f9f9; margin-right: 12px; padding: 3px}
div#news_page ul{padding: 0px; margin: 10px; list-style: none;}
div#news_page li{padding: 0px; margin-left: 23px; background: url(/img/sArrow.gif) 0 4px no-repeat; text-indent: 8px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}

div#nav{padding-top:4px; _padding-top:0; position:absolute; right:0px; text-indent:-1000em; outline:0; _top:-25px;}
div#nav td#home {width:60px; height:46px;}
div#nav td#home a{width:60px; height:46px; text-indent:-1000em; outline:0; background: url(/img/home.gif) 0 0 no-repeat; float:left;}
div#nav td#home a:hover{width:60px; height:46px; text-indent:-1000em; outline:0; background: url(/img/home-hover.gif) 0 0 no-repeat; float:left;}
div#nav td#about {width:79px; height:46px;}
div#nav td#about a{width:79px; height:46px; text-indent:-1000em; outline:0; background: url(/img/about.gif) 0 0 no-repeat; float:left;}
div#nav td#about a:hover{width:79px; height:46px; text-indent:-1000em; outline:0; background: url(/img/about-hover.gif) 0 0 no-repeat; float:left;}
div#nav td#news {width:56px; height:46px;}
div#nav td#news a{width:56px; height:46px; text-indent:-1000em; outline:0; background: url(/img/news.gif) 0 0 no-repeat; float:left;}
div#nav td#news a:hover{width:56px; height:46px; text-indent:-1000em; outline:0; background: url(/img/news-hover.gif) 0 0 no-repeat; float:left;}
div#nav td#event-producer {width:120px; height:46px;}
div#nav td#event-producer a{width:120px; height:46px; text-indent:-1000em; outline:0; background: url(/img/event-producer.gif) 0 0 no-repeat; float:left;}
div#nav td#event-producer a:hover{width:120px; height:46px; text-indent:-1000em; outline:0; background: url(/img/event-producer-hover.gif) 0 0 no-repeat; float:left;}
div#nav td#event-calendar {width:120px; height:46px;}
div#nav td#event-calendar a{width:120px; height:46px; text-indent:-1000em; outline:0; background: url(/img/event-calendar.gif) 0 0 no-repeat; float:left;}
div#nav td#event-calendar a:hover{width:120px; height:46px; text-indent:-1000em; outline:0; background: url(/img/event-calendar-hover.gif) 0 0 no-repeat; float:left;}
div#nav td#client {width:61px; height:46px;}
div#nav td#client a{width:61px; height:46px; text-indent:-1000em; outline:0; background: url(/img/client.gif) 0 0 no-repeat; float:left;}
div#nav td#client a:hover{width:61px; height:46px; text-indent:-1000em; outline:0; background: url(/img/client-hover.gif) 0 0 no-repeat; float:left;}
div#nav td#photo {width:114px; height:46px;}
div#nav td#photo  a{width:114px; height:46px; text-indent:-1000em; outline:0; background: url(/img/photo.gif) 0 0 no-repeat; float:left;}
div#nav td#photo  a:hover{width:114px; height:46px; text-indent:-1000em; outline:0; background: url(/img/photo-hover.gif) 0 0 no-repeat; float:left;}
div#nav td#contact {width:74px; height:46px;}
div#nav td#contact a{width:74px; height:46px; text-indent:-1000em; outline:0; background: url(/img/contact.gif) 0 0 no-repeat; float:left;}
div#nav td#contact a:hover{width:74px; height:46px; text-indent:-1000em; outline:0; background: url(/img/contact-hover.gif) 0 0 no-repeat; float:left;}

div#container{width: 852px; margin-right: auto; margin-left: auto; text-align:left; font-size:1.2em; min-height: 100%; height: auto !important; height: 100%}

div#header{height:auto; width:838px; position:relative; display: block; margin:0px auto;}
div#header h1#logo {width:145px; height:63px; position:absolute; top:1px; left:0px;}
div#header h1#logo a {width:145px;	height:61px; outline:0;	background: url(/img/logo/logo3_3.jpg) 0 3px no-repeat; text-indent:-1000em; float:left;}

div#header h1#ilogo {width:145px; height:63px; position:absolute; top:0px; left:0px;}
div#header h1#ilogo a {width:145px;height:61px; outline:0;	background: url(/img/logo/ilogo.jpg) 0 0px no-repeat; text-indent:-1000em; float:left; margin-top:3px;}
#tagline {background:#000; color:#fff; font-size:7px; font-family: Arial; letter-spacing:6px; text-indent:11px;}

div#imgReplacer {background: url(/img/people.jpg) no-repeat 0 0; height:201px; width:852px; position:relative; display: block; top:87px; left:0px;}
div#imgReplacer_about {background: url(/img/people2.jpg) no-repeat 0 0; height:201px; width:852px; position:relative; display: block; top:87px; left:0px;}
div#imgReplacer_client {background: url(/img/people3.jpg) no-repeat 0 0; height:201px; width:852px; position:relative; display: block; top:87px; left:0px;}
div#imgReplacer_contact {background: url(/img/people4.jpg) no-repeat 0 0; height:201px; width:852px; position:relative; display: block; top:87px; left:0px;}
div#imgReplacer_event-calendar {background: url(/img/people5.jpg) no-repeat 0 0; height:201px; width:852px; position:relative; display: block; top:87px; left:0px;}
div#imgReplacer_event-producer {background: url(/img/people6.jpg) no-repeat 0 0; height:201px; width:852px; position:relative; display: block; top:87px; left:0px;}
div#imgReplacer_news {background: url(/img/people7.jpg) no-repeat 0 0; height:201px; width:852px; position:relative; display: block; top:87px; left:0px;}
div#imgReplacer_photo {background: url(/img/people8.jpg) no-repeat 0 0; height:201px; width:852px; position:relative; display: block; top:87px; left:0px;}

div#mainContent {height: auto; width:852px; position:relative; display: block; top:75px; left:0px; font-size: 11.5px; font-family: Helvetica}

div#welcome {border: 1px solid #ccc;}
div#welcome p{padding: 5px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
div#welcome h2{padding: 5px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold}

div#login {border: 1px solid #ccc;}
div#login p{padding: 5px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
div#login h2{background: url(/img/lock.png) 3px 0.2em no-repeat; padding: 7px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 1.7em}

div#news_spy {border: 1px solid #ccc; padding:0; margin: 0; float:left;}
div#news_spy p{padding-left: 3px; padding-right: 5px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.2; margin-bottom: 4px; margin-top: 0; padding-top: 0px}
div#news_spy ul {list-style-type:none; margin:0; padding:0;position:relative;}
div#news_spy li {height: 95px; overflow: hidden; background: #ecedfd; margin: 0; border-top: 2px solid #efa690}
div#news_spy .spyWrapper {height: 100%;overflow: hidden;position: relative;}
div#news_spy h2{background: url(/img/news-icon.gif) 3px 0.2em no-repeat; padding: 7px; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 1.7em}
div#news_spy li h5{color: #444cf4; font-family: Helvetica; font-size: 1.2em; font-weight: bold; text-decoration: none;  margin-bottom:0.1em; padding-left:3px; padding-bottom: 0; padding-top: 0px; margin-left: 0; padding-right: 5px; margin-top: 1px}
div#news_spy li h5 a {color:#444cf4;text-decoration:none;}
div#news_spy li span.smalldt {color:#999 ;font-size: 9px;font-family: Arial; padding-left:3px;padding-top: 3px}

div#events {border: 1px solid #fbde81; padding:0; margin: 0;line-height:1.3}
div#events div.kaler{background: #ffffe5; border-top: 2px solid #efa690}
div#events div.tak-kaler{background: #fff; border-top: 2px solid #efa690}
div#events div.news{float: right; width: 530px; position: relative; padding-top: 5px; padding-right: 8px; padding-bottom: 20px;}
div#events h2{background: url(/img/event-icon.gif) 5px 4px no-repeat; padding: 7px; color: #001ca8; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 1.5em}
div#events .newsTitle{color: #bf650f; font-family: Georgia; font-size: 13px; font-weight: bold; text-decoration: none;  line-height: 1.2;}
div#events div.dates{padding-left: 4px; padding-right: 20px; padding-bottom: 20px; padding-top: 15px;font-size: 10px; font-family: Arial; color: #001ca8; position: absolute}

div#gallery {border: 1px solid #ccc;}
div#gallery p{padding: 5px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
div#gallery ul li{padding: 0px; margin: 0px; list-style: none;}
div#gallery h2{background: url(/img/gallery-icon.gif) 0 0.2em no-repeat; padding: 5px 7px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 1.5em}
div#gallery .newsTitle{color: #444cf4; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-decoration: none;  line-height: 0;}
div#gallery div.read_more{background: url(/img/anak_panah.gif) 19.6em 0.7em no-repeat; text-align: right; font-size: 8pt; font-family: Helvetica; padding-bottom:7px;}
div#gallery div.read_more a{color: #fd0002; text-decoration: none; }
div#gallery div.read_more a:hover{color: #fff; text-decoration: none; background-color: #fd0002}

div#video {border: 1px solid #ccc;}
div#video p{padding: 5px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
div#video ul li{padding: 0px; margin: 0px; list-style: none;}
div#video h2{background: url(/img/video-icon.gif) 0.1em 0.2em no-repeat; padding: 7px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 1.5em}
div#video .newsTitle{color: #444cf4; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-decoration: none;  line-height: 0;}

div#event-producer {border: 1px solid #ccc; margin-top: 14px;}
div#event-producer ul{padding: 0px; margin-left: 0px; margin-top: 0.4em; margin-bottom: 0px; list-style: none;}
div#event-producer li{padding: 0px; margin-left: 23px; background: url(/img/sArrow.gif) 0 4px no-repeat; text-indent: 8px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
div#event-producer h2{background: url(/img/event-producer-icon.gif) 3px 0.2em no-repeat; padding: 7px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 1em}
div#event-producer div.read_more{background: url(/img/anak_panah.gif) 19.6em 0.7em no-repeat; text-align: right; font-size: 8pt; font-family: Helvetica;}
div#event-producer div.read_more a{color: #fd0002; text-decoration: none; }
div#event-producer div.read_more a:hover{color: #fff; text-decoration: none; background-color: #fd0002}

div#partner {border: 1px solid #ccc;}
div#partner p{padding: 5px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
div#partner ul li{padding: 0px; margin-top: 0px; margin-left: 10px; list-style: none; margin-bottom: 5px}
div#partner h2{background: url(/img/users.png) 0 0.5em no-repeat; padding: 5px 7px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 20px}
div#partner .newsTitle{color: #444cf4; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-decoration: none;  line-height: 0;}

div#admin-nav {margin-right: 18px}
div#admin-nav a{color: blue; text-decoration: none}
div#admin-nav a:hover{color: #fff; background: blue}
div#admin-nav ul{padding: 0px; margin: 2px; list-style: none;}
div#admin-nav li{padding: 0px; margin-left: 2px; background: url(/img/sArrow.gif) 0 6px no-repeat; text-indent: 8px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
div#admin-nav h2{background: url(/img/promotion.png) 0 0.4em no-repeat; padding: 7px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 20px}

div#admin-event {}
div#admin-event a{color: blue; text-decoration: none}
div#admin-event a:hover{color: #fff; background: blue}
div#admin-event ul{padding: 0px; margin: 2px; list-style: none;}
div#admin-event table#senarai{border-collapse: separate; border-spacing: 0px; width: 100%; table-layout:fixed}
div#admin-event table#senarai td{overflow: hidden; empty-cells: show; white-space: nowrap; border-bottom: 1px solid #ccc}
div#admin-event li{padding: 0px; margin-left: 2px; background: url(/img/sArrow.gif) 0 6px no-repeat; text-indent: 8px; font-size: 12px; font-family: Arial; text-align: justify; line-height: 1.5}
div#admin-event h2{background: url(/img/promotion.png) 0 0.4em no-repeat; padding: 7px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; text-indent: 20px}

div#subscribe {border: 1px solid #ccc;}
div#subscribe h2{background: url(/img/mail.gif) 3px 0.1em no-repeat; padding: 7px; border-bottom: 3px solid #efa690; color: #fd0002; font-family: Trebuchet MS; font-size: 11px; font-weight: bold; text-indent: 20px}
div#subscribe form{padding: 5px; text-align:center}

div#footer {bottom: 0; width: 99.2%; text-align:center; font-size:0.7em; padding: 15px 10px 4px 0; height: 43px; background-color: #fd0002; font-family: helvetica;background: url(/img/bg-footer.png) 0 8px repeat-x; color: #fff;}
div#footer {
    \width: 100%;
    w\idth: 99.2%;
}
div#footer div.inner-footer{padding: 4px 0 4px 0; }
div#footer a{color: #fff; text-decoration: none}
div#footer a:hover{color: blue; text-decoration: none}

div#slider-container {
	width:400px; /* Width of the container!! */
	position:relative;border:1px solid #000000;height:30px;overflow:hidden;background-color:#FFFFFF;
}
div#sliderbar {position:absolute;background: url(/img/slidebg.gif) repeat-x;background-position:0px 6px;width:3000px;height:30px;cursor:pointer;}
div.slideYear {position:relative;height:23px;float:left;border:0px solid #BEBEBE;border-left-width:1px;top:3px;font-size:.6em;font-family:verdana;font-weight:bold;color:#888888;}
div.slideMonth {height:16px;border:0px solid #BEBEBE;border-left-width:1px;position:absolute;float:left;top:7px;font-size:.7em;font-family:verdana;font-weight:bold;}
div.firstMonth {border-left-width:0px;}

span#lefthandle, span#righthandle {background-color:#F2964B;position:absolute;top:0px;width:5px;cursor:w-resize;height:27px;display:block;z-index:1;}
div#shiftpanel {top:3px;position:absolute;height:20px;background-color:#0000FF;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;z-index:0;}
div.zoomPanel {width:92px;position:absolute;height:12px;background-color:#FFF;right:0px;top:0px;opacity:.85;filter:alpha(opacity=85);border:1px solid #EEE;border-width:0px 0px 1px 1px;font-size:10px;padding:2px;padding-top:0px;}
div.zoomPanel a.zoom {text-decoration:none;color:#000;}

fieldset#datefields label {font-size:.9em;width:65px;float:left;}
fieldset#datefields input {width:65px;}

#admin-event .admin_thumbs { float: left; width:127px; height:95px; overflow:hidden; margin: 10px 18px; }
#admin-event .admin_thumbs a:hover { background:#FFFFFF; }

.progressBar{width:216px;height:41px;background:url(/img/bg_bar.gif) no-repeat 0 0;position:relative;}
.progressBar span{position:absolute;display:block;width:200px;height:25px;background:url(/img/bar.gif) repeat-x 0 0;top:8px;left:8px;overflow:hidden;text-indent:-8000px;}
.progressBar em{position:absolute;display:block;width:200px;height:25px;background:url(/img/bg_cover.gif) repeat-x 0 0;top:0;}

div#photo_page{margin-bottom:0}
div#photo_page h2{margin-top: 8px; margin-bottom: 8px; border-bottom: 3px solid #efa690; color: #fd0002; font-family:Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold}
div#photo_page p{position:relative; margin-top:3px;}
div#photo_page span{display:block; position:relative;}
div#photo_page a{color: #1057AE; text-decoration: none}
div#photo_page a:hover{color: #FFF; background-color:#0259C4;}
div#photo_page img{padding: 4px; border: 1px solid #ccc;}

#preload img{height: 0; width: 0; border-width: 0;position: absolute;bottom: 0;left: 0;z-index: -30; display: none}