#layout {
	box-sizing: border-box;
	display: table;
	height: 100%;
	overflow: hidden;
	padding: 10em 4em 10em 0;
	position: relative;
	width: 100%;
	-moz-box-sizing: border-box;
}

#wrap {
	display: table-row;
	height: 100%;
	position: relative;
	width: 100%;
}

/* {{{ Ширина и смещение левых панелей */
#header1,
#middle1,
#footer1 {
	width: 25%;
}

#header1,
#footer1 {
	left: 0;
}
/* }}} Ширина и смещение левых панелей */

/* {{{ Ширина и смещение центральных (по вертикали) панелей */
#header2,
#middle2,
#footer2 {
	width: 55%;
}


/* }}} Ширина и смещение центральных (по вертикали) панелей */

/* {{{ Ширина и смещение правых панелей */
#middle3 {
	width: 20%;
}



#header3 .content,
#footer3 .content {
	-moz-box-sizing: border-box;
}
/* }}} Ширина и смещение правых панелей */

/* Высота панелей */
#header,
#footer-wrap,
#footer,
#header .section,
#footer .section,
#header1 .content,
#header2 .content,
#footer1 .content {
	height: 8em;
}

/* {{{ Центральные по горизонтали панели */
.middle {
	float: left;
	height: 100%;
	position: relative;
	z-index: 2;
}



#middle2 {
	left: 2em;
	margin-right: -4px;
}

#middle3 {
	left: 4em;

}
/* }}} Центральные по горизонтали панели */

#header,
#footer {
	min-width: 930px;
	position: absolute;
	left: 0;
	right: 4em;
	z-index: 3;

}

#header {
	top: 0;
}

#footer-wrap {
	min-width: 970px;
	position: absolute;
	left: 0;
	margin-top: 2em;
	width: 100%;
}

.section {
	position: absolute;
	top: 0;
}

#header2,
#footer2 {
	margin-left: 2em;
}

#header3,
#footer3 {
	margin-left: 4em;
}

/* {{{ Для Firefox */
#footer .section {
	bottom: 0;
	overflow: hidden;
	top: auto;
	position:relative;
	
}
/* }}} Для Firefox */

/* {{{ Контент блоков */
#header .content,
#footer .content {
	position: absolute;
}

#header .content,
#middle1 .content,
#middle2 .content,
#footer2 .content,
#footer3 .content {
	width: 100%;
}

#header3 .content {
	bottom: 0;
	left: 0;
	width:720px;
}

#middle2 .content {
	margin-right: -1000px;
}

#middle3 .content {
	margin-right: -100%;
	position: relative;
	width: 200%;
	right:0px;
display:block;
}

#footer1 .content {
	right: 0;
	top: 0;
}

#footer2 .content,
#footer3 .content {
	left: 0;
	top: 0;
}
/* }}} Контент блоков */

/* {{{ Скругленные углы */
.round-corner {
	height: 100%;
	left: -1px;
	overflow: hidden;
	padding: 1px;
	position: absolute;
	top: -1px;
	width: 100%;
}

.round-corner b {
	background: url(/images/round_corner2.png) no-repeat;
	height: 110px;
	left: -55px;
	position: absolute;
	top: -55px;
	width: 110px;
}

.round-corner .lb,
.round-corner .rb {
	top: auto;
	bottom: -55px;
}




.round-corner .rb,
.round-corner .rt {
	margin-left: 100%;
}
/* }}} Скругленные углы */