
.wrapper {background:url(images/bg.jpg);}
	main {width:956px;height:612px;background:url(../../../styles/images/sprite-overall.png) -10px -967px;margin:15px auto 0;overflow:hidden;position:relative;}

		.elements {position:absolute;top:32px;right:0;bottom:0;left:480px;width:473px;height:473px;}
		.boxes {position:absolute;top:30px;right:0;bottom:0;left:240px;width:473px;height:473px;border:1px solid #91A2A6;}

		.elements > *, .boxes > * {float:left;width:156px;height:156px;}

		.boxes {left:4px;border:1px solid #91A2A6;}
		.boxes:after {position:absolute;top:50%;left:50%;content:attr(data-info);width:150px;color:#000;text-align:center;margin:-10px 0 0 -75px;z-index:5;}
			.boxes .ok {background-image:url(images/sprite.png);position:relative;z-index:10;}

		.elements {right:10px;}
			.elements > * {background:url(images/sprite.png);}


                        .element_1 {background-position: -10px -1172px;}

                        .element_2 {background-position: -10px -1006px;}
			.element_3 {background-position: -10px -840px;}
			.element_4 {background-position: -10px -674px;}
			.element_5 {background-position: -10px -508px;}
			.element_6 {background-position: -10px -342px;}
                   	.element_7 {background-position: -10px -176px;}
                   	.element_9 {background-position: -10px -1338px;}
                   	.element_8 {background-position: -10px -10px;}



		a.hint {position:absolute;bottom:84px;left:50%;display:block;width:150px;color:#000;text-align:center;margin-left:-75px;}
		a.hint:hover {text-decoration:none;}
		div.hint {display:none;position:fixed;top:50%;left:50%;content:"";width:250px;height:250px;background:#FFF url(images/hint.png);border:1px solid #888;margin:-230px 0 0 -127px;z-index:100;}
