/* CSS Document */
.page-top { background-image: url(top_bg.jpg); background-repeat: repeat-x; }
.page-top .top-img { background-image:url(top_img.jpg);}
.page-top .logo { position: absolute; top: 37px; left: 190px; } 

.page-top .logo img { visibility:hidden; } 
.page-top .logo a {display: block; width: 184px; height: 43px; background-image:url(logo.png); background-repeat: no-repeat; }
/*.page-top .logo { margin-left: 350px; margin-top: 20px; width: 221px; height: 40px; float: left; } */

.miracle { display: block; position: absolute; top: 10px; left: 0; width: 300px; }
.miracle div { display: block; position: relative; height: 22px; float: left; }

.miracle .let { background-image:url(miracle/let.png); background-repeat: no-repeat; width: 57px; z-index: 999; }
.miracle .miracles { background-image:url(miracle/miracles.png); background-repeat: no-repeat; width: 64px;  left: 20px; top: 10px;  z-index: 998; opacity: 0.7  }
.miracle .happen { background-image:url(miracle/happen.png); background-repeat: no-repeat; width: 89px;  left: 40px; top: -8px;   z-index: 997; opacity: 0.5}
.miracle .exclam { background-image:url(miracle/exclam.png); background-repeat: no-repeat; width: 16px;  left: 60px; top: 5px;   z-index: 996; opacity: 0.3}

.miracle:hover { cursor: }
.miracle:hover .let { background-image:url(miracle/let.png); background-repeat: no-repeat; width: 57px; z-index: 999; }
.miracle:hover .miracles { background-image:url(miracle/miracles.png); background-repeat: no-repeat; width: 64px;  left: -12px; top: 0; z-index: 998;  opacity: 1  }
.miracle:hover .happen { background-image:url(miracle/happen.png); background-repeat: no-repeat; width: 89px;  left: -22px; top: 0;   z-index: 997;  opacity: 1}
.miracle:hover .exclam { background-image:url(miracle/exclam.png); background-repeat: no-repeat; width: 16px;  left: -32px; top: 0;   z-index: 996;  opacity: 1}