* {
   margin:0;
   padding:0;
   outline:none;

}

body {
  font-family:arial, verdana,"trebuchet MS", serif;
  font-size:12px;
  background-color:#0e1b8d;
  background-image:url(../bazaarimages/bgbody.gif);

}

#container {
  position:relative;
  margin:auto;
  width:740px;
  height:auto;
  padding:0 20px;
  padding-bottom:5px;
  background-color:white;
  background-image:url(../images/containerbg.jpg);
  background-repeat:repeat-y;
  background-position:center;
  
}
#music {
  position:absolute;
  width:60px;
  height:20px;
  top:0px;
  right:-62px;
  background-image:url(../images/musicbg.png);
  background-repeat:repeat-x;
}

/* navigasi atas */

#header {
   width:auto;
   height:190px;

}

#topnav {
  margin-left:337px;
  padding:5px 0;
  
  }

#topnav li {
  display:inline;
  padding:0 5px; 
}

#topnav a:link, #topnav a:visited{
   text-decoration:none;
   color:#054db9;
}


#topnav a:hover {
   text-decoration:none;
   color:#f26522;
}

/* navigasi kiri*/
#left{
  width:165px;
  background-image:url(../images/saranleftnaf.gif);
  background-repeat:no-repeat;
  
  }
  
  
#left ul{
  margin-left:20px;
  padding:4px;
  padding-bottom:30px;
  padding-top:15px;
  color:#0e1b8d;
  }
  
#left_nav li{
  padding:4px 0;
  letter-spacing:1px;

}  
#left_nav  a:link, #left_nav a:visited{
  color:#054db9;
  text-decoration:none;
  font-weight:normal;
  }
  
#left_nav  a:hover{
  color:#ffae00;
  text-decoration:none;
  font-weight:normal;
  }
  
a img {
  border:none;

}  

#event  {
  padding:25px 10px 25px 30px;
  border-top: 1px dashed #02a3e0;
  }
  
#event img  {
  padding:0px 0;
  }
  
#menu img {
  margin-left:0px;
  margin-top:5px;

}

#left_nav h2 {
  font-size:12px;
  color:white;
  text-align:center;
  background-color:#0e1b8d;
  background-image:url(../katalogimages/ketlogkat.png);
  background-repeat:no-repeat;
  padding:16px 0px 15px 60px;
 
  

}


#left_nav p {
  margin-bottom:5px;
  margin-left:50px;
}

#left_nav #diskonke2 {
  margin-left:44px;

}

#disney {
 padding-left:35px;
 padding-top:20px;
 border-top:1px solid #7b2e00;

}

#sales {
 padding-left:35px;
 padding-top:20px;

}

/* content */
#middle {
  color:#555555;
  position:absolute;
  top:190px;
  left:195px;
  width:550px;
  border: 0px solid #02a3e0;
  background-image:url(../katalogimages/katbg.jpg);
  background-repeat:no-repeat;
  padding-top:15px;
  padding-left:15px;
}




#middle h1, #middle h2, #middle h3{
  color:#0a3883;
}


#middle h1{
  font-size:20px;
  margin-bottom:0px;
}

#middle h2 {
  font-size:14px;
  padding-top:0;
  margin-top:0;
}


#middle h3 {
  font-size:12px;
  font-weight:bold;
}
.katalog1 {
   margin-top:20px;
   margin-bottom:30px;
}

.katalog1 img{
  float:left;
  padding:5px;
  background-color:white;
  margin-right:15px;
  border:1px solid #f7941d;
}


#ket {
  margin-left:180px;
}

#ket li {
  margin-left:40px;
}


#middle ul {
  margin-top:6px;

}
#middle a:link, #middle a:visited {
  text-decoration:none;
  color:#f26522;
}

#middle a:hover {
   color:#054db9;

}

span {
  color:red;


}
 
/* footer */
#footer {
   padding:15px;
   font-size:10px;
   text-align:center;
   background-color:#02519b;
   margin-top:800px;
   margin-bottom:7px;
   color:white;


}