body,p,img,div,table,tr,td,a,pre,ul,li { padding: 0px; border: 0px; margin: 0px; }

html { overflow: scroll; }
html,body,#container { text-align: center; margin: auto; height: 100%; background-color: black; }
#container { width: 100%; overflow: hidden; }

#top { height: 280px; }

#top .left {
   position:relative; left: -200px;
   width: 800px; margin:auto;
   background-image: url('../img/top_lewak.jpg');
   background-repeat: no-repeat; background-position: 0px 0px;
}
#top .right { 
   position:relative; right: -400px;
   width: 800px; margin:auto; 
   background-image: url('../img/top_prawak.jpg');
   background-repeat: no-repeat; background-position: 600px 0px;
}
#top .center { 
   position:relative; left: -200px; 
   margin:auto; width: 800px; 
}

#middle .left {  
   position:relative; left: -200px;
   width: 800px; margin:auto;
   background-image: url('../img/middle_lewak.jpg');
   background-repeat: repeat-y; background-position: 0px 0px;
}
#middle .right { 
   position:relative; right: -400px; 
   width: 800px; margin:auto; 
   background-image: url('../img/middle_prawak.jpg');
   background-repeat: repeat-y; background-position: 600px 0px;
}
#middle .center { 
   position:relative; left: -200px;
   margin:auto; width: 800px;
}

#footer { height: 181px; }

#footer .left {  
   position:relative; left: -200px;
   width: 800px; margin:auto;
   background-image: url('../img/middle_lewak.jpg');
   background-repeat: repeat-y; background-position: 0px 0px;
}
#footer .right { 
   position:relative; right: -400px; 
   width: 800px; margin:auto; 
   background-image: url('../img/middle_prawak.jpg');
   background-repeat: repeat-y; background-position: 600px 0px;
}
#footer .center { 
   position:relative; left: -200px;
   margin:auto; width: 800px;
}