#slideshow {
	/* Thomas Traub reported that there were white flashes in Safari 5.1 */
	-webkit-transform-style:preserve-3d;
	position:relative;
	width:895px;
	height:428px;
	overflow:hidden;
	border:8px solid #fff;
	-webkit-box-shadow:1px 1px 5px #000;
	   -moz-box-shadow:1px 1px 5px #000;
	    -ms-box-shadow:1px 1px 5px #000;
	     -o-box-shadow:1px 1px 5px #000;
	        box-shadow:1px 1px 5px #000;
}

#slideshow img {
  position:absolute;
  /*width:900px;
  height:500px;
  top:50%;
  left:50%;
  margin-left:-180px;
  margin-top:-120px;*/
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
     -moz-transition-property: opacity, -moz-transform;
     -moz-transition-duration: 3s, 8s;
      -ms-transition-property: opacity, -ms-transform;
      -ms-transition-duration: 3s, 8s;
       -o-transition-property: opacity, -o-transform;
       -o-transition-duration: 3s, 8s;
          transition-property: opacity, transform;
          transition-duration: 3s, 8s;
}
#slideshow img  {
  -webkit-transform-origin: bottom right;
     -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
       -o-transform-origin: bottom right;
          transform-origin: bottom right;
}
#slideshow :nth-child(2n+1) {
  -webkit-transform-origin: top right;
     -moz-transform-origin: top right;
      -ms-transform-origin: top right;
       -o-transform-origin: top right;
          transform-origin: top right;
}
#slideshow :nth-child(3n+1) {
  -webkit-transform-origin: top right;
     -moz-transform-origin: top right;
      -ms-transform-origin: top right;
       -o-transform-origin: top right;
          transform-origin: top right;
}
#slideshow :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
     -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
       -o-transform-origin: bottom right;
          transform-origin: bottom right;
}
/**
 * hack to get the top images out of the stack when the first one is styled
 * what we really need is to take care of the two last ones in the stack, but
 * it is more 'flexible' to go with the selector below as the only one we
 * really don't want to send 'behind' is the one right after the first one (#2).
 */
#slideshow .fx:first-child + img ~ img  {z-index:-1;}

#slideshow .fx {
  opacity:1;
  -webkit-transform: scale(1.2) translate(30px);
     -moz-transform: scale(1.2) translate(30px);
      -ms-transform: scale(1.2) translate(30px);
       -o-transform: scale(1.2) translate(30px);
          transform: scale(1.2) translate(30px);
}