#menu {position:relative; top:1px; left:180px; width:75px; background-color:#fff; z-index:100;} 
#menu a.p1, #menu a.p1:visited {display:block; width:14px; height:14px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:10px;}
#menu a.p1:hover .large {display:block; position:absolute; top:-200px; left:40px; width:300px; height:250px; border:2px solid #fff;}

#info {z-index:100; height:20em;}


/* ORIGINAL SCRIPT FROM http://www.cssplay.co.uk/menu/magnify.html */
/* <div id="menu"> */
/* <a class="p1" href="#nogo" title="thumbnail image"><img src="../img/tdrips.jpg" title="Thumbnail image" alt="Thumbnail image" /><img class="large"  src="../img/drips.jpg" title="Enlarged view of image" alt="Enlarged view of image" /></a> */
/* </div> */


/* #menu {position:relative; top:10px; left:100px; width:75px; background-color:#fff; z-index:100;} */
/* #menu a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;} */
/* #menu a img {border:0;} */
/* #menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} */
/* #menu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;} */
/* #menu a.p1:hover .large {display:block; position:absolute; top:-60px; left:150px; width:300px; height:300px; border:10px solid #fff;} */

/* #info {z-index:100; height:20em;} */