* {
	margin: 0px;
	padding: 0px;
}

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

body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	min-width: 1000px;
	background: #fff;
	font-size: 10.5pt;
	font-family: Georgia, "Times new Roman", serif;
	color: #333;
}

* html body{font-size: 87.5%;}

img, a img {
	border: 0px;
	vertical-align: bottom;
}

.clr{clear: both}

a{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

a:hover{color: #2c5057;}

table, tr, td, select, input, textarea {
	font-family: Georgia, "Times new Roman", serif;
	color: #333;
	font-size: 1em;
}

p{
	margin: 1em 0;
	line-height: 1.4em;
}

.header, .footer{
	margin: 0 5%;
	padding: 0 0 2em 2em;
}

.header{padding-top: 1em;}
.header .left{
	left: -2em;
	position: relative;
	padding-left: 2em;
	margin-right: -2em;
}

.header p.logo{margin: 0 0 0 -1.8em;}
.header p.logo a{border:0;}

.header p.center{
	font-size: 0.85em;
	color: #999;
	text-align: right;
	position: relative;
}

.header p.center span{color: #2c5057;}

.header p.center span.st{
	position: absolute;
	right: -2em;
	color: #999;
}

.header div.center{
	font-size: 0.85em;
	margin-top: 4em;
}

p.download{font-size: 0.85em;}
p.download span{color: #999}

.presentation{margin: 3em 0 1em -1em;}
.presentation a{border:0;}

p.phone{
	margin: 0;
	color: #2c5057;
}

p.phone span{
	display: block;
	font-size: 2em;
	line-height: 120%;
	margin-bottom: 0.3em;
}

p.phone a{
	border-bottom: 1px dashed #ccc;
	margin-left: 0.4em;
}
p.phone a:hover{border:0}

.why{
	position: absolute;
	left: 28%;
	top: 14em;
	color: #999;
}

.why span{margin-left: 0.4em;}

h1{
	font-size: 2.3em;
	font-family: Georgia, "Times new Roman", serif;
	color: #2c5057;
	margin: 0.6em 0 0 -0.6em;
	line-height: 1.2em;
	font-weight: normal;
	position: relative;
}

h2{
	font-size: 1.4em;
	font-family: Georgia, "Times new Roman", serif;
	color: #666;
	margin: 0;
	line-height: 1.2em;
	font-weight: normal;
}

.left{
	float: left;
	width: 30%;
}

.right{
	float: right;
	width: 23%;
	padding-left: 1em;
}

.center{
	width: 39%;
	float: left;
	position: relative;
	left: 2%;
}

#standart,
#exclusive,
#more{display: none;}

.content{
	margin: 0 0 60px 0;
	background-color: #f7f8e4;
	color: #000;
}

.content .center big{
	font-size: 1.6em;
	color: #2c5057;
}

.content .center p{font-size: 1.2em;}

.content .center p.hint{font-size: 0.9em;}
.content .center p.price{font-size: 1em;}
.content .center p.order{
	font-size: 1em;
	margin-top: 1.4em;
}

.content .center p.order a{border-bottom-style: dashed}

small{color: #999;}
.content .left{
	height: 5em;
	position: relative;
}

.wrap{
	position: relative;
	margin: 0 5%;
	padding: 1em 0 1em 2em;
}

ul.right{
	margin: 1em 0;
	list-style: none;
}

ul.right li{
	padding: 0.3em 1em;
	width: 9em;
	margin-left: -1em;
}

ul.right li.last{margin-top: 8em;}
ul.right li a{border-bottom-style: dashed;}
ul.right li.active{background: #eaecd4;}
ul.right li.active a{border:0}

img.tv{
	position: absolute;
 	top: -150px;
 	z-index: 10;
 	width: 234px;
 	height: 463px;
}

.footer p{
	color: #2c5057;
	font-size: 0.85em;
}

.footer p a, .footer .important a{color: #2c5057;}
.footer p a:hover, .footer .important a:hover{color: #666;}

.footer a{color: #333;}
.footer a:hover{color: #2c5057;}

.footer ul.clients{
	list-style: none;
	padding-right: 4px;
	padding-left: 0;
}
* html .footer ul.clients{list-style-image: none}
*+html .footer ul.clients{list-style-image: none}

.footer ul.clients li{
	float: left;
	width: 20%;
	position: relative;
}

.footer ul.clients li:before{
	margin-left: 0;
	content: "";
}

.footer ul{
	line-height: 1.4em;
	list-style: none;
	padding-left: 1.1em;
	color: #333;
}

* html .footer ul{list-style-image: url('i/list.png')}
*+html .footer ul{list-style-image: url('i/list.png')}

.footer ul li:before{
	margin-left: -1.1em;
	content: "— ";
}

.footer ul small{font-size: 0.85em;}

#order-form{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	margin: 0;
	display: none;
}

#order-form .bg{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

#order-form form{
	background-color: #f7f8e4;
	padding: 1em 1em 1px 1em;
	z-index:1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12em;
	margin-top: -10em;
	width: 22em;
	border: 4px solid #e0e0d8;
}

h3{
	color: #000;
	font-size: 1.6em;
	font-family: Georgia, "Times new Roman", serif;
	margin: 0 0 0.8em 0;
	line-height: 1.2em;
	font-weight: normal;
}

input, textarea{width: 98%;}
input.button{width: auto;}
#order-form p{margin-top:0.1em;}

.message{color: #2c5057}

h4{
	color:#2c5057;
	font-weight: normal;
	font-size: 1em;
	font-family: Georgia, "Times new Roman", serif;
}

div.hint{
	position: absolute;
	left: -46px;
	margin-left: -1em;
	bottom: 69px;
	background-color: #f3f4d7;
	padding: 0.2em 1em;
	width: 150px;
	display: none;
	border: 4px solid #e0e0d8;
}

div.hint span{
	position: absolute;
	bottom: -14px;
	height: 0;
	font-size: 0;
	width: 0;
	left: 74px;
	border-top: 10px solid #e0e0d8;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

* html div.hint span{
	border: 0;
	width: 20px;
	height: 10px;
	background: transparent url(i/st.png) no-repeat top left;
}

