/* CSS Document */

body{color:#FFFFFF; font:"Times New Roman", Times, serif; font-size:13px; line-height:17px; letter-spacing:normal; text-align:justify; background:url(Images/SSH_021.jpg) top left #1b9300 no-repeat; padding:0px; margin:0px; background-attachment:fixed}
h3{color:#FFFFFF; font-weight:bold; font-size:17px; text-transform:uppercase}
img.br1{border:#FFFFFF 1px solid;}
#header{position:absolute; left:0px; top:0px; width:700px; height:175px; z-index:1}
#menu{position:absolute; width:460px; height:24px; z-index:2;  left:165px; top:133px; float:left;}
#menu .home{height:24px; width:57px; float:left; background:url(Images/menu.jpg);}
#menu .company{height:24px; width:153px; float:left; background:url(Images/menu.jpg) -57px 0;}
#menu .product{height:24px; width:100px; float:left; background:url(Images/menu.jpg) -210px 0;}
#menu .link{height:24px; width:67px; float:left; background:url(Images/menu.jpg) -310px 0;}
#menu .contact{height:24px; width:80px; float:left; background:url(Images/menu.jpg) -383px 0 no-repeat;}

/*hover*/
#menu .homeh{height:24px; width:57px; float:left; background:url(Images/menu-h.jpg);}
#menu .companyh{height:24px; width:153px; float:left; background:url(Images/menu-h.jpg) -57px 0;}
#menu .producth{height:24px; width:100px; float:left; background:url(Images/menu-h.jpg) -210px 0;}
#menu .linkh{height:24px; width:67px; float:left; background:url(Images/menu-h.jpg) -310px 0;}
#menu .contacth{height:24px; width:80px; float:left; background:url(Images/menu-h.jpg) -383px 0 no-repeat;}

/*product hover*/
#product-h{position:absolute; width:220px; z-index:2;  left:385px; top:155px; float:left; background:#FFFFFF; color:#006600; font-size:13px; border:#006600 2px solid; visibility:hidden;}
#product-h .subprod{padding:3px 7px; width:94%; float:left}
#product-h .subprod-h{padding:3px 7px; width:94%; float:left; background:#009933; font-weight:bold; color:#FFFFFF; cursor:default}

/*thumb images header*/
#thumb{position:absolute; width:620px; height:85px; z-index:1;  left:50px; top:183px; float:left; background:#006600; padding-left:5px;}
.marquee {position:relative;
          overflow:hidden;
          width:610px;
          height:85px;
          }
.marquee a img{border:none; padding:5px}

/*untuk konten*/
#konten{position:absolute; width:400px; z-index:1;  left:130px; top:283px; float:left; font-size:13px}
#konten a{color:#FFFFFF; font-weight:bold; text-decoration:none}
#konten a:hover{text-decoration:underline}
#konten .footer{text-align:center; margin-top:20px; border-top:1px solid #FFFFFF;}
#marquee{width:500px; position:absolute; top:28px; background:#1b9202; z-index:10; text-transform:uppercase; left:110px; height:20px; font-weight:bold; font-size:16px}