/* slideshow code  */   

#slideshow {
	width: 900px;
/*	margin: 2em auto;*/
	overflow: hidden;
	text-align: center;
}

#slideshow span {
	display: inline-block;
	margin: 0 15px .5em;
}

#slideshow a {
		/* this is creating the dots */
	text-decoration: none;
	background-color: hsla(215, 100%, 100%, 8);
	color: hsla(215, 100%, 100%, .8);
	display: block;
	height: 16px;
	width: 14px;
	border-radius: 14px;
	font-size: 1px;
}


/*------Wedding Slideshow------*/

#wedding_slideshow {
	width: 6300px;
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}

#wedding_slideshow img {
	width: 900px;
	height: 900px;
	vertical-align: bottom;
}

#dot1:target ~ #wedding_slideshow{
	transform: translateX(0);
}

#dot2:target ~ #wedding_slideshow{
	transform: translateX(-900px);
}

#dot3:target ~ #wedding_slideshow{
	transform: translateX(-1800px);
}

#dot4:target ~ #wedding_slideshow{
	transform: translateX(-2700px);
}

#dot5:target ~ #wedding_slideshow{
	transform: translateX(-3600px);
}

#dot6:target ~ #wedding_slideshow{
	transform: translateX(-4500px);
}

#dot7:target ~ #wedding_slideshow{
	transform: translateX(-5400px);
}


/*------Portraits Slideshow------*/

#hs_slideshow {
	width: 9000px;
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}

#hs_slideshow img {
	width: 900px;
	height: 900px;
	vertical-align: bottom;
}

#dot1:target ~ #hs_slideshow{
	transform: translateX(0);
}

#dot2:target ~ #hs_slideshow{
	transform: translateX(-900px);
}

#dot3:target ~ #hs_slideshow{
	transform: translateX(-1800px);
}

#dot4:target ~ #hs_slideshow{
	transform: translateX(-2700px);
}

#dot5:target ~ #hs_slideshow{
	transform: translateX(-3600px);
}

#dot6:target ~ #hs_slideshow{
	transform: translateX(-4500px);
}

#dot7:target ~ #hs_slideshow{
	transform: translateX(-5400px);
}

#dot8:target ~ #hs_slideshow{
	transform: translateX(-6300px);
}

#dot9:target ~ #hs_slideshow{
	transform: translateX(-7200px);
}

#dot10:target ~ #hs_slideshow{
	transform: translateX(-8100px);
}

/*------Pets Slideshow------*/

#pets_slideshow {
	width: 8100px;
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}

#pets_slideshow img {
	width: 900px;
	height: 900px;
	vertical-align: bottom;
}

#dot1:target ~ #pets_slideshow{
	transform: translateX(0);
}

#dot2:target ~ #pets_slideshow{
	transform: translateX(-900px);
}

#dot3:target ~ #pets_slideshow{
	transform: translateX(-1800px);
}

#dot4:target ~ #pets_slideshow{
	transform: translateX(-2700px);
}

#dot5:target ~ #pets_slideshow{
	transform: translateX(-3600px);
}

#dot6:target ~ #pets_slideshow{
	transform: translateX(-4500px);
}

#dot7:target ~ #pets_slideshow{
	transform: translateX(-5400px);
}

#dot8:target ~ #pets_slideshow{
	transform: translateX(-6300px);
}

#dot9:target ~ #pets_slideshow{
	transform: translateX(-7200px);
}


/*------Photobooth Slideshow------*/

#pb_slideshow {
	width: 5400px;
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}

#pb_slideshow img {
	width: 900px;
	height: 900px;
	vertical-align: bottom;
}

#dot1:target ~ #pb_slideshow{
	transform: translateX(0);
}

#dot2:target ~ #pb_slideshow{
	transform: translateX(-900px);
}

#dot3:target ~ #pb_slideshow{
	transform: translateX(-1800px);
}

#dot4:target ~ #pb_slideshow{
	transform: translateX(-2700px);
}

#dot5:target ~ #pb_slideshow{
	transform: translateX(-3600px);
}

#dot6:target ~ #pb_slideshow{
	transform: translateX(-4500px);
}