@charset "utf-8";
/* CSS Document */
html, body, table, tr, td, th, form, textarea, select, fieldset, legend, label, input, ul, ul li, dl, dt, dd {
	margin:0;
	padding:0;
	}
/**
 * elements
 */
html, img, table, fieldset {
	border:none;
	}
body {
	background:#e9e9e9;
	color:#444;
	font:87.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
* html body {font-size:14px;}
a, a:visited  {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
p {
	font-size:100.01%;
	margin:0 0 1em;
	}
dfn, strong {font-style:normal;font-weight:700;}
/**
 * forms
 */
.start-form {font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.text-field, textarea {
	background:none;
	border:0;
	color:#444;
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px 0 0;
}
.text-field:focus, textarea:focus {outline:0;}
textarea {
	resize:none;
}
.long-field {width:300px;}
.short-field {width:190px;}
.t-f-wrap {
	background:url(img/input.png) 0 0 no-repeat;
	display:inline-block;
	height:34px;
	margin:0 5px 0 0;
	padding:0 0 0 16px;
	vertical-align:middle;
}
.t-f-wrap span {
	background:url(img/input.png) 100% 0 no-repeat;
	display:block;
	_display:inline-block;
	height:100%;
	padding:0 16px 0 0;
}
.area, .area span {
	background-image:url(img/area.png);
	height:136px;
}
.area textarea {
	height:126px;
	padding:5px;
	width:510px;
}
.start-form .row {
	margin-left:-36px;
	position:relative;
	zoom:1;
}
.text-label {
	padding:0 0 0 52px;
}
.ico-label {
	display:inline-block;
	padding:0 0 0 36px;
	position:relative;
	zoom:1;
}
.ico-label .ico {
	background-image:url(img/ico.png);
	background-repeat:no-repeat;
	height:34px;
	left:1px;
	position:absolute;
	top:0;
	width:34px;
}
.ico-name {background-position:0 0;}
.ico-from {background-position:0 -34px;}
.ico-mail {background-position:0 -68px;}
.ico-phone {background-position:0 -136px;}
.ico-aim {background-position:0 -102px;}
.row-btn {
	margin:-2em -43px -2em auto;
	_margin-right:-53px;
	position:relative;
	text-align:right;
	zoom:1;
}
/**
 * classes
 */
.clear {
	display:block;
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;/*for ie 5.5 to minimize space for this elements*/
	}
.clearall{
	zoom:1;
	}
	.clearall:after {
		clear:both;
		content:" ";
		display:block;
		height:0;
	}
.fl-l {
	float:left;
}
.fl-r {
	float:right;
}
.fl-n {
	float:none;
}
.txt-l {
	text-align:left;
}
.txt-r {
	text-align:right;
}
.txt-c {
	text-align:center;
}
.txt-j {
	text-align:justify;
}
* html .wie6 {
	margin-right:-9999px;
	width:100%;
}
.hid-text {
	height:0;
	overflow:hidden;
}
.ico {
	background-image:url(img/ico.png);
	background-repeat:no-repeat;
	vertical-align:middle;
}
/**
 * index
 */
a, a:visited {color:#687609;}
.content a:hover {background:#687609;color:#fff;}
.footer {border-top-color:#687609;}
/**
 * lena
 */
.lena a, .lena a:visited, .lena strong, .lena .footer a:hover {color:#d90234;}
.lena .content a:hover {background:#d90234;color:#fff;}
.lena .footer {border-top-color:#d90234;}
/**
 * kostya
 */
.kostya a, .kostya a:visited, .kostya .footer a:hover {color:#53404a;}
.kostya .content a:hover {background:#53404a;color:#fff;}
.kostya .footer {border-top-color:#53404a;}
/**
 * roma
 */
.roma a, .roma a:visited, .roma strong, .roma .footer a:hover {color:#316ba5;}
.roma .content a:hover {background:#316ba5;color:#fff;}
.roma .footer {border-top-color:#316ba5;}
/**
 * sasha
 */
.sasha a, .sasha a:visited, .sasha strong, .sasha .footer a:hover {color:#007e81;}
.sasha .content a:hover {background:#007e81;color:#fff;}
.sasha .footer {border-top-color:#007e81;}
/**
 * vse
 */
.vse a, .vse a:visited, .vse strong, .vse .footer a:hover {color:#151416;}
.vse .content a:hover {background:#151416;color:#fff;}
.vse .footer {border-top-color:#151416;}
/**
 * contact
 */
.contact a, .contact a:visited, .contact strong, .contact .footer a:hover {color:#000;}
.contact .content a:hover {background:#000;color:#fff;}
.contact .footer {border-top-color:#000;}
/**
 * start
 */
.start a, .start a:visited, .start strong, .start .footer a:hover {color:#a69f95;}
.start .content a:hover {background:#a69f95;color:#fff;}
.start .footer {border-top-color:#a69f95;}
/**
 * portfolio
 */
.portfolio a, .portfolio a:visited, .portfolio strong, .portfolio .footer a:hover {color:#6ba606;}
.portfolio .content a:hover {background:#6ba606;color:#fff;}
.portfolio .footer {border-top-color:#6ba606;}
/**
 * project-page
 */
.project-page a, .project-page a:visited, .project-page strong, .project-page .footer a:hover {color:#675f7a;}
.project-page .content a:hover {background:#675f7a;color:#fff;}
.project-page .footer {border-top-color:#675f7a;}
/**
 * layout
 */
.obertka {
	width:100%;
}
.main {
	background-color:#fff;
	/*border-bottom:1px solid #fff;*/
}
.obertka-fixed {
	margin:0 0 0 auto;
	position:relative;
	width:1000px;
}
.header {
	border-bottom:30px solid #fff;
	height:319px;
	position:relative;
}
.header div.crop {
	background:url(img/header/h.png) 0 0 no-repeat;
	height:100%;
	position:static;
	width:100%;
}
.logo {
	display:block;
	height:150px;
	left:0;
	position:absolute;
	top:169px;
	width:350px;
}
.section {
	float:right;
	width:659px;
}
.footer {
	border-top:1px solid;
	}
/**
 * header
 */
.header a {
	outline:none;
}
.start-link {
	height:0;
	left:80px;
	overflow:hidden;
	padding:30px 0 0;
	position:absolute;
	top:15px;
	width:270px;
}
.plods {
	background:url(img/plods.png) 0 0 no-repeat;
	height:51px;
	position:absolute;
	right:0;
	top:213px;
	width:187px;
}
.logo {background:url(img/header/index.png) 0 0 no-repeat;}
.lena .logo {background-image:url(img/header/lena.png);}
.kostya .logo {background-image:url(img/header/kostya.png);}
.roma .logo {background-image:url(img/header/roma.png);}
.sasha .logo {background-image:url(img/header/sasha.png);}
.vse .logo {background-image:url(img/header/vse.png);}
/**
 * index content
 */
.main .header {
	background:url(img/header/index.jpg) 100% 0 no-repeat;
}
.section {
	background:url(img/raquo.png) 550px 2em no-repeat;
	min-height:410px;
	padding:0 0 12px;
	_height:410px;
}
.content {
	background:url(img/laquo.png) 63px 2em no-repeat;
	padding:0 43px 0 99px;
	position:relative;
	z-index:2;
}
.raquo {
	width:100%;
}
.definition {margin-right:65px;}
.last-par {
	margin:-40px 0 0;
	position:relative;
	text-align:right;
	z-index:1;
}
.last-par .label {
	display:inline-block;
	padding:26px 0 0;
	vertical-align:middle;
}
.btn-forward {
	background:url(img/btn/how.png) 0 0 no-repeat;
	display:inline-block;
	height:0;
	outline:0;
	overflow:hidden;
	padding:109px 0 0;
	vertical-align:middle;
	width:288px;
}
.flash-people {
	background-position:50% 100%;
	background-repeat:no-repeat;
	bottom:0;
	left:0;
	position:absolute;
	width:440px;
	z-index:1;
}
.btn-back {
	background-position:0 0;
	background-repeat:no-repeat;
	bottom:7px;
	left:11px;
	position:absolute;
	z-index:2;
}
/**
 * lena content
 */
.lena .header {background-image:url(img/header/lena.jpg);}
.lena .btn-forward {
	background-image:url(img/btn/idea.png);
	padding:100px 0 0;
	width:269px;
}
.lena .section {
	background-position:185px 23em;
}
.lena .last-par {
	margin-top:-57px;
}
.lena .last-par .label {padding:40px 0 0;}
/**
 * .kostya 
 */
.kostya .header {background-image:url(img/header/kostya.jpg);}
.kostya .btn-forward {
	background-image:url(img/btn/func.png);
	padding:129px 0 0;
	width:307px;
}
.kostya .section, .kostya .content {
	background:none;
}
.kostya .last-par {
	margin-top:-53px;
}
.kostya .last-par .label {
	padding:14px 0 0;
	width:245px;
}
/**
 * .roma 
 */
.roma .header {background-image:url(img/header/roma.jpg);}
.roma .btn-forward {
	background-image:url(img/btn/dyna.png);
	padding:117px 0 0;
	width:338px;
}
.roma .section {
	background-position:565px 17.5em;
}
.roma .last-par {
	margin-top:-53px;
}
.roma .last-par .label {
	padding:14px 0 0;
	width:245px;
}
/**
 * .sasha 
 */
.sasha .header {background-image:url(img/header/sasha.jpg);}
.sasha .btn-forward {
	background-image:url(img/btn/tvo.png);
	padding:105px 0 0;
	width:276px;
}
.sasha .content {background-position:63px 6em;}
.sasha .section {
	background-position:240px 17.5em;
}
.sasha .last-par {
	margin-top:-9px;
}
.sasha .last-par .label {
	padding:14px 0 0;
	width:245px;
}
/**
 * .vse 
 */
.vse .header {background-image:url(img/header/vse.jpg);}
.vse .btn-forward {
	background-image:url(img/btn/plod.png);
	padding:120px 0 0;
	width:164px;
}
.vse .content, .vse .section {background:none;}
.vse .last-par {
	margin-top:-65px;
}
.vse .last-par .label {
	padding:30px 0 0;
}
/**
 * content-pages
 */
.content-pages {}
.pagetitle {
	background-repeat:no-repeat;
	background-position:0 0;
	height:0;
	left:410px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:81px;
}
.content-pages .logo {
	background:none;
	height:20px;
	left:50px;
	top:60px;
	width:120px;
}
.content-pages .header {
	height:132px;
}
.content-pages .section {min-height:1px;_height:1px;}
.content-pages .content, .content-pages .section {background:none;}
.content-pages .section {width:590px;}
.content-pages .content {padding-left:0;}
.content-pages .start-link {
	left:70px;
	top:7px;
	width:200px;
}
.aside {
	float:left;
	padding:0 0 0 48px;
	width:302px;
}
.aside .content {
	background:none;
	padding:0;
	width:100%;
}
/**
 * start
 */
.start .header div.crop {background-image:url(img/header/hh.png);}
.start a, .start a:visited {color:#a69f95;}
.content .start a:hover {background-color:#a69f95;color:#fff;}
.start .footer {border-top-color:#a69f95;}
.start .header {background-image:url(img/header/start.jpg);}
.start .pagetitle {background-image:url(img/pagetitle/start.png);padding:14px 0 0;}
.contact-list {
	background:url(img/dot.png) 0 .85em repeat-x;
	display:block;
	margin:0 0 1em;
	overflow:hidden;
	width:100%;
	}
	.contact-list dt, .contact-list dd {
		background:#fff;
	}
	.contact-list dt {
		float:left;
		padding:0 5px 0 0;
	}
	.contact-list dd {
		float:right;
		font-weight:700;
		padding:0 0 0 5px;
	}
/**
 * .contact
 */
.contact .header {background-image:url(img/header/contact.png);}
.contact .header div.crop {
	background-image:url(img/header/hc.png);
}
.people {
	background:url(img/people.jpg) 0 0 no-repeat;
	height:605px;
	position:relative;
	width:100%;
}
.people .content {
	padding:0;
}
.person-contact {
	line-height:1;
	position:absolute;
}
.person-contact .ico {
	height:16px;
	vertical-align:middle;
	width:16px;
}
.person-contact dt {
	background-position:0 0;
	background-repeat:no-repeat;
	height:0;
	margin:0 0 9px;
	overflow:hidden;
	padding:14px 0 0;
}
.alexandr {
	left:48px;
	top:108px;
}
.alexandr dt {
	background-image:url(img/contacts/sasha.png);
	width:122px;
}
.elena {
	left:478px;
	top:52px;
}
.elena dt {
	background-image:url(img/contacts/lena.png);
	width:67px;
}
.roman {
	left:678px;
	top:461px;
}
.roman dt {
	background-image:url(img/contacts/roma.png);
	width:69px;
}
.konstantin {
	left:743px;
	top:0;
}
.konstantin dt {
	background-image:url(img/contacts/kostya.png);
	width:128px;
}
.person-contact dd {
	margin:0 0 9px;
	white-space:nowrap;
}
.ico-phone2 {background-position:0 -171px;}
.ico-mail2 {background-position:0 -202px;}
.ico-icq {background-position:0 -238px;}
.ico-skype {background-position:0 -272px;}
/**
 * project
 */
.project-page .header {background-image:url(img/header/proj.jpg);}
.project-page .header div.crop {background-image:url(img/header/plod2.png);}
.project-page.portfolio .header div.crop {background-image:url(img/header/plod.png);}
.project-page .pagetitle {background-image:url(img/pagetitle/proj.png);padding:15px 0 0;}
.project-descrition {}
.project-descrition dt {
	font-weight:700;
	margin:2em 0 1.5em;
}
/**
 * portfolio
 */
.portfolio .header {background-image:url(img/header/portfolio.jpg);}
.portfolio-list {
	clear:both;
	list-style:none;
	margin:0;
	padding:1px 0 1px 48px;
	zoom:1;
}
.portfolio-list li {
	margin:0 0 1.5em;
}
.portfolio-choice {
	left:410px;
	position:absolute;
	top:81px;
	white-space:nowrap;
}
.portfolio-choice input, .portfolio-choice img {
	vertical-align:middle;
}
.portfolio-choice input {margin:0;}
.portfolio-choice img {margin:0 15px 0 0;}
/**
 * footer
 */
.sitenav a,
.sitenav a:visited {
	color:#444;
	text-decoration:underline;
}
.sitenav a:hover {
	color:#687609;
	text-decoration:none;
}
.sitenav {
	list-style:none;
	padding:10px 43px 27px 52px;
}
.sitenav li {
	background-image:url(img/sitenav.png);
	background-repeat:no-repeat;
	display:inline-block;
	height:131px;
	margin:0 0 33px;
	vertical-align:top;
	width:222px;
}
.sitenav li {//display:inline;}
.ico-anketa {background-position:0 0;}
.ico-demo {background-position:0 -134px;}
.ico-surprise {background-position:0 -268px;}
.ico-feedback {background-position:0 -402px;}
.ico-search {background-position:0 -536px;}
.ico-point .title-link {
	margin-top:30px;
}
.title-link {
	background-image:url(img/sitenavlink.png);
	background-repeat:no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:41px;
}
.ico-anketa .title-link {background-position:0 0;margin-left:52px;}
.ico-anketa a.title-link:hover {background-position:0 -41px;}
.ico-demo .title-link {background-position:0 -82px;margin-left:39px;}
.ico-demo a.title-link:hover {background-position:0 -123px;}
.ico-surprise .title-link {background-position:0 -164px;margin-left:47px;}
.ico-surprise a.title-link:hover {background-position:0 -205px;}
.ico-feedback .title-link {background-position:0 -246px;margin-left:71px;}
.ico-feedback a.title-link:hover {background-position:0 -287px;}
.ico-search .title-link {background-position:0 -328px;margin-left:52px;}
/*.ico-search a.title-link:hover {background-position:0 -369px;}*/
.sitenav .sitemap {
	background:none;
	height:auto;
	width:auto;
}
.sitenav .sitemap dl {
	display:inline-block;
	padding:30px 0 0;
	vertical-align:top;
	width:165px;
}
.sitenav .sitemap dl {//display:inline;}
.sitemap .title-link {
	margin-bottom:9px;
	padding-top:19px;
}
.sitenav dd {margin:0 0 9px;}
.groups .title-link {background-position:0 -412px;}
.groups a.title-link:hover {background-position:0 -431px;}
.products .title-link {background-position:0 -450px;}
.products a.title-link:hover {background-position:0 -469px;}
.ways .title-link {background-position:0 -488px;}
.ways a.title-link:hover {background-position:0 -507px;}
.storage .title-link {background-position:0 -526px;}
.storage a.title-link:hover {background-position:0 -445px;}


.portfolio-list li.hidden
{
	display: none;
}

.wrong
{
	color: red;
}


.project-page .yield
{
	display:block;
	position:absolute;		

	background:transparent none repeat scroll 0 0;
	
	left: 165px;
	top: 81px;
	
	width: 176px;		
	height: 34px;
}