html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	background-color: #FFFFFF;
}

div, a, a:hover, a:active {
	border: 0px;
	text-decoration: none;
}

div.mainContainer {
	vertical-align: middle;
	display: table-cell;
	position: relative;
	background: url("/img/sprite.png") 0px -500px no-repeat;
}

div.middleContainer {
	padding: 0;
	width: 500px;
	height: 500px;
	margin: 0 auto;
}

div.box1, div.box2, div.box3, div.box4 {
	display: table-cell;
	width: 250px;
	height: 250px;
	cursor: hand;
	background-image: url("/img/sprite.png");
}

div.box1 { background-position: -200px 0px; }
div.box2 { background-position: -450px -250px;}
div.box3 { float: left; background-position: -450px 0px;}
div.box4 { background-position: -200px -250px;}

span.box11, span.box12, span.box13, span.box14, span.box21, span.box22, span.box23, span.box24, span.box31, span.box32, span.box33, span.box34, span.box41, span.box42, span.box43, span.box44 {
	width: 50px;
	height: 50px;
	position: relative;
	top: 25px;
	background-image: url("/img/sprite.png");
	display: block;
}

span.box11 { left: 25px; background-position: 0px 0px; }
span.box11:hover { background-position: 0px -50px;}

span.box12 { left: 75px; background-position: -50px 0px;}
span.box12:hover { background-position: -50px -50px;}

span.box13 { left: 125px; background-position: -100px 0px;}
span.box13:hover { background-position: -100px -50px;}

span.box14 { left: 175px; background-position: -150px 0px;}
span.box14:hover { background-position: -150px -50px;}

span.box21 { left: 175px; background-position: 0px -100px;}
span.box21:hover { background-position: 0px -150px;}

span.box22 { left: 125px; background-position: -50px -100px;}
span.box22:hover { background-position: -50px -150px;}

span.box23 { left: 75px; background-position: -100px -100px;}
span.box23:hover { background-position: -100px -150px;}

span.box24 { left: 25px; background-position: -150px -100px;}
span.box24:hover { background-position: -150px -150px;}

span.box41 { left: 25px; background-position: 0px -200px;}
span.box41:hover { background-position: 0px -250px;}

span.box42 { left: 75px; background-position: -50px -200px;}
span.box42:hover { background-position: -50px -250px;}

span.box43 { left: 125px; background-position: -100px -200px;}
span.box43:hover { background-position: -100px -250px;;}

span.box44 { left: 175px; background-position: -150px -200px;}
span.box44:hover { background-position: -150px -250px;}

span.box31 { left: 175px; background-position: 0px -300px;}
span.box31:hover { background-position: 0px -350px;}

span.box32 { left: 125px; background-position: -50px -300px;}
span.box32:hover { background-position: -50px -350px;}

span.box33 { left: 75px; background-position: -100px -300px;}
span.box33:hover { background-position: -100px -350px;}

span.box34 { left: 25px; background-position: -150px -300px;}
span.box34:hover { background-position: -150px -350px;}