#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url(img/brc-bg.png) no-repeat top; position: relative;  width: 926px; height: 306px; left:-8; top:2; }
#slideshow .branches {color:white; font-family:Arial, Helvetica, sans-serif; font-size:17px; padding:3px 0px 0px 13px; width:100px;}
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures {width: 926px; height: 277px; left: 0; overflow: hidden; top:179px;}
#slideshow #pictures li { display: block; position: absolute; width:926px; background:url(img/bg-brancess.png) repeat-x top #000000; }
#slideshow #pictures li .bg {background:url(img/braches-bottom.png) bottom no-repeat; height:247px; }
#slideshow #pictures li .atasan {background:url(img/frame-atas.png) no-repeat bottom; height:15px; width:927px;}
#slideshow #pictures li .tengahan {background:url(img/frame-center.png) repeat-y; width:925px; height:216px; position:relative;}
#slideshow #pictures li .tengahan .div {width:904px; font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; color:#fff; padding:0px 10px 8px 10px;}
#slideshow #pictures li .tengahan a.btn-visit-website{position:absolute; right:24px; bottom:0; display:block; width:142px; height:26px;background:url(img/visit-website.png) left top no-repeat;}
#slideshow #pictures li .bawahan {background:url(img/frame-bawah.png) no-repeat top; width:927px; height:15px;}
#slideshow #pictures li .div h2{font-size:18px; padding-top:4px;}
#slideshow #pictures li img { display: block; position: relative; bottom: 0;}
#slideshow #menu {list-style-type: none; width: 924px; height: 207px; right: 0; padding-top: 10px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; width:115px; height:147px; float:left;}
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 0px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; background:none;}
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 25px 0 0px 0px; line-height: 18px; }
#slideshow #menu li.background { background: url(img/braches-active.png) no-repeat center; position: absolute; font-size: 1px; z-index: 5;}
#slideshow #menu li .img {padding-left:8px;}