html,
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	color: #333;
	font-size: 13px;
	font-family: 'Verdana', 'Tahoma';
	line-height: 1.45;
	position: relative;
	width: 90%;
	margin: 0 auto;
	background: #ecede9;
}
body.fixed {
	width: 900px;
}

ul, ol, li, form {
	list-style: none;
	padding: 0;
	margin: 0;
}


a {
	color: #333;
	text-decoration: underline;
}
a:hover { color: black; }
a.unreal { text-decoration: none; border-bottom: 1px dotted; }
h1, h2 {
	font-weight: normal;
	margin: 1.5em 0 .5em;
}
h1 {
	font-size: 30px;
	text-shadow: 0 1px 0 #fff;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
}
p {
	padding: 0;
	margin: 1.5em 0;
}
strong {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
img { border: 0; }

ins {
	text-decoration: none;
	letter-spacing: .15em;
}
p.big {
	font-size: 17px;
	margin-left: -20px;
}
.clearfix:after,
.clearfix-left:after {
	content: ' ';
	clear: both;
	display: block;
	width: 0; height: 0;
	overflow: hidden;
	font-size: 0;
}

#logo img {
	margin: 56px auto 100px;
	display: block;
}
.framework {
	margin: 0 150px;
}
.by-the-way {
	padding: 10px 50px;
	margin: 1.5em -150px;
	background: #fff;
}
.picture {
	text-align: center;
	margin: 0 -150px 2em;
}
	.picture p {
		margin-top: -10px;
	}

.market-state {
	position: relative;
	padding-left: 150px;
}
	.market-state .title {
		font-size: 12px;
	}
	.market-state .prooflink {
		color: #666;
		font-size: 11px;
		position: absolute;
		left: 63%; top: 185px;
		width: 260px;
	}

#chart {
	cursor: default;
	float: left;
}
	#chart .bars {
		font-size: 10px;
		float: left;
		padding: 0 0 0 60px;
	}
		#chart .bars li {
			float: left;
			position: relative;
			width: 22px; height: 230px;
			padding: 0 1px 0 0;
			/*background: white;*/
		}
		#chart .bars li div {
			position: absolute;
			width: 22px;
			background: url('../i/columns.png');
		}
		#chart .bars li.positive div { bottom: 170px; }
		#chart .bars li.negative div { top: 60px; }
		#chart .bars li span {
			color: #666;
			text-align: center;
			position: absolute;
			left: 50%;
			width: 30px;
			margin: 0 0 0 -15px;
		}
		#chart .bars li.positive span { bottom: 100%; }
		#chart .bars li.negative span { top: 100%; }
		#chart .bars .bar-1 div { height: 28px; }
		#chart .bars .bar-2 div { height: 63px; background-position: -22px 0; }
		#chart .bars .bar-3 div { height: 125px; background-position: -44px 0; }
		#chart .bars .bar-4 div { height: 142px; background-position: -66px 0; }
		#chart .bars .bar-5 div { height: 149px; background-position: -88px 0; }
	#chart .legends {
		color: black;
		font-size: 12px;
		float: left;
	}
		#chart .legends li {
			opacity: .6;
			position: relative;
			padding: 3px 0 4px 37px;
			/*background: white;*/
		}
		#chart .legends li span {
			position: absolute;
			top: 12px; left: 21px;
			overflow: hidden;
			display: block;
			width: 10px; height: 1px;
			background: url('../i/columns.png');
		}
		#chart .legends .legend-1 { margin-top: 34px; }
		#chart .legends .legend-2 { margin-top: 46px; }
		#chart .legends .legend-3 { margin-top: 16px; }
		#chart .legends .legend-2 span { background-position: -22px 0; }
		#chart .legends .legend-3 span { background-position: -44px 0; }
		#chart .legends .legend-4 span { background-position: -66px 0; }
		#chart .legends .legend-5 span { background-position: -88px 0; }

.picture-1 {}
	.picture-1 .shadow {
		background: url('../i/picture1-shadow.png');
	}
.client-price {}
	.client-price .coins {
		float: right;
		margin: 50px -25px 50px 10px;
	}
.why-work {
	margin-left: -60px;
}
	.why-work .left {
		float: left;
	}
	.why-work .item {
		width: 270px;
		padding: 20px 0 0 40px;
		margin-left: 20px;
		background: url('../i/numbers.png') no-repeat;
	}
	.why-work .item p { margin: .5em 0 1.5em; }
	.why-work .item .title { font-weight: bold; margin: 0; }
	.why-work .item-1 { background-position: 0 -232px; }
	.why-work .item-2 { background-position: -79px -116px; }
	.why-work .item-3 { background-position: -158px 0; }

.contacts {}
	.contacts .contacts-text {
		float: left;
		width: 270px;
		margin-right: 80px;
	}
	.contacts .contacts-text img { vertical-align: middle; }
	.contacts .contacts-form {
		float: left;
	}
	.contacts-form {
		width: 250px;
	}
	.contacts-form .field {
		width: 245px;
		margin: 4px -10px 0 0;
	}

#yandex-form {
	text-align: center;
	padding: 10px 50px;
	margin: 100px 0 1.5em;
	background: white;
}
	#yandex-form h2 {
		margin: .5em 0;
	}
	#yandex-form .field {
		width: 500px;
	}

#copyright {
	font-size:  11px;
	padding: 50px 0;
	text-align: center;
}

.framed {
	width: 100%;
	height: 100%;
	
}