#igeanim { position: relative; height: 288px; width: 186px; margin:5px auto 5px auto; top: 60px;  }
#igeanim div { position: absolute; height: 104px; top: 0; opacity: 0; visibility: hidden; 
-webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -transition: opacity 500ms ease-in; }
#igeanim div#i { width: 45px; background-image: url(images/intro/i.png); }
#igeanim div#g { width: 84px; background-image: url(images/intro/g.png); left: 45px; }
#igeanim div#e { width: 57px; background-image: url(images/intro/e.png); left: 129px; }
#igeanim div#i2 { width: 61px; height: 124px; background-image: url(images/intro/i2.png);  }
#igeanim div#mag { top: -105px; left: -76px; width: 334px; height: 344px; background-image: url(images/intro/mag.png); 
-webkit-transition: opacity 500ms ease-in, -webkit-transform 1s linear; -webkit-transform: scale(1); 
-moz-transition: opacity 500ms ease-in, -moz-transform 1s linear; -moz-transform: scale(1);
-transition: opacity 500ms ease-in, -transform 1s linear; -transform: scale(1);
 z-index: 21; }
div.expand { border: 2px dotted #c0676f; border-radius: 5px; display: block; position: absolute; z-index: 20; opacity:1; pointer-events: none; }
#igeanim div.expand { border-width: 6px; border-radius: 15px; }
#igeanim div#screen { opacity: 1; visibility: visible; background-image: url(images/ip1.png); left:18px; top:-40px; width:150px; height:288px;
-webkit-transition: none; -moz-transition: none; -transition: none;}