@font-face {
	font-family: 'Margon';
	src: url('fonts/24D5C2_0_0.eot');
	src: url('fonts/24D5C2_0_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/24D5C2_0_0.woff') format('woff'),
		 url('fonts/24D5C2_0_0.ttf') format('truetype'),
		 url('fonts/24D5C2_0_0.svg#Margon') format('svg');
	font-weight: normal;
	font-style: normal;
}
 
/* MARGON */
@font-face {
	font-family: 'Margon';
	src: url('fonts/24D5C2_1_0.eot');
	src: url('fonts/24D5C2_1_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/24D5C2_1_0.woff') format('woff'),
		 url('fonts/24D5C2_1_0.ttf') format('truetype'),
		 url('fonts/24D5C2_1_0.svg#Margon') format('svg');
	font-weight: bold;
	font-style: normal;
}


/* LESS VARIABLES */
.rounded-corners (@radius: 5px) {
	border-radius: @radius;
  	-webkit-border-radius: @radius;
  	-moz-border-radius: @radius;
}

* {
	padding: 0;
	margin: 0;
}


.clearFix {
	clear: both;
}

a {
	color: inherit;
}

body {
	background-color: #fff;
	color: #000;
	position: relative;
/*	overflow-x: hidden;*/
}
#wrapper {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	
	.bg {
		left: -237px;
		top: 233px;
		z-index: -100;
		
		img {
			display: block;
			position: absolute;
		}
	}
	
	h1 {
		font: 42px/47px Nonamegrotesk;
		
		span {
			font-family: Margon;
		}
	}
	h2 {
		font: 94px/114px Margon;
	}
	
	.descr {
		margin-top: 1253px;
		width: 870px;
		font: 18px/47px Octava;
	}
	
	.line {
		width: 860px;
		height: 20px;
		background-color: #000;
	}
	.block {
		width: 860px;
		font: 16px/19px Octava;
	}
	.interveiw {
		width: 620px;
		margin-left: 440px;
		position: relative;
		
		.fixed {
			left: -231px;
			top: 0;
			text-align: center;
			position: absolute;
			p {
				font: 30px/30px Margon;
				i {
					font: italic 18px/30px Octava;
				}
			}
		}
	}
	
	.save {
		font: 60px/80px Margon;
		color: red;
		text-decoration: underline;
		cursor: pointer;
	}
}

.pic {
	float: left;
	margin: 0 35px 0px -240px;
}

.doll {
	width: 400px;
	height: 600px;
	background: url(../images/bg/1.jpg);
	position: relative;
	margin-left: 400px;
	
	.objects {
		position: relative;
		width: 700px;
		height: 380px;
		
		.object {
			position: absolute;
			z-index: 100;
			cursor: move;
		}
	}
}
.result {
	width: 400px;
	height: 600px;
	background: url(../images/bg/2.jpg);
	margin-left: 400px;
	display: none;
}