* {
   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:#0287b9;
}


#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:#0287b9;
  text-decoration:none;
  font-weight:normal;
  }
  
#left_nav  a:hover{
  color:#ffae00;
  text-decoration:none;
  font-weight:normal;
  }
  
a img {
  border:none;

}  


  
#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(../appliancesimages/ext-garantie.jpg);
  background-repeat:no-repeat;
  padding:16px 0px 15px 45px;
  

}


#event h2 {
  font-size:14px;
  color:#0e1b8d;
  text-align:left;
  margin-bottom:10px;
  padding:5px;
  background-color:#f7941d;
}

#event img {
  margin-left:6px;
}


#event  .iconkom{
   margin-left:30px;
   margin-top:5px;

}


}
em {
  font-size:9px;

}



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



#middle ul,#middle li{
  margin-left:15px;

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


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

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





#lokasikiri {
  float:left;
  padding:0px;
  margin-left:15px;
  
}

#ket {
   clear:left;
   text-align:center;



}

#middle img {
   margin-left:60px;
   padding:10px;
   background-color:white;
   border:1px solid #96c0ff;


}

#middle #peta {
 position:absolute;
  top:580px;
  left:-50px;


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


}