/* adim.sikiji@gmail.com*/
body { margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF}
/* header */
.header { width:902px; height:47px; background:url(images/header.jpg) no-repeat}
.header #menu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; padding:11px 0 0 20px}
.header #menu a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none}
.header #menu a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fcd601; text-decoration:none}

/* content */
.content { width:902px; height:477px; background-color:#f1f2f3}
ul.content { margin:0; overflow:hidden; width:100%; height:477px; padding:0;}
ul.content li { margin:0pt; padding:0pt}
.content00 {float:left;display:block; width:700px;height:477px}
.content00 #top { width:700px; height:26px; background:url(images/contentop.jpg) no-repeat ; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF }
.content00 #isitop { padding:6px 10px 0 0; float:right}
.content00 #data { width:700px; height:451px; background:url(images/contetdata.jpg) no-repeat}
.content00 #datacontact { width:700px; height:451px; background:url(images/contactdata.jpg) no-repeat}
.content01 {float:left;display:block; width:22px;height:477px; }
.content02 {float:left;display:block; width:180px;height:477px}
.content02 #top { width:165px; height:24px; background:url(images/topleft.gif) no-repeat;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF }
.content02 #isitopleft { padding:6px 0 0 10px; float:left}
.content02 #data { width:165px; height:320px; background-color:#186dad}
.content02 #dataproducts { width:145px; height:100px; padding:5px 8px 0 8px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; }
.content02 #dataproducts a{  font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-decoration:none }
.content02 #dataproducts a:hover{  font-family:Verdana, Arial, Helvetica, sans-serif; color:#fcd601; font-size:11px; text-decoration:none }
.content02 #bottomleft { width:165px; height:10px; background:url(images/bottomleft.gif) no-repeat; padding-bottom:15px}
.content02 #login { width:165px; height:107px; background:url(images/bg_clients.gif) no-repeat}
.content02 #form { padding:30px 0 0 8px; height:77px}
.bts { padding-bottom:2px}
.content02 #button { height:22px; width:57px; padding:3px 11px 0 0; float:right}
.batas { width:902px; height:17px; background:url(images/batas.jpg) no-repeat}
.input { width:148px; height:19px; border:#1d2a5b 1px solid; color:#777777}

/* footer */
.footer { width:902px; height:24px; background:url(images/footer.jpg) no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:9px; font-weight:bold}
.footer #copyright {padding:5px 0 0 15px; width:707px; float:left}
.footer #btnswitch { width:180px; float:left; padding:2px 0 0 0}
.contenttext { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0 20px 10px 20px; }
.contenttext #title { font-size:12px; font-weight:bold;color:#333333;}
.contenttext #title a{ font-size:12px; font-weight:bold;color:#333333; text-decoration:none}
.contenttext #title a:hover{ font-size:12px; font-weight:bold;color:#FF3300; text-decoration:none}
.contenttext #title2 { font-size:12px; color:#333333;}
.contenttext #title2 a{ font-size:12px; color:#333333; text-decoration:none}
.contenttext #title2 a:hover{ font-size:12px;color:#FF3300; text-decoration:none}
.contenttext #clients{ height:99px; width:103px; padding:8px 18px 0 0; float:left}
.titlemenu { padding:10px 0 0 20px}
.contactdata { width:210px; height:60px; float:left}
.contactdata #id { font-size:12px}
.logocontact {width:667px; height:230px; background:url(images/logo.gif) bottom right no-repeat}
.contacttable { color:#4d4b4b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px}
.newscontent { padding-top:5px; height:380px}
.newscontent #clients{ height:99px; width:103px; padding:18px 18px 0 0; float:left}
.contentdalam { height:330px; overflow:auto}
.more {padding:0 4px 0 0; border-bottom:#0066FF 1px solid}
.more a { text-decoration:none; color:#0066FF }
.more a:hover { text-decoration:none; color:#FF6600 }