@charset "utf-8";
/* CSS Document */

/* Lock image width and height */
.image {
	width: 720px;
	height: 520px;
}
img {
	border: none;
}
/* Used to center the page on load */
#imageContainer {
	position: fixed;
}
/* Color Images */
#colorInside {
	position: absolute;
	top: 540px;
	left: 740px;
}
#color1 {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
}
#color2 {
	display: none;
	position: absolute;
	top: 10px;
	left: 740px;
}
#color3 {
	display: none;
	position: absolute;
	top: 10px;
	left: 1470px;
}
#color4 {
	display: none;
	position: absolute;
	top: 540px;
	left: 1470px;
}
#color5 {
	display: none;
	position: absolute;
	top: 1070px;
	left: 1470px;
}
#color6 {
	display: none;
	position: absolute;
	top: 1070px;
	left: 740px;
}
#color7 {
	display: none;
	position: absolute;
	top: 1070px;
	left: 10px;
}
#color8 {
	display: none;
	position: absolute;
	top: 540px;
	left: 10px;
}

/* Grayscale Images */
#nocolor1 {
	position: absolute;
	top: 10px;
	left: 10px;
}
#nocolor2 {
	position: absolute;
	top: 10px;
	left: 740px;
}
#nocolor3 {
	position: absolute;
	top: 10px;
	left: 1470px;
}
#nocolor4 {
	position: absolute;
	top: 540px;
	left: 1470px;
}
#nocolor5 {
	position: absolute;
	top: 1070px;
	left: 1470px;
}
#nocolor6 {
	position: absolute;
	top: 1070px;
	left: 740px;
}
#nocolor7 {
	position: absolute;
	top: 1070px;
	left: 10px;
}
#nocolor8 {
	position: absolute;
	top: 540px;
	left: 10px;
}