/* ------------------------------------------------------- */
/* RESET THIS HELL HOLE */
/* ------------------------------------------------------- */

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	}

body {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #000;
	background:url(../img/page_back.jpg);
}

/* ------------------------------------------------------- */
/* WRAPPER */
/* ------------------------------------------------------- */

#wrapper_top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../img/top/itecho_top.png) no-repeat center center;
	background-size: 750px 100px;
}

/* ------------------------------------------------------- */
/* SECTIONS */
/* ------------------------------------------------------- */

section {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50%;
}

section .inner {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 50px;
	overflow: hidden;
}

section:last-of-type {
	top: 50%;
}

section:last-of-type .inner {
	bottom: 0px;
	top: 50px;
}

/* ------------------------------------------------------- */
/* CELLS */
/* ------------------------------------------------------- */

.cell {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 20%;
	height: 50%;
	overflow: hidden;
}

.cell:nth-child(2) {
	left: 20%;
}
.cell:nth-child(3) {
	left: 40%;
}
.cell:nth-child(4) {
	left: 60%;
}
.cell:nth-child(5) {
	left: 80%;
}
.cell:nth-child(6) {
	top: 50%;
	left: 0%;
}
.cell:nth-child(7) {
	top: 50%;
	left: 20%;
}
.cell:nth-child(8) {
	top: 50%;
	left: 40%;
}
.cell:nth-child(9) {
	top: 50%;
	left: 60%;
}
.cell:nth-child(10) {
	top: 50%;
	left: 80%;
}

.cell-bg {
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity:0.6;              /* Safari 1.x */	
	opacity: 0.6;
	zoom:1;
	
	-webkit-transition: opacity 666ms ease-out;
	-moz-transition: opacity 666ms ease-out;
	-o-transition: opacity 666ms ease-out;
	transition: opacity 666ms ease-out;
}

.cell-bg2 {
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity:1.0;              /* Safari 1.x */
	zoom:1;

	-webkit-transition: opacity 666ms ease-out;
	-moz-transition: opacity 666ms ease-out;
	-o-transition: opacity 666ms ease-out;
	transition: opacity 666ms ease-out;
}