#body {
 /*background-image: url('../images/topbar.jpg'), url('../images/botbar.jpg');
 background-position: left top, left bottom;
 background-repeat: repeat-x;*/
}
#wrapper {
 margin:0 auto;
 padding:0;
 background:#fff;
 width:900px;
 border-left:solid 0px #000;
 border-right:solid 0px #000;
}
h3 {margin:0px 0px 5px 0px;}
#header {
 color:#000;
 background:url('../images/bgh.jpg')no-repeat;
 font:normal 14px tahoma;
 padding:0;
 height:123px;
}
#logo {
 width:70%;
 display:inline-block;
 margin:0 5px 0 2px;
}
#date {
 width:28%;
 display:inline-block;
 vertical-align:top;
 margin-top:40px;
 margin-right:5px;
 font:bold 14px tahoma;
 text-align:right;
}
#board {
 height:40px;
 margin:0;
 padding:0;
 background:#3051a3;
}
#board ul {
 height:40px;
 font:bold 15px tahoma;
 list-style-type: none;
 margin:0;
 padding:0;

 display:inline-block;
}
#board ul li {
 display:inline;
 margin:0;
 padding:10px 20px 10px 12px;
 line-height:40px;
}
#board ul a, #date a {
 text-decoration:none;
 color:#ffffb3;
}
#board ul li:hover, #board ul li a:active {
 color:#ffffb3;
 background:#1a3a8b;
}
#board ul li a:hover {
 color:#ffffb3;
 background:#1a3a8b;
}
#board #search {width:28%;display:inline-block;text-align:right;}
#board #search img {margin:6px 0 0 5px;color:#fff;border:none;}
#slider {margin:3px 0 0 0;}
#slider #target {margin:0;padding:0;height:332px;} 
#slider #statik {margin:0;padding:0;height:120px;}
#slider #trigger {margin:2px 0 0 0;padding:0;height:30px;text-align:center;background:red;}
#slider #trigger ul {display:inline-block;list-style-type:none;margin:0;padding:0;}
#slider #trigger ul li {display:inline;font:bold 22px tahoma;color:#fff;}
#slider #trigger ul li a{text-decoration:none;color:#fff;}
#slider #trigger ul li a:hover, #slider #trigger ul li a:active, #slider #trigger ul li a.activeSlide {text-decoration:none;color:black;}
#main {
 font:normal 12px tahoma;
 margin:0;
 padding:0;
}
#main a {
 text-decoration:none;
 color:#000;
}
#main a img {border:none;}
#main .full {margin:2px;padding:6px;} 
#main .full .items1 {float:none;clear:both;min-height:247px;border-top:dotted 1px #000;border-bottom:dotted 1px #000;padding:2px 0 2px 0;}
#main .full .items1 img {float:left;margin:0 5px 5px 0;}
#main .full .items2 {float:none;clear:both;min-height:509px;border-top:dotted 1px #000;border-bottom:dotted 1px #000;padding:2px 0 2px 0;}
#main .full .items2 img {float:left;margin:0 5px 5px 0;}
#main .w135 {width:135px;}
#main .w154 {width:154px;}
#main .w240 {width:240px;}
#main .w630 {width:630px;}
#main .w716 {width:716px;}
#main .w721 {width:721px;}
#main .subleft {display:inline-block;vertical-align:top;margin:2px 2px 2px 8px;padding:0;}
#main .subleft img {padding:0;}
#main .cat img {padding:10px 0 15px 0;}
#main .thumb img{margin:0 2px 0 0;border:dotted 1px #000;}
#main .subright {display:inline-block;vertical-align:top;margin:2px 8px 2px 2px;padding:0;}
#main .subright img {border:solid 1px #000;padding:0;}
#main .none {float:none;clear:both;}
#main .subright .items {float:none;clear:both;min-height:101px;border-top:dotted 1px #000;border-bottom:dotted 1px #000;padding:2px 0 2px 0;}
#main .subright .items img{float:left;margin:0 5px 5px 0;}
#main .subright .items:hover {border-top:dashed 1px #000;border-bottom:dashed 1px #000;background:#fcfcfc;}
#main kat {font:normal 12px tahoma;padding-left:5px;}
#main kat a {padding-right:10px;}
#main kat a:hover {text-decoration:underline;}
/*#main kat#kategori {position:absolute;z-index:100;margin:280px 0 0 170px;}*/
#main kat#kategori {position:absolute;z-index:100;margin:5px 0 0 5px;}
#main katicon {background:url('../images/subicon.png')no-repeat;}
#main #diagram {background:url('../images/diagram.jpg')no-repeat;width:630px;height:306px;border:solid 1px #000;padding:0;}
#main .produk-titel {font:bold 12px tahoma;font-style:italic;}
#main .frmstyle p {
 display:block;
}
#main .frmstyle label {
 display: inline-block;width: 120px;
}
#main .frmstyle input#nama, #main .frmstyle input#email, #main .frmstyle input#alamat{width:250px;}
#main .frmstyle input#user, #main .frmstyle input#pswd {width:200px;}
#main .frmstyle input#notelp {width:150px;}
#main .frmstyle input#subjek, #main .frmstyle textarea#pesan {width:450px;}
#main .frmstyle input#pass, #main .frmstyle input#pass1, #main .frmstyle input#pass2 {width:200px;}
#main .frmstyle input#klien {width:300px;}
#main .frmstyle input#tahun {width:250px;}
#main .frmstyle input#lokasi {width:450px;}
#main .frmstyle input#deskripsi {width:85%;}
#main .frmstyle input#caption {width:200px;}
#main .frmstyle input#target {width:450px;}
#main .frmstyle textarea#deskripsi {width:85%;}
#main .frmstyle .buttons {margin:10px 0 0 126px;}
#main .ymsgr {padding-left:10px;}
#main table {width:100%;margin-left:0;}
#main table td {padding:2px 2px 2px 5px;}
#main table .angka {text-align:right;}
#main .tbjudul {background:#69b3bc;font:bold 12px tahoma;text-align:center;}
#main .tbdata {background:#69b3bc;}
#main alert {font:bold 13px tahoma;color:red;}
#main .box {
 border:dotted 1px #000;
 background:#fcfcfc;
 padding:5px;
}
#main .box:hover {
 border:dashed 1px #000;
 padding:5px;
}
#main #kir img, #main #kan img {border:none;}
#kir {position:absolute;z-index:99;width:50px;height:50px;top:375px;left:15%;}
#kan {position:absolute;z-index:99;width:50px;height:50px;top:375px;left:81%;}
#kir:hover, #kan:hover {cursor: pointer;}
.roundbtn {border:solid 1px #ccc;padding:1px 3px 1px 1px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}
#footer {
 font:normal 12px tahoma;
 margin:0px;
 padding:7px 0 0 12px;
 background:url('../images/bgf.jpg')repeat-x;
 height:25px;
}
#footer #copyright {width:50%;display:inline-block;margin:auto;}
#footer ul {
 font:normal 12px tahoma;
 list-style-type: none;
 margin:0;
 padding:0;
 width:48%;
 display:inline-block;
 text-align:right;
}
#footer ul li {
 display:inline;
 margin:0;
 padding:10px 10px 10px 10px;
}
#footer ul a {
 text-decoration:none;
 color:#000;
}
#footer ul li a:hover {
  color:red;
}
.clear {
 clear:both;
 float:none;
}