

.wrapper {background-color: white;}
	main {width:1024px;height:605px;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:218px;height:218px;}

		.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 {position:relative;z-index:10;}

		.elements {right:10px;}

			.element_1 {background:url(images/3/puzzle1.png);}
                        .element_2 {background:url(images/3/puzzle2.png);}
                        .element_3 {background:url(images/3/puzzle3.png);}
                        .element_4 {background:url(images/3/puzzle4.png);}
                        .element_5 {background:url(images/3/puzzle5.png);}
                        .element_6 {background:url(images/3/puzzle6.png);}
                        .element_7 {background:url(images/3/puzzle7.png);}
                        .element_8 {background:url(images/3/puzzle8.png);}
                        .element_9 {background:url(images/3/puzzle9.png);}


		a.hint {position:absolute;bottom:14px;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/3/hint.png);border:1px solid #888;margin:-230px 0 0 -127px;z-index:100;}
