/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplay-stacked-slideshow.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
/* tabindex="1" in the link code to fix the 'focus persist' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;}
100% {zoom:1;}
}
/* for Internet Explorer to force a menu refresh after :active + ul */
#StackedImagesGallery a,
body {behavior:url(css/trigger.htc)}

#StackedImagesGallery {position:relative; width:100%; margin:0 auto; height:136%; overflow:hidden;}
#StackedImagesGallery .cover {width:100%; height:100px; background:url(trans.gif); position:absolute; left:0; top:0; z-index:30;}
#StackedImagesGallery a {display:block; width:100%; height:108%; position:absolute; outline:0; background:#FFFFFF;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#StackedImagesGallery a.p1 {top:100px; z-index:10;}
#StackedImagesGallery a.p2 {top:80px; z-index:9;}
#StackedImagesGallery a.p3 {top:64px; z-index:8;}
#StackedImagesGallery a.p4 {top:51px; z-index:7;}
#StackedImagesGallery a.p5 {top:41px; z-index:6;}
#StackedImagesGallery a.p6 {top:33px; z-index:5;}
#StackedImagesGallery a.p7 {top:26px; z-index:4;}
#StackedImagesGallery a.p8 {top:21px; z-index:3;}
#StackedImagesGallery a.p9 {top:17px; z-index:2;}

#StackedImagesGallery a.p1 img {width:100%; padding:0; opacity:1; filter: alpha(opacity=100);}
#StackedImagesGallery a.p2 img {width:79.5%; padding:0 10%; opacity:0.45; filter: alpha(opacity=45);}
#StackedImagesGallery a.p3 img {width:64%; padding:0 17.91%; opacity:0.4; filter: alpha(opacity=40);}
#StackedImagesGallery a.p4 img {width:50.5%; padding:0 24.37%; opacity:0.35; filter: alpha(opacity=35);}
#StackedImagesGallery a.p5 img {width:40.5%; padding:0 29.58%; opacity:0.3; filter: alpha(opacity=30);}
#StackedImagesGallery a.p6 img {width:32%; padding:0 33.75%; opacity:0.25; filter: alpha(opacity=25);}
#StackedImagesGallery a.p7 img {width:25.5%; padding:0 36.87%; opacity:0.2; filter: alpha(opacity=20);}
#StackedImagesGallery a.p8 img {width:20.5%; padding:0 39.58%; opacity:0.15; filter: alpha(opacity=10);}
#StackedImagesGallery a.p9 img {width:16%; padding:0 41.66%; opacity:0.1; filter: alpha(opacity=10);}

#StackedImagesGallery a img {display:block; border:1px solid #FFFFFF;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
/* IE browsers */
#StackedImagesGallery a:active {opacity:0;}

#StackedImagesGallery a.p1:active ~ a.p2 {top:100px; z-index:20;}
#StackedImagesGallery a.p1:active ~ a.p3 {top:80px; z-index:19;}
#StackedImagesGallery a.p1:active ~ a.p4 {top:64px; z-index:18;}
#StackedImagesGallery a.p1:active ~ a.p5 {top:51px; z-index:17;}
#StackedImagesGallery a.p1:active ~ a.p6 {top:41px; z-index:16;}
#StackedImagesGallery a.p1:active ~ a.p7 {top:33px; z-index:15;}
#StackedImagesGallery a.p1:active ~ a.p8 {top:26px; z-index:14;}
#StackedImagesGallery a.p1:active ~ a.p9 {top:21px; z-index:13;}
#StackedImagesGallery a.p1:active ~ a.p2 img {width:79.5%; padding:0; filter: alpha(opacity=100);}
#StackedImagesGallery a.p1:active ~ a.p3 img {width:64%; padding:0 10%; filter: alpha(opacity=45);}
#StackedImagesGallery a.p1:active ~ a.p4 img {width:50.5%; padding:0 17.91%; filter: alpha(opacity=40);}
#StackedImagesGallery a.p1:active ~ a.p5 img {width:40.5%; padding:0 24.37%; filter: alpha(opacity=35);}
#StackedImagesGallery a.p1:active ~ a.p6 img {width:32%; padding:0 29.58%; filter: alpha(opacity=30);}
#StackedImagesGallery a.p1:active ~ a.p7 img {width:25.5%; padding:0 33.75%; filter: alpha(opacity=25);}
#StackedImagesGallery a.p1:active ~ a.p8 img {width:20.5%; padding:0 36.87%; filter: alpha(opacity=20);}
#StackedImagesGallery a.p1:active ~ a.p9 img {width:16%; padding:0 39.58%; filter: alpha(opacity=15);}

#StackedImagesGallery a.p2:active ~ a.p3 {top:100px; z-index:20;}
#StackedImagesGallery a.p2:active ~ a.p4 {top:80px; z-index:19;}
#StackedImagesGallery a.p2:active ~ a.p5 {top:64px; z-index:18;}
#StackedImagesGallery a.p2:active ~ a.p6 {top:51px; z-index:17;}
#StackedImagesGallery a.p2:active ~ a.p7 {top:41px; z-index:16;}
#StackedImagesGallery a.p2:active ~ a.p8 {top:33px; z-index:15;}
#StackedImagesGallery a.p2:active ~ a.p9 {top:26px; z-index:14;}
#StackedImagesGallery a.p2:active ~ a.p3 img {width:64%; padding:0; filter: alpha(opacity=100);}
#StackedImagesGallery a.p2:active ~ a.p4 img {width:50.5%; padding:0 10%; filter: alpha(opacity=45);}
#StackedImagesGallery a.p2:active ~ a.p5 img {width:40.5%; padding:0 17.91%; filter: alpha(opacity=40);}
#StackedImagesGallery a.p2:active ~ a.p6 img {width:32%; padding:0 24.37%; filter: alpha(opacity=35);}
#StackedImagesGallery a.p2:active ~ a.p7 img {width:25.5%; padding:0 29.58%; filter: alpha(opacity=30);}
#StackedImagesGallery a.p2:active ~ a.p8 img {width:20.5%; padding:0 33.75%; filter: alpha(opacity=25);}
#StackedImagesGallery a.p2:active ~ a.p9 img {width:16%; padding:0 36.87%; filter: alpha(opacity=20);}

#StackedImagesGallery a.p3:active ~ a.p4 {top:100px; z-index:20;}
#StackedImagesGallery a.p3:active ~ a.p5 {top:80px; z-index:19;}
#StackedImagesGallery a.p3:active ~ a.p6 {top:64px; z-index:18;}
#StackedImagesGallery a.p3:active ~ a.p7 {top:51px; z-index:17;}
#StackedImagesGallery a.p3:active ~ a.p8 {top:41px; z-index:16;}
#StackedImagesGallery a.p3:active ~ a.p9 {top:33px; z-index:15;}
#StackedImagesGallery a.p3:active ~ a.p4 img {width:50.5%; padding:0; filter: alpha(opacity=100);}
#StackedImagesGallery a.p3:active ~ a.p5 img {width:40.5%; padding:0 10%; filter: alpha(opacity=45);}
#StackedImagesGallery a.p3:active ~ a.p6 img {width:32%; padding:0 17.91%; filter: alpha(opacity=40);}
#StackedImagesGallery a.p3:active ~ a.p7 img {width:25.5%; padding:0 24.37%; filter: alpha(opacity=35);}
#StackedImagesGallery a.p3:active ~ a.p8 img {width:20.5%; padding:0 29.58%; filter: alpha(opacity=30);}
#StackedImagesGallery a.p3:active ~ a.p9 img {width:16%; padding:0 33.75%; filter: alpha(opacity=25);}

#StackedImagesGallery a.p4:active ~ a.p5 {top:100px; z-index:20;}
#StackedImagesGallery a.p4:active ~ a.p6 {top:80px; z-index:19;}
#StackedImagesGallery a.p4:active ~ a.p7 {top:64px; z-index:18;}
#StackedImagesGallery a.p4:active ~ a.p8 {top:51px; z-index:17;}
#StackedImagesGallery a.p4:active ~ a.p9 {top:41px; z-index:16;}
#StackedImagesGallery a.p4:active ~ a.p5 img {width:40.5%; padding:0; filter: alpha(opacity=100);}
#StackedImagesGallery a.p4:active ~ a.p6 img {width:32%; padding:0 10%; filter: alpha(opacity=45);}
#StackedImagesGallery a.p4:active ~ a.p7 img {width:25.5%; padding:0 17.91%; filter: alpha(opacity=40);}
#StackedImagesGallery a.p4:active ~ a.p8 img {width:20.5%; padding:0 24.37%; filter: alpha(opacity=35);}
#StackedImagesGallery a.p4:active ~ a.p9 img {width:16%; padding:0 29.58%; filter: alpha(opacity=30);}

#StackedImagesGallery a.p5:active ~ a.p6 {top:100px; z-index:20;}
#StackedImagesGallery a.p5:active ~ a.p7 {top:80px; z-index:19;}
#StackedImagesGallery a.p5:active ~ a.p8 {top:64px; z-index:18;}
#StackedImagesGallery a.p5:active ~ a.p9 {top:51px; z-index:17;}
#StackedImagesGallery a.p5:active ~ a.p6 img {width:32%; padding:0; filter: alpha(opacity=100);}
#StackedImagesGallery a.p5:active ~ a.p7 img {width:25.5%; padding:0 10%; filter: alpha(opacity=45);}
#StackedImagesGallery a.p5:active ~ a.p8 img {width:20.5%; padding:0 17.91%; filter: alpha(opacity=40);}
#StackedImagesGallery a.p5:active ~ a.p9 img {width:16%; padding:0 24.37%; filter: alpha(opacity=35);}

#StackedImagesGallery a.p6:active ~ a.p7 {top:100px; z-index:20;}
#StackedImagesGallery a.p6:active ~ a.p8 {top:80px; z-index:19;}
#StackedImagesGallery a.p6:active ~ a.p9 {top:64px; z-index:18;}
#StackedImagesGallery a.p6:active ~ a.p7 img {width:25.5%; padding:0; filter: alpha(opacity=100);}
#StackedImagesGallery a.p6:active ~ a.p8 img {width:20.5%; padding:0 10%; filter: alpha(opacity=45);}
#StackedImagesGallery a.p6:active ~ a.p9 img {width:16%; padding:0 17.91%; filter: alpha(opacity=40);}

#StackedImagesGallery a.p7:active ~ a.p8 {top:100px; z-index:20;}
#StackedImagesGallery a.p7:active ~ a.p9 {top:80px; z-index:19;}
#StackedImagesGallery a.p7:active ~ a.p8 img {width:20.5%; padding:0; filter: alpha(opacity=100);}
#StackedImagesGallery a.p7:active ~ a.p9 img {width:16%; padding:0 10%; filter: alpha(opacity=45);}

#StackedImagesGallery a.p8:active ~ a.p9 {top:100px; z-index:20;}
#StackedImagesGallery a.p8:active ~ a.p9 img {width:16%; padding:0; filter: alpha(opacity=100);}

#StackedImagesGallery a.p8:active {top:200px; z-index:13;}


/* non-IE browsers */

#StackedImagesGallery a:focus {opacity:0;}

#StackedImagesGallery a.p1:focus ~ a.p2 {top:100px; z-index:20;}
#StackedImagesGallery a.p1:focus ~ a.p3 {top:80px; z-index:19;}
#StackedImagesGallery a.p1:focus ~ a.p4 {top:64px; z-index:18;}
#StackedImagesGallery a.p1:focus ~ a.p5 {top:51px; z-index:17;}
#StackedImagesGallery a.p1:focus ~ a.p6 {top:41px; z-index:16;}
#StackedImagesGallery a.p1:focus ~ a.p7 {top:33px; z-index:15;}
#StackedImagesGallery a.p1:focus ~ a.p8 {top:26px; z-index:14;}
#StackedImagesGallery a.p1:focus ~ a.p9 {top:21px; z-index:13;}
#StackedImagesGallery a.p1:focus ~ a.p2 img {width:100%; padding:0; opacity:1; filter: alpha(opacity=100);}
#StackedImagesGallery a.p1:focus ~ a.p3 img {width:79.5%; padding:0 10%; opacity:0.45; filter: alpha(opacity=45);}
#StackedImagesGallery a.p1:focus ~ a.p4 img {width:64%; padding:0 17.91%; opacity:0.4; filter: alpha(opacity=40);}
#StackedImagesGallery a.p1:focus ~ a.p5 img {width:50.5%; padding:0 24.37%; opacity:0.35; filter: alpha(opacity=35);}
#StackedImagesGallery a.p1:focus ~ a.p6 img {width:40.5%; padding:0 29.58%; opacity:0.3; filter: alpha(opacity=30);}
#StackedImagesGallery a.p1:focus ~ a.p7 img {width:32%; padding:0 33.75%; opacity:0.25; filter: alpha(opacity=25);}
#StackedImagesGallery a.p1:focus ~ a.p8 img {width:25.5%; padding:0 36.87%; opacity:0.2; filter: alpha(opacity=20);}
#StackedImagesGallery a.p1:focus ~ a.p9 img {width:20.5%; padding:0 39.58%; opacity:0.15; filter: alpha(opacity=15);}

#StackedImagesGallery a.p2:focus ~ a.p3 {top:100px; z-index:20;}
#StackedImagesGallery a.p2:focus ~ a.p4 {top:80px; z-index:19;}
#StackedImagesGallery a.p2:focus ~ a.p5 {top:64px; z-index:18;}
#StackedImagesGallery a.p2:focus ~ a.p6 {top:51px; z-index:17;}
#StackedImagesGallery a.p2:focus ~ a.p7 {top:41px; z-index:16;}
#StackedImagesGallery a.p2:focus ~ a.p8 {top:33px; z-index:15;}
#StackedImagesGallery a.p2:focus ~ a.p9 {top:26px; z-index:14;}
#StackedImagesGallery a.p2:focus ~ a.p3 img {width:100%; padding:0; opacity:1; filter: alpha(opacity=100);}
#StackedImagesGallery a.p2:focus ~ a.p4 img {width:79.5%; padding:0 10%; opacity:0.45; filter: alpha(opacity=45);}
#StackedImagesGallery a.p2:focus ~ a.p5 img {width:64%; padding:0 17.91%; opacity:0.4; filter: alpha(opacity=40);}
#StackedImagesGallery a.p2:focus ~ a.p6 img {width:50.5%; padding:0 24.37%; opacity:0.35; filter: alpha(opacity=35);}
#StackedImagesGallery a.p2:focus ~ a.p7 img {width:40.5%; padding:0 29.58%; opacity:0.3; filter: alpha(opacity=30);}
#StackedImagesGallery a.p2:focus ~ a.p8 img {width:32%; padding:0 33.75%; opacity:0.25; filter: alpha(opacity=25);}
#StackedImagesGallery a.p2:focus ~ a.p9 img {width:25.5%; padding:0 36.87%; opacity:0.2; filter: alpha(opacity=20);}

#StackedImagesGallery a.p3:focus ~ a.p4 {top:100px; z-index:20;}
#StackedImagesGallery a.p3:focus ~ a.p5 {top:80px; z-index:19;}
#StackedImagesGallery a.p3:focus ~ a.p6 {top:64px; z-index:18;}
#StackedImagesGallery a.p3:focus ~ a.p7 {top:51px; z-index:17;}
#StackedImagesGallery a.p3:focus ~ a.p8 {top:41px; z-index:16;}
#StackedImagesGallery a.p3:focus ~ a.p9 {top:33px; z-index:15;}
#StackedImagesGallery a.p3:focus ~ a.p4 img {width:100%; padding:0; opacity:1; filter: alpha(opacity=100);}
#StackedImagesGallery a.p3:focus ~ a.p5 img {width:79.5%; padding:0 10%; opacity:0.45; filter: alpha(opacity=45);}
#StackedImagesGallery a.p3:focus ~ a.p6 img {width:64%; padding:0 17.91%; opacity:0.4; filter: alpha(opacity=40);}
#StackedImagesGallery a.p3:focus ~ a.p7 img {width:50.5%; padding:0 24.37%; opacity:0.35; filter: alpha(opacity=35);}
#StackedImagesGallery a.p3:focus ~ a.p8 img {width:40.5%; padding:0 29.58%; opacity:0.3; filter: alpha(opacity=30);}
#StackedImagesGallery a.p3:focus ~ a.p9 img {width:32%; padding:0 33.75%; opacity:0.25; filter: alpha(opacity=25);}

#StackedImagesGallery a.p4:focus ~ a.p5 {top:100px; z-index:20;}
#StackedImagesGallery a.p4:focus ~ a.p6 {top:80px; z-index:19;}
#StackedImagesGallery a.p4:focus ~ a.p7 {top:64px; z-index:18;}
#StackedImagesGallery a.p4:focus ~ a.p8 {top:51px; z-index:17;}
#StackedImagesGallery a.p4:focus ~ a.p9 {top:41px; z-index:16;}
#StackedImagesGallery a.p4:focus ~ a.p5 img {width:100%; padding:0; opacity:1; filter: alpha(opacity=100);}
#StackedImagesGallery a.p4:focus ~ a.p6 img {width:79.5%; padding:0 10%; opacity:0.45; filter: alpha(opacity=45);}
#StackedImagesGallery a.p4:focus ~ a.p7 img {width:64%; padding:0 17.91%; opacity:0.4; filter: alpha(opacity=40);}
#StackedImagesGallery a.p4:focus ~ a.p8 img {width:50.5%; padding:0 24.37%; opacity:0.35; filter: alpha(opacity=35);}
#StackedImagesGallery a.p4:focus ~ a.p9 img {width:40.5%; padding:0 29.58%; opacity:0.3; filter: alpha(opacity=30);}

#StackedImagesGallery a.p5:focus ~ a.p6 {top:100px; z-index:20;}
#StackedImagesGallery a.p5:focus ~ a.p7 {top:80px; z-index:19;}
#StackedImagesGallery a.p5:focus ~ a.p8 {top:64px; z-index:18;}
#StackedImagesGallery a.p5:focus ~ a.p9 {top:51px; z-index:17;}
#StackedImagesGallery a.p5:focus ~ a.p6 img {width:100%; padding:0; opacity:1; filter: alpha(opacity=100);}
#StackedImagesGallery a.p5:focus ~ a.p7 img {width:79.5%; padding:0 10%; opacity:0.45; filter: alpha(opacity=45);}
#StackedImagesGallery a.p5:focus ~ a.p8 img {width:64%; padding:0 17.91%; opacity:0.4; filter: alpha(opacity=40);}
#StackedImagesGallery a.p5:focus ~ a.p9 img {width:50.5%; padding:0 24.37%; opacity:0.35; filter: alpha(opacity=35);}

#StackedImagesGallery a.p6:focus ~ a.p7 {top:100px; z-index:20;}
#StackedImagesGallery a.p6:focus ~ a.p8 {top:80px; z-index:19;}
#StackedImagesGallery a.p6:focus ~ a.p9 {top:64px; z-index:18;}
#StackedImagesGallery a.p6:focus ~ a.p7 img {width:100%; padding:0; opacity:1; filter: alpha(opacity=100);}
#StackedImagesGallery a.p6:focus ~ a.p8 img {width:79.5%; padding:0 10%; opacity:0.45; filter: alpha(opacity=45);}
#StackedImagesGallery a.p6:focus ~ a.p9 img {width:64%; padding:0 17.91%; opacity:0.4; filter: alpha(opacity=40);}

#StackedImagesGallery a.p7:focus ~ a.p8 {top:100px; z-index:20;}
#StackedImagesGallery a.p7:focus ~ a.p9 {top:80px; z-index:19;}
#StackedImagesGallery a.p7:focus ~ a.p8 img {width:100%; padding:0; opacity:1; filter: alpha(opacity=100);}
#StackedImagesGallery a.p7:focus ~ a.p9 img {width:79.5%; padding:0 10%; opacity:0.45; filter: alpha(opacity=45);}

#StackedImagesGallery a.p8:focus ~ a.p9 {top:100px; z-index:20;}
#StackedImagesGallery a.p8:focus ~ a.p9 img {width:100%; padding:0; opacity:1; filter: alpha(opacity=100);}

#StackedImagesGallery a.p8:focus {top:200px; z-index:13;}