body {background-image:url(image3/bg.png);}
#wrapper
{float:left;width:960px;
margin-left:30px;padding:10px;background-color:#}
#matrix
{float:left;width:300px;margin:5px;font-family:arial;font-size:14px;color:#666;box-shadow: 0px 9px 9px 0px #000;
-moz-box-shadow: 0px 9px 9px 0px #777;-webkit-box-shadow: 0px 9px 9px 0px #777;}
#matrixTHB
{float:left;width:300px;}
#matrixcaption
{float:left;width:290px;background-color:#fff;padding:5px;margin-top:-5px;}
H1 {font-family: "Open Sans", sans-serif;font-size:24px;color:#666;}
hr.embosed {
    width:100%; 
    height:0; 
    color:none; 
    background:none; 
    border:none; 
    border-top:1px solid #999; 
    border-bottom:1px solid #ccc; 
}
#fullbar
{width:100%;
height:25px;
background-color:#444;
background:-moz-linear-gradient(43% 65% 90deg,#444, #808080);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#808080));
box-shadow:0px 9px 9px 0px rgba(0,0,0,.35);
     -webkit-box-shadow:0px 9px 9px 0px rgba(0,0,0,.35);
     -moz-box-shadow:0px 9px 9px 0px rgba(0,0,0,.35);
     -ms-box-shadow:0px 9px 9px 0px rgba(0,0,0,.35);
z-index:630;
margin-left:-10px;
padding:10px;
display:block;
position:fixed;
top:0%;
font-family:arial;font-size:18px;color:#fff;
}
#fullbar a
{font-family:arial;font-size:15px;color:#fff;text-decoration:none;margin-left:20px;}
#fullbar a:hover
{text-decoration:underline;}

/* Duddy Hadiwido nav */
#dh4 {
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    /* Clear Floats */
    float:left;
    width:500px;
    /* Optional: Bring the nav above everything else--unComment if needed
      position:relative; z-index:5; */
}
#dh4 li {
    position:relative;
    display:inline;
}
#dh4 li a {
    padding:0px;
    color:#fff;
    text-decoration:none;
    float:left;
    display:inline;
    height:60px;
    background-color:#d7bd35;
}
#dh4 li a:hover {
    color:#333;
}
/* Dropdown counterparts */
#dh4 ul {
    background-color:#fff; /* adding a bg makes it work properly in IE 7 :P */
    background:rgba(255,255,255,.0);
    list-style:none;
    position:relative;
    margin-top:-20px;
    left:-9999px; /* Hiding it offscreen */
}
#dh4 ul li {
    padding-top:1px; /* introducing padding between the li and the a give the illusion spaced */
}
#dh4 ul a {
    white-space:nowrap;
    /*stop text wrapping and creating a multiline dropdown */
}
#dh4 li:hover ul {
    left:0; /* bring back onscreen */
    margin-left:0px; /* memposisikan kiri-kanannya bagian dropdown */
}
#dh4 li:hover a {
}
#dh4 li:hover ul a {
}
#dh4 li:hover ul li a:hover {
    background-color:#9a5115;
background:-moz-linear-gradient(43% 65% 90deg,#9a5115, #EB7C22);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#9a5115), to(#EB7C22));
}
h9 {
    font-family: arial;font-size:22px; color:#fff; padding:4px; margin-left:10px; margin-right:4px; margin-top:10px;align:center;
}
/* Duddy Hadiwido nav */

#header
{width:940px;
padding:5px;
height:120px;
margin-top:50px;
margin-bottom:20px;
}
#headertop
{width:940px;
padding:5px;
height:80px;
background-color:#ccc;
background:-moz-linear-gradient(43% 65% 90deg,#ccc, #808080);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#808080));
box-shadow:0px 2px 2px 0px rgba(0,0,0,.35);
     -webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,.35);
     -moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,.35);
     -ms-box-shadow:0px 2px 2px 0px rgba(0,0,0,.35);
font-family:arial;font-size:32px;color:#fff;
border-color:#fff;border-width:1px;border-style:solid;
text-shadow: #222 1px 1px 3px;
}
#breadcrumbs
{float:left;width:942px;padding:5px;background-color:#fff;font-family:arial;font-size:12px;color:#888;margin-top:-25px;}
#breadcrumbs a
{text-decoration:none;font-family:arial;font-size:12px;color:#888;margin-top:0px;}
#breadcrumbs a:hover
{text-decoration:underline;margin-top:0px;}
#footer 
{float:left;width:950px;margin-top:20px;margin-bottom:20px;text-align:center;font-family:arial;font-size:14px;color:#666;}
#footer a {text-decoration:none;color:#666;margin-left:10px;}
#footer a:hover {text-decoration:underline;}

#article {float:left;width:653px;padding:5px;background-color:#fff;font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;font-size:12px;color:#444;}
#apDiv1 {float:left;width:30px;height:30px;background-image:url(snap.png);margin-top:30px;}

#piclatest {float:left;width:245px;background-color:#f3f4f5;padding:5px;font-family:arial;color:#666;}
#pic {float:left;width:240px;padding:0px;}
#pic li {display:inline;}
#pic li a {float:left;margin-left:2px;padding:2px;background-color:#fff;}
#pic li a:hover {float:left;-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);z-index:13;box-shadow:0px 2px 2px 0px rgba(0,0,0,.35);
     -webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,.35);
     -moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,.35);
     -ms-box-shadow:0px 2px 2px 0px rgba(0,0,0,.35);}
#picsubs {float:left;font-family:arial;font-size:10px;color:#666;}

#credentials {width:160px;height;100px;background-color:;padding:2px;}
#credtgl {color:#000;font-size:50px;float:left;width:53px;height:40px;display:block;}
#credb {color:#000;float:left;margin-left:5px;padding:0px;display:block;}
#credt {color:#9a5115;}