/* CSS Document */
div.carnival {
	position: absolute;
	top: 220px;
	left: 170px;
	width: 500px;
	height: 300px;
	background-color: #FFFFFF;
	border: 4px solid #000099;
}
div#clown {position: absolute; top: 20px; left: 20; width: 100px; background-color: #FFFFFF;}
div#clown a {
	display: block;
	height:22px;
	width:34px;
	background-image: url(/carnival/gallery.jpg);
	float: left;
}

a#p1{background-position: 0px -3677px;}
a#p2{background-position: -33px -3677px;}
a#p3{background-position: -68px -3677px;}
a#p4{background-position: -102px -3677px;}
a#p5{background-position: -136px -3677px;}
a#p6{background-position: -170px -3677px;}

a#p7{background-position: -204px -3677px;}
a#p8{background-position: -238px -3677px;}
a#p9{background-position: -272px -3677px;}
a#p10{background-position: 0px -3701px;}
a#p11{background-position: -34px -3701px;}
a#p12{background-position: -68px -3701px;}
a#p13{background-position: -104px -3701px;}
a#p14{background-position: -136px -3701px;}
a#p15{background-position: -174px -3701px;}
a#p16{background-position: -206px -3701px;}
a#p17{background-position: -242px -3701px;}


div#clown a span {display: none;}
div#clown a:hover span {display: block; width:320px; height:214px; position: absolute; left: 150px; top: 0px; background-image: url(/carnival/gallery.jpg);}
a#p2:hover span {background-position: 0px -214px;}
a#p3:hover span {background-position: 0px -424px;}
a#p4:hover span {background-position: 0px -1114px;}
a#p5:hover span {background-position: 0px -900px;}
a#p6:hover span {background-position: 0px -1329px;}
a#p7:hover span {background-position: 0px -1528px;}
a#p8:hover span {background-position: 0px -1729px;}
a#p9:hover span {background-position: 0px -1943px;}
a#p10:hover span {background-position: 0px -644px;}
a#p11:hover span {background-position: 0px -2151px;}
a#p12:hover span {background-position: 0px -2367px;}
a#p13:hover span {background-position: 0px -2797px;}
a#p14:hover span {background-position: 0px -2583px;}
a#p15:hover span {background-position: 0px -3006px;}
a#p16:hover span {background-position: 0px -3221px;}
a#p17:hover span {background-position: 0px -3436px;}
div#clown a:hover {	background-image: none;	background-color: #000099;}

div#instructions {
	position: absolute;
	right: 20px;
	bottom:20px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #999999;
}