/*
.cleared
Правильный clear для блоков, содержащих float'нутые элементы
*/

.cleared:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

* html .cleared {
   display: inline-block;
   height: 1%;
}

body { font-size: .8em !important; line-height: 1.2em !important; position: absolute; min-height: 100%; min-width: 100%; }
body.projects { background: #fff url('/images/bgs/duck.jpg') no-repeat left top; }
body.pricing { background: #fff url('/images/bgs/i_dollar.jpg') no-repeat 5px top; }
	body.pricing #header { background: url('/images/bgs/i_paper2.jpg') no-repeat right top; }
	i.paper_tl { display: block; width: 149px; height: 116px; position: absolute; top: 160px; left: 0; z-index: 1; background: url('/images/bgs/i_paper5.jpg') no-repeat right top; }
	i.paper_tr { display: block; width: 279px; height: 127px; position: absolute; top: 0px; right: 18%; z-index: 1; background: url('/images/bgs/i_paper1.jpg') no-repeat right top; }
	i.paper_bl { display: block; width: 114px; height: 55px; position: absolute; bottom: 0; left: 0; z-index: 1; background: url('/images/bgs/i_paper4.jpg') no-repeat right top; }
	i.paper_br { display: block; width: 44px; height: 75px; position: absolute; bottom: 0; right: 0; z-index: 1; background: url('/images/bgs/i_paper3.jpg') no-repeat right top; }
body.contacts { background: #fff url('/images/bgs/pen.jpg') no-repeat right top; }
body.wtf { background: #171717; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.logo { position: absolute; top: 20px; right: 30px; z-index: 5; }
.copyright { position: absolute; bottom: 20px; left: 20px; z-index: 5; }
.wtf { position: absolute; bottom: 20px; right: 20px; z-index: 5; }
a.wtf, a.wtf:visited { color: #000; font-size: .8em; }
a.wtf:hover { color: #f00; }

ul.menu { list-style: none; position: absolute; top: 0; left: 20px; margin: 0; padding: 0; z-index: 3; }
	ul.menu li { width: 32px; height: 210px; position: relative; _zoom: 1; background: url('/images/menu_bg.png') no-repeat 0 0; background: rgba(255,0,0,0.8); margin: 0 1px 0 0; padding: 0; float: left; }
		ul.menu a { display: block; width: 32px; height: 210px; }
		ul.menu img { xxxmargin: 5px; }

#header { padding: 90px 140px 20px 390px; }
	#header h1 { position: relative; z-index: 5; }

	.projectsMenu { list-style: none; margin: 50px 0 0 -10px; padding: 0; }
		.projectsMenu li { float: left; margin: 0 5px 0 0; padding: 10px 20px 15px 20px; text-align: center; }
		.projectsMenu li.active { background: #e5e5e5; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; margin: 0 10px; }
			.projectsMenu h2 { margin: 0; }
			.projectsMenu li i { display: none; width: 25px; height: 13px; background: url('/images/ar_b_grey.png') no-repeat center bottom; position: absolute; bottom: -13px; left: 40%; font-size: 1%; line-height: 1%; text-indent: -9999px; }
			.projectsMenu li.active i { display: block; }
			.projectsMenu a, .projectsMenu a:visited { color: #000; margin: 0 -10px; }
			.projectsMenu a:hover { color: #f00; }
			.projectsMenu a.disabled, .projectsMenu a.disabled:visited, .projectsMenu a.disabled:hover { color: #ddd; }
			.projectsMenu li.active a, 	.projectsMenu li.active a:visited, .projectsMenu li.active a:hover { margin: 0; text-decoration: none; color: #000; cursor: default; }

.valignMiddle {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

	.valignMiddle .wrapper {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}

	.valignMiddle .crutch4ie {
		display: none;
		width: 1px;
		margin-left: -1px;
		vertical-align: middle;
		height: 100%;
	}

ul.projects { list-style: none; margin: 0; padding: 0; }
	ul.projects li { float: left; width: 300px; height: 260px; margin: 0 20px 20px 0; text-align: center; line-height: 1.2em; color: #222; }

/* Мк.5:9 */