 <style type="text/css">
                body {
                    background: #222;
                    margin: 0; padding: 0;
                    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
                }
                *{outline: none;}
                img {border: 0;}
                .container {
                    width: 800px;
                    padding: 0;
                    margin: 0 auto;
                }
                .folio_block {
                    position: absolute;
                    left: 50%; top: 20%;
                    margin: -140px 0 0 -395px;
                }


                /*--Main Container--*/
                .main_view {
                    float: left;
                    position: relative;
                }
                /*--Window/Masking Styles--*/
                .window {
                    height:286px;	width: 800px;
                    overflow: hidden; /*--Hides anything outside of the set width/height--*/
                    position: relative;
                }
                .image_reel {
                    position: absolute;
                    top: 0; left: 0;
                }
                .image_reel img {float: left;}

                /*--Paging Styles--*/
                .paging {
                    position: absolute;
                    bottom: 0px; right: -7px;
                    width: 178px; height:47px;
                    z-index: 100; /*--Assures the paging stays on the top layer--*/
                    text-align: center;
                    line-height: 40px;
                    background: url(../img/paging_bg2.png) no-repeat;
                    display: none; /*--Hidden by default, will be later shown with jQuery--*/
                }
                .paging a {
                    padding: 5px;
                    text-decoration: none;
                    color: #fff;
                }
                .paging a.active {
                    font-weight: bold;
                    background: #920000;
                    border: 1px solid #610000;
                    -moz-border-radius: 3px;
                    -khtml-border-radius: 3px;
                    -webkit-border-radius: 3px;
                }
                .paging a:hover {font-weight: bold;}


  /*--Menu--*/
                .menu {
                    position: absolute;
                    bottom: -45px; left: 0px;
			    width: 800px; height:47px;
                    z-index: 100; /*--Assures the paging stays on the top layer--*/
                    text-align: center;
                    line-height: 10px;
background: url(../img/bgmenu.jpg) no-repeat;

                }






 /*--Logo--*/
                .logo {
                    position: absolute;
                    bottom: 170px; left: 30px;
                    width: 428px; height:90px;
                    z-index: 100; /*--Assures the paging stays on the top layer--*/
                    text-align: center;
                    line-height: 40px;
                    background: url(../img/logo3.png) no-repeat;
                    
                }


 /*--bottom--*/
                .bottom {
                    position: absolute;
			    left: 0px; bottom: 0px;
                    width: 800px; height:200px;
                    z-index: 100; /*--Assures the paging stays on the top layer--*/
                    text-align: center;
                    line-height: 40px;
                    background: url(../img/bawah.png) no-repeat;
                    
                }



 /*--isi--*/
                .isi {
                    position: absolute;
                    top: 330px; left: 0px;
                    width: 800px; height:355px;
                    z-index: 100; /*--Assures the paging stays on the top layer--*/
                    text-align: center;
                    line-height: 40px;
                    background: url(../img/bg2.jpg) no-repeat;
                    
                }



 /*--isi--*/
                .isi2 {
                    position: absolute;
                    top: 330px; left: 0px;
                    width: 800px; height:555px;
                    z-index: 100; /*--Assures the paging stays on the top layer--*/
                    text-align: center;
                    line-height: 40px;
                    background: url(../img/bg2.jpg) no-repeat;
                    
                }





 /*--bawah--*/
                .bawah {
                    position: absolute;
                    bottom: -420px; left: 0px;
                    width: 800px; height:80px;
                    z-index: 100; /*--Assures the paging stays on the top layer--*/
                    text-align: center;
                    line-height: 40px;
                    background: url(../img/bawah2.png) no-repeat;
                    
                }

 /*--bawah--*/
                .bawah2 {
                    position: absolute;
                    bottom: -620px; left: 0px;
                    width: 800px; height:80px;
                    z-index: 100; /*--Assures the paging stays on the top layer--*/
                    text-align: center;
                    line-height: 40px;
                    background: url(../img/bawah2.png) no-repeat;
                    
                }


            </style>