/*  The Kamaka Ukulele Lineup - Image Map          */
/*    Modeled after Stu Nicholls image map concept */

#mapcontainer {
/*  background: #FFFFFF;
  border: 1px solid #000000; */
  padding: 4px 3px 45px 20px;
  }

#ukemap {display:block; width:485px; height:179px; background: url(/img/imap/ukelineup.jpg); position:relative; /*margin-bottom:5em; */}

/* fix IE55 width problem with div */
* html #ukemap {			/* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
	width: 495px;
	w\idth: 485px;
	}

#ukemap a {color:#000; font-family:arial, sans-serif; font-size:12px; font-weight:bold; text-align: center; /*text-transform:uppercase;*/ text-decoration: none;}

a#maintitle, a#maintitle:visited {display:block; width:485px; height:0; padding-top:175px; position:absolute; left:0; top:0; background: transparent url(/img/imap/ukelineup.jpg) no-repeat 400px 400px; cursor:default; text-decoration:none;}
* html a#maintitle {height:179px; he\ight:0;}
#ukemap a#maintitle:hover {background-position: 0 0; overflow:visible; color:#c00;}


a#ukea {display:block; width:67px; height:0; padding-top:158px; overflow:hidden; position:absolute; left:15px; top:21px; background: transparent url(/img/imap/uke-af.gif) no-repeat 400px 400px;}
* html a#ukea {height:132px; he\ight:0;}
a#ukea:hover {background-position: 0 0; overflow:visible;}

a#ukeb {display:block; width:61px; height:0; padding-top:140px; overflow:hidden; position:absolute; left:76px; top:39px; background:transparent url(/img/imap/uke-bf.gif) no-repeat 400px 400px;}
* html a#ukeb {height:124px; he\ight:0;}
a#ukeb:hover {background-position: 0 0; overflow:visible;}

a#ukec {display:block; width:57px; height:0; padding-top:151px; overflow:hidden; position:absolute; left:137px; top:28px; background:transparent url(/img/imap/uke-cf.gif) no-repeat 400px 400px;}
* html a#ukec {height:122px; he\ight:0;}
a#ukec:hover {background-position: 0 0; overflow:visible;}

/* Making the image name uke-df makes the image drab versus uke-db makes the image b&w */
a#uked {display:block; width:54px; height:0; padding-top:145px; overflow:hidden; position:absolute; left:194px; top:34px; background:transparent url(/img/imap/uke-df.gif) no-repeat 400px 400px;}
* html a#uked {height:122px; he\ight:0;}
a#uked:hover {background-position: 0 0; overflow:visible;}

a#ukee {display:block; width:50px; height:0; padding-top:152px; overflow:hidden; position:absolute; left:248px; top:27px; background:transparent url(/img/imap/uke-ef.gif) no-repeat 400px 400px;}
* html a#ukee {height:108px; he\ight:0;}
a#ukee:hover {background-position: 0 0; overflow:visible;}

a#ukef {display:block; width:43px; height:0; padding-top:146px; overflow:hidden; position:absolute; left:298px; top:33px; background:transparent url(/img/imap/uke-ff.gif) no-repeat 400px 400px;}
* html a#ukef {height:111px; he\ight:0;}
a#ukef:hover {background-position: 0 0; overflow:visible;}

a#ukeg {display:block; width:46px; height:0; padding-top:121px; overflow:hidden; position:absolute; left:342px; top:58px; background:transparent url(/img/imap/uke-gf.gif) no-repeat 400px 400px;}
* html a#ukeg {height:92px; he\ight:0;}
a#ukeg:hover {background-position: 0 0; overflow:visible;}

a#ukeh {display:block; width:49px; height:0; padding-top:133px; overflow:hidden; position:absolute; left:380px; top:46px; background:transparent url(/img/imap/uke-hf.gif) no-repeat 400px 400px;}
* html a#ukeh {height:91px; he\ight:0;}
a#ukeh:hover {background-position: 0 0; overflow:visible;}

a#ukei {display:block; width:53px; height:0; padding-top:128px; overflow:hidden; position:absolute; left:425px; top:51px; background:transparent url(/img/imap/uke-if.gif) no-repeat 400px 400px;}
* html a#ukei {height:92px; he\ight:0;}
a#ukei:hover {background-position: 0 0; overflow:visible;}