*{
	margin:0px;
	padding:0px;
}

#headerWrapper {
	background:url(../images/header_xBg.gif) repeat-x;
	height:100px;
}
#clear { clear:both; width:100%; }
.saperator { clear:both; width:100%; height:5px; background:url(../images/saperator.gif) repeat-x;}
.saperator2 { clear:both; width:100%; height:5px; border-bottom:#666 dashed 1px;}

/* header */
.header { width:795px; margin:0 auto; }
.logo { float:left;}
.rightHeader { float:right; height:50px; width:545px; }
.rightLog { background:url(../images/bgLogIn.png) no-repeat; width:545px; height:30px; padding-top:5px; text-align:left;}
.rightLog span { float:left; margin-left:6px;}

#userText, #passwordText { width:140px; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:2px;}

/*top Navi */
.topNavi { float:left; margin-top:32px; width:560px; }
.topNavi img { border:0; margin-right:10px; }

ul.menu {list-style:none; margin:0; padding:0; text-align:left; font-size:16px; font-family:Arial, Helvetica, sans-serif;color:#ffffff; }
ul.menu * {margin:0; padding:0;color:#ffffff;}
ul.menu a {display:inline; text-decoration:none;color:#333;}
ul.menu li {position:relative; float:left; /*margin-right:16px;*/ color:#ffffff; z-index:600;}
ul.menu ul {position:absolute; //top:28px; top:25px; left:0; background:#153565; display:none; opacity:0; list-style:none;width:160px;}
ul.menu ul li {position:relative; border-top:none;  margin:0; color:#333;}
ul.menu ul li a {display:block; padding:3px 5px 5px 5px; width:150px; border-bottom:1px solid #415d84; color:#ffffff; }
ul.menu ul li a:hover {background-color:#ff9900; color:#333; padding:3px 5px 5px 5px; color:#333;}
ul.menu ul ul {left:160px; top:3px; color:#333; }
ul.menu .menulink {border:0px solid #aaa; padding:0px; font-weight:bold; width:150px;color:#333;}
ul.menu .menulink:hover, ul.menu .menuhover {color:#ffffff;  width:150px; }


/* banner */
#bannerWrapper { background:url(../images/banner_xBg.gif) repeat-x bottom; }
#bannerWrapper2 { background: url(../images/bannerSmall_xBg.gif) repeat-x bottom; }
#bannerWrapper3 { background: url(../images/bannerbigger_xBg.gif) repeat-x bottom; }
.banner { margin:0 auto; width:795px;}
.topTextBanner { position:absolute; z-index:2; padding-top:90px; padding-left:56px; }
.topTextBanner a { border:none; }
.sliderbutton { width:34px; position: inherit; float:left; margin-top:98px; z-index:3;}
.sliderbutton1 {width:34px; position: inherit; float:right; margin-top:98px; z-index:3;}
.sliderbutton img, .sliderbutton1 img {cursor:pointer}

/*.sliderbutton img:hover, .sliderbutton1 img:hover {}*/
#slider { position:relative; overflow: hidden; width:795px; height:303px; background:url(../images/banner_xBg.gif) repeat-x bottom;}
#slider ul {position:absolute; list-style:none; top:0; left:0; }
#slider li {float:left; width:795px; height:303px; padding-right:1px;}
.pagination { margin-left:690px; position:absolute; z-index:1; margin-top:-26px; }
.pagination li { float:left; cursor:pointer; padding:10px 8px; background: url(../images/dot.png) center no-repeat; text-align:center; color:#222; list-style:none;}
.pagination li:hover { background:url(../images/dot_over.png) center no-repeat;}
li.current { background:url(../images/dot_over.png) center no-repeat; }
li#content {width:795px; height:270px; padding:15px 28px 15px 18px; overflow:hidden;}



/* content */
#contentWrapper { background:url(../images/content_xBg.gif) bottom repeat-x; }
.content { margin:0 auto; width:805px; padding:25px 0;}
.leftContent { float:left; width:290px; }
.leftContent2 { float:left; width:239px; }

/*left Navi */
.leftNavi { width:239px; height:391px; background:url(../images/left_panelBg.png) no-repeat center; }


/* news ticker */
#ticker { width:290px; height:350px; overflow:auto; margin-top:10px; }
#ticker dt { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0 10px 20px 10px; padding-top:10px; border:1px solid #ffffff; border-bottom:none; border-right:none; position:relative;}
#ticker dd { margin-left:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0 10px 30px 10px; border-bottom:2px dotted #686868; border-left:1px solid #ffffff; position:relative; color:#686868; }
#ticker dd.last { border-bottom:1px solid #ffffff; }
#ticker dt.heading a { color:#ff9900; text-decoration:none; font-size:16px; }
#ticker dt.heading a:hover { color:#061d40; font-size:16px; }

.rightContent { float:right; width:501px;}
.rightContent2 { float:right; width:539px;}
.textBox { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#686868; padding:10px; text-align:left; text-align:justify;}
.textBox h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#153565;}
.textBox li a { color:#153565; }
.textBox li a:hover { color: #f00000; }

.btnBig { margin-top:10px;}
.btnBig a { border:none;}

.btnBig2 { margin-top:10px; margin-bottom:50px;}
.btnBig2 a { border:none;}

.contentPost { margin-left:22px;}

/* footer */
#footerWrapper { background-color:#AAAAAA; bottom:0; }
.footer { width:900px; margin:0 auto; text-align:right; padding:10px 10px 40px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }

/*2nd page */
.breadcrumbs { text-align:right; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#df8600; margin-bottom:30px;}
.breadcrumbs a { text-decoration:none; color:#686868; font-weight:normal; }
.breadcrumbs a:hover { text-decoration:underline; }

.breadcrumbs2 { text-align:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#df8600;}

.title_left { font-family:Arial, Helvetica, sans-serif; font-size:24px; padding:10px 0 5px 30px; border-bottom:#4495d9 1px solid; text-align:left; }
.title_left2 { font-family:Arial, Helvetica, sans-serif; font-size:22px; padding:10px 0 5px 20px; border-bottom:#4495d9 1px solid; text-align:left; }

.subTitle_left { margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.subTitle_left ul { list-style:none; }
.subTitle_left ul li { display:block; padding:5px 0 5px 30px; }
.subTitle_left ul li a { text-decoration:none; color:#0e2953; }
.subTitle_left ul li a.subLink { font-size:14px; text-decoration:none; color:#0e2953; }
.subTitle_left ul li a.current, .subTitle_left ul li a:hover { color:#1e7fd1; }
.subTitle_left ul li a.subLink2 { font-size:14px; color:#1e7fd1;}

iframe { border:#999999 1px solid; margin-top:10px; margin-bottom:10px; }
.t_bold { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#153565;}
.t_red { font-weight:bold; color:#F00; }

/*Form */
#enquiriesForm { width:280px; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:2px;}
#submitForm { width:60px; height:25px; background-color:#ff9900; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border:#cccccc 1px solid; cursor:pointer;}
#resetForm { width:60px; height:25px; background-color:#0a244b; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border:#cccccc 1px solid; cursor:pointer;}
#contact_form_holder { 
    font-family: 'Verdana'; 
    font-size: 12px; 
    width:300px;
}
#contact_form_holder input, #contact_form_holder textarea { 
    width:100%;  
    font-family:inherit; 
    font-size:12px; 
    padding:5px;
}
#contact_form_holder textarea { 
    height:100px;  
}
#kirim { cursor:hand; }
#tombol_submit { text-align:left; margin-top:10px; } 

.error { display: none; padding:10px; color: #D8000C; font-size:10px;background-color: #FFBABA;}
.error1 { display: block; padding:10px; color: #D8000C; font-size:10px;background-color: #FFBABA;}
.sukses { display: none; padding:10px; color: #044406; font-size:10px;background-color: #B7FBB9;}

#logo { vertical-align: middle; }
.error img { vertical-align:top; }
.fontcolor { color: #000; }
.actNum{ font-size:14px; width:200px; padding:3px}

.actNum:hover { border: 1px solid #f00; background: #eef; }
.textfieldTop { width:120px; font-size:14px;}


.textDrop { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#686868; padding:10px; text-align:left;}


/*Accordian*/
#toggle-view4 { list-style:none;	font-family:arial; font-size:11px; margin:0; padding:0; width:600px; }
#toggle-view4 li { margin:10px; border-bottom:1px solid #ccc; position:relative; cursor:pointer; }
#toggle-view4 h3 { margin:7px 0; font-size:14px; }
#toggle-view4 span { position:absolute; right:5px; top:0; color:#153565; font-size:13px; }
#toggle-view4 p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#686868; margin:20px 0; display:none;}


/*Accordian*/
#toggle-view2 { list-style:none;	font-family:arial; font-size:11px; margin:0; padding:0; width:600px; }
#toggle-view2 li { margin:10px; border-bottom:1px solid #ccc; position:relative; cursor:pointer; }
#toggle-view2 h3 { margin:7px 0; font-size:14px; }
#toggle-view2 span { position:absolute; right:5px; top:0; color:#153565; font-size:13px; }
#toggle-view2 p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#686868; margin:20px 0; display:none;}

/*Accordian*/
#toggle-view { list-style:none;	font-family:arial; font-size:11px; margin:0; padding:0; width:500px; }
#toggle-view li { margin:10px; border-bottom:1px solid #ccc; position:relative; cursor:pointer; }
#toggle-view h3 { margin:7px 0; font-size:14px; }
#toggle-view span { position:absolute; right:5px; top:0; color:#153565; font-size:13px; }
#toggle-view p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#686868; margin:20px 0; display:none;}