html, body {
    padding:0;
    margin:0;
    position: fixed;
	width:100%;
	height:100%;
	background: url('http://yoichiimai.com/images/bg2small.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:scroll;
}


.wrapper {
    width:100%;
    height:100%;
}
.page {
    width:100%;
    height: 100%;
    margin:0 auto;
}
.imageMap {
    width:100%;
    height: 100%;
    position:relative;
    margin-bottom:0;
}
.imageMap img {
    display:block;
    width:100%;
}
.imageMap .hotspots {
    width:100%;
    height:100%;
    visibility:hidden;
    display:block;
    overflow: hidden;
}
.imageMap a {
    display:block;
    position:absolute;
    background:#000;
    z-index:100;
    opacity:0;
    filter: alpha(opacity=20);
    border:1px solid transparent;
    border-radius:10px;
}
.imageMap a.mileskind {
    left:3%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.milesbitchesbrew {
    left:5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.louread {
    left:8.2%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.ramp {
    left:13%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.royayers {
    left:15.2%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.teruonakamura {
    left:17%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.lonnielistonsmith {
    left:18.8%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.normanconnors {
    left:22.2%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.donaldbyrd {
    left:24.2%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.bobbihumphrey {
    left:26%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.freddiehubbard {
    left:28%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.maxroach {
    left:31%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.bobjamestwo {
    left:33%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.bobjamesone {
    left:36.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.blackbyrds {
    left:39%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.lonnielistonsmithex {
    left:42%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.eddiejefferson {
    left:45.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.funkadelic {
    left:47.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.meters {
    left:49.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.jb {
    left:51.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.skullsnaps {
    left:54%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.eugenemcdaniels {
    left:56.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.heathbrothers {
    left:58%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.jamalca {
    left:60%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.ahmadjamal73 {
    left:61.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.jamalplays {
    left:63.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.ahmadjamalawakening {
    left:65.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.outertimeinnerspace {
    left:68%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.pianosceneofahmadjamal  {
    left:74.3%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.getzgilberto {
    left:77.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.getzbonfa {
    left:80%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.rotaryconnection {
    left:82.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.minnieriperton {
    left:85%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.herbiehancocksextant {
    left:88.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.herbiehancockhunters {
    left:90.5%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.santana {
    left:96%;
    top:2%;
    width:1.5%;
    height:88%;
}
.imageMap a.santanaabraxas {
    left:98.2%;
    top:2%;
    width:1.5%;
    height:88%;
}


.imageMap a + p {
    position:absolute;
    left:0%;
    top:102%;
    width:100%;
    color:#000;
    display:none;
}
.imageMap:hover .hotspots {
    visibility:visible;
}
.imageMap p strong {
    display:block;
    padding:0;
    margin:0;
    font: bold 25px/30px'times new roman', serif;
    color:#000;
}
.imageMap p {
    padding:0;
    margin:0;
    font: normal 18px/22px'times new roman', serif;
    color:#444;
}
.imageMap .hotspots div:hover b {
    width:0;
    padding:0;
}
.imageMap .hotspots div:hover p {
    display:block;
}
.imageMap .hotspots div:hover a {
    background:#fff;
    z-index:100;
    opacity:0.3;
    filter: alpha(opacity=30);
}


/*youtube popup*/



/*footer style*/
#footer {
	margin-bottom: 20px;
	position: fixed;
	bottom: 0;
	width: 100%;

}

#footer p {
   font: 0.8em/2 arial, sans-erif;
   color: #ffffff;
   text-transform: uppercase;
   text-align: center;
   letter-spacing:1px;
   }
   
#footer a {
   text-decoration: none;
   color: #ffffff;
   }
   
#footer a:hover {
   opacity: 0.8;
   }