.elementcanvas {
  position: absolute;
  width: 800px;
  height: 380px;
  top: 220px;
  display: none;
  }

.slider {
  overflow: hidden;
  opacity: 0;
  position: absolute;
  background: url(/about/media/img/animation/slide_background.gif) no-repeat;
  }

.slider span, .fadein img {
  cursor: pointer !important;
}

.slider span {
  margin-top: 1px;
  position: relative;
  display: block;
  background: url(/about/media/img/personas_1+2.jpg) no-repeat;
  }

.slider.ears span {position: relative}

.fadein.ears img {margin-top: 1px}

.fadein img {
  width: 100%;
  height: 100%;
  top: 1px;
  }

#actionbuttons {
  position: absolute;
  top: 546px;
  left: 351px;
  z-index: 9000;
  }

#actionbuttons a {
  display: block;
  text-decoration: none;
  }

a#learnmore_button {
  position:absolute;
  top:0;
  left: 0px;
  width: 165px;
  height: 36px;
  background: url(/about/media/img/animation/learn_more.png) no-repeat 0 0;
  }

#actionbuttons a span {visibility:hidden}

#actionbuttons a:hover {
  cursor:pointer;
  background-position: 0 -40px;
  }

a#getstarted_button {
  position:absolute;
  top:0;
  left: 175px;
  width: 165px;
  height: 36px;
  background: url(/about/media/img/animation/get_started.png) no-repeat 0 0;
  }
  
a#signup_button {
  position:absolute;
  top:0;
  left: 175px;
  width: 165px;
  height: 36px;
  background: url(/about/media/img/animation/sign_up.png) no-repeat 0 0;
  }  

.fadein {
  position: absolute;
  display: block;
  overflow: visible;
  }

/* Persona 1 notes */

#textclip {
  left: 0;
  height: 93px;
  top: 0;
  width: 220px;
  }

#textclip span {
  width:220px;
  height:93px;
  right:220px;
  background-position: 0 -1px;
  }

#webclip {
  width: 103px;
  height: 199px;
  left: 468px;
  top: 0;
  }
  
#webclip span {
  width:103px;
  height:200px;
  right:104px;
  background-position: -469px -1px;
  }

#voicemail{
  top:107px;
  left:585px;
  width:103px;
  height:93px;
  }

#voicemail span  {
  right:103px;
  width:103px;
  height:93px;
  background-position:-586px -108px;
  }

#blueprints {
  left: 118px;
  top: 214px;
  width: 337px;
  height: 93px;
  }
  
#blueprints span {
  width:337px;
  height:93px;
  right:342px;
  background-position:-115px -218px;
  }

#email {
  position: absolute;
  width: 103px;
  height: 92px;
  left: 234px;
  top: 0px
  }

#email span {
  width: 103px;
  height: 93px;
  right: 103px;
  background-position: -233px -1px;
  }

#reading {
  width: 337px;
  height: 93px;
  position: absolute;
  top: 107px;
  }

#reading span {
  width: 337px;
  height: 93px;
  background-position: 0 -108px;
  }

#tickets_slanted {
  top: 214px;
  left: 468px;
  position: absolute;
  width: 222px;
  height: 105px;
  }

#tickets_slanted span {
  width: 225px;
  height: 108px;
  background-position: -471px -214px;
  }

#farmers_market  {
  width: 107px;
  height: 211px;
  position: absolute;
  top: 0;
  left: 351px;
  }

#farmers_market span {
  width: 110px;
  height: 211px;
  background-position: -350px 0;
  }

#pdf {
  top: 0;
  left: 585px;
  position: absolute;
  width: 103px;
  height: 93px;
  }

#pdf span {
  width: 103px;
  height: 93px;
  background-position: -586px -1px;
  }


#earSequenceSource1, 
#earSequenceSource2, 
#earSequenceSource3, 
#earSequenceSource4 {
  margin-bottom: -22px;
  margin-top:-1px;
  width: 18px;
  height: 22px;
  position: relative; 
/*   top: -9px; Original Factor Value */
  top: 0px; /* Amitabh's fix */
  }


#earSequenceSource1 {background: url(/about/media/img/animation/dog_ears.png) no-repeat 29px 0px;}
#earSequenceSource2 {background:url(/about/media/img/animation/dog_ears2.png) no-repeat 29px 0px;}
#earSequenceSource3 {background:url(/about/media/img/animation/dog_ears3.png) no-repeat 29px 0px;}
#earSequenceSource4 {background:url(/about/media/img/animation/dog_ears4.png) no-repeat 29px 0px;}

.earSequence {
  position: relative;
  top: 0;
  left: 0;
  }


/* second persona  */

#voice_litigation {
  left:234px;
  top:0px;
  width:220px;
  height:93px;
  }

#voice_litigation span {
  width: 220px;
  height: 93px;
  right: 220px;
  background-position: -233px -330px;
  }

#preferences_pdf {
  left: 351px;
  top: 107px;
  width: 337px;
  height: 93px;
  }

#preferences_pdf span {
  width: 337px;
  height: 93px;
  right: 337px;
  background-position:-351px -437px;
  }

#anniversary {
  left: 351px;
  top: 214px;
  width: 103px;
  height: 93px;
  }
  
#anniversary span {
  width: 103px;
  height: 93px;
  right: 101px;
  background-position:-351px -547px;
  }

#wish_list {
  width: 103px;
  height: 199px;
  top: 0;
  left: 0px;
  }

#wish_list span {
  width: 103px;
  height: 200px;
  right: 105px;
  background-position: 0 -330px;
  }

#chicago_premier {
  position: absolute;
  top: 0;
  left: 468px;
  width: 103px;
  height: 92px;
}

#chicago_premier span {
  width: 103px;
  height: 93px;
  right: 103px;
  background-position: -469px -330px;
}

#recipe {
  position: absolute;
  top: 108px;
  left: 234px;
  width: 105px;
  height: 205px;
  }

#biz_cards {
  position: absolute;
  top: 216px;
  left: 468px;
  width: 220px;
  height: 93px;
  }

#dog_photo {
  position: absolute;
  top: 0;
  left: 585px;
  width: 103px;
  height: 93px;
  }

#documents {
  position: absolute;
  left: 117px;
  top: 0;
  width: 103px;
  height: 307px;
  }


/* third persona */

#obvious_thing {
  left: 0;
  top: 0;
  width: 337px;
  height: 93px;
  }

#obvious_thing span {
  width: 337px;
  height: 93px;
  right: 337px;
  background: url(/about/media/img/personas_3+4.jpg) no-repeat 0 0;
  }

#celeb_juice {
  left: 234px;
  top: 107px;
  width: 337px;
  height: 93px;
  }

#celeb_juice span {
  height: 93px;
  width: 337px;
  right: 337px;
  background: url(/about/media/img/personas_3+4.jpg) no-repeat -233px -107px;
  }

#swatches {
  left: 117px;
  top: 107px;
  width: 103px;
  height: 200px;
  }

#swatches span {
  height: 200px;
  width: 103px;
  right: 103px;
  background: url(/about/media/img/personas_3+4.jpg) no-repeat -115px -107px;
}

#summer_colors {
  left: 585px;
  top: 0;
  width: 103px;
  height: 200px;
  }

#summer_colors span {
  height: 200px;
  width: 103px;
  right: 103px;
  background: url(/about/media/img/personas_3+4.jpg) no-repeat -587px 0;
  }

#lunch_confirm {
  left: 468px;
  top: 214px;
  height: 103px;
  height: 93px;
  }

#lunch_confirm span {
  height: 93px;
  width: 103px;
  right: 103px;
  background: url(/about/media/img/personas_3+4.jpg) no-repeat -469px -217px;
  }

#todo_list {
  position: absolute;
  top: 107px;
  left: 0;
  width: 103px;
  height: 93px;
  }
  
#plane_ticket {
  position: absolute;
  top: 214px;
  left: 234px;
  width: 226px;
  height: 96px;
  }
  
#excel {
  position: absolute;
  top: 214px;
  left: 585px;
  width: 103px;
  height: 93px;
  }

#photo_series {
  position: absolute;
  top: 0;
  left: 351px;
  width: 223px;
  height: 93px;
  }


/* fourth persona */

#clip_wood {
	left: 0;
	top: 0;
	width: 103px;
	height: 200px;
}

#clip_wood span {
	right: 103px;
	width: 103px;
	height: 200px;
	background: url(/about/media/img/personas_3+4.jpg) no-repeat 0px -350px;
}

#email_grades {
	left: 234px;
	top: 0px;
	width: 103px;
	height: 93px;
}

#email_grades span {
	height: 93px;
	width: 103px;
	right: 103px;
	background: url(/about/media/img/personas_3+4.jpg) no-repeat -234px -350px;
}

#backpacker_map {
	left: 234px;
	top: 107px;
	height: 93px;
	width: 337px;
}

#backpacker_map span {
	height: 93px;
	width: 337px;
	right: 337px;
	background: url(/about/media/img/personas_3+4.jpg) no-repeat -233px -457px;
}

#critics_quiet {
	left: 234px;
	top: 214px;
	width: 220px;
	height: 93px;
}

#critics_quiet span {
	height: 93px;
	width: 220px;
	right: 220px;
	background: url(/about/media/img/personas_3+4.jpg) no-repeat -233px -567px;
}

#boot {
	left: 585px;
	top: 0;
	width: 103px;
	height: 93px;
}

#boot span {
	width: 103px;
	height: 93px;
	right: 103px;
	background: url(/about/media/img/personas_3+4.jpg) no-repeat -587px -350px;
}

#snapshot_grade {
	position: absolute;
	top: 0;
	left: 117px;
	width: 103px;
	height: 307px;
}

#excel_attendance {
	position: absolute;
	top: 0;
	left: 351px;
	width: 220px;
	height: 93px;
}

#basic_fishing {
	position: absolute;
	top: 107px;
	left: 585px;
	width: 107px;
	height: 208px;
}

#buy_pickles {
	position: absolute;
	top: 214px;
	left: 468px;
	width: 105px;
	height: 103px;
}


/* cabinet animation */

#cabinetdisplay {
	position: absolute;
	top: 441px;
	left: -80px;
	width: 172px;
	height: 125px;
	display: none;
}

#cabinet1, 
#cabinet2, 
#cabinet3, 
#cabinet4, 
#cabinet5 {
	display: none;
	position: absolute;
	left: 0;
	background: url(/about/media/img/homepage_sprite.png) no-repeat;
}

#cabinetdisplay span {
  width: 172px;
  height: 125px;
  display: none;
  }

#cabinet1, 
#cabinet5 {background: url(/about/media/img/homepage_sprite.png) no-repeat -15px -100px;}
#cabinet2 {background: url(/about/media/img/homepage_sprite.png) no-repeat -194px -100px;}
#cabinet3 {background: url(/about/media/img/homepage_sprite.png) no-repeat -15px -250px;}
#cabinet4 {background: url(/about/media/img/homepage_sprite.png) no-repeat -190px -250px;}