html { height: 100%; margin: 0; padding: 0; }
	body { margin: 0; padding: 0; height: 100%; background-color: #bababa; font-family: Arial, sans-serif; font-size: 90%;  }
	
	.general-container-parent { background-color: #fff; padding: 18px; width: auto; max-width: 1200px; margin: 0 auto 0 auto; }
	.general-container-parent { //width: expression((document.body.clientWidth > 1200) ? "1200px" : "100%" ); //margin-left: expression((document.body.clientWidth > 1200) ? document.body.clientWidth/2-600 : 0 ); }

	.general-container { min-width: 850px; background-color: #f4f5ef; padding: 36px; margin: 0; }
	
	.top-inner-links { height: 24pt; display: table-cell; vertical-align: bottom; position: absolute; margin-top: 0; top: 54px; z-index: 120; }
	.top-inner-links * { vertical-align: bottom; white-space: nowrap }
	.top-inner-links a, .top-inner-links a:visited, .top-inner-links span { color: #000; font-size: 90%; margin-right: 1.5em; text-decoration: underline }
	.top-inner-links span { text-decoration: none }
	.top-inner-links { white-space: nowrap }
	.top-inner-links img { border: 0; margin-right: .5em }
	
	.top-text ul, .bottom-text ul, .main-content .text ul { padding: 1em 0 0 1.2em; margin: 0; }
	.top-text { position: relative; z-index: 400; }
	.top-text ul li, .bottom-text ul li, .main-content .text ul li { padding: 0 0 0 .5em; margin: 0 0 1em 0; list-style-image: url('/img/site/bullet-high.gif'); list-style-type: square; position: relative; z-index: 201 }
	p, table.main-content .text li { line-height: 130% }

	.top-navigation { height: 72pt; display: table-cell; border: 0px solid #000; vertical-align: middle; margin-top: 1em; width: 50em; position: relative; z-index: 120; }
	.top-navigation ul { list-style: none; padding: 0; margin: 0; margin-right: 30%; }
	.top-navigation ul { //margin-top: 30pt; }
	.top-navigation ul li { display: inline; margin-right: 1em; font-size: 120% }
	.top-navigation ul li a, .top-navigation ul li a:visited { color: #0853c4; font-weight: bold }
	
	.studio-title a, .studio-title a:visited { color: #000; position: relative; z-index: 121 }
	
	.right-container-parent { z-index: 1; width: 90%; left: auto; right: auto; max-width: 1120px; position: absolute; z-index: 10; top: 54px; border: 0px solid; }
	.right-container-parent { //width: auto; //left: auto; //right: auto; //max-width: auto; //position: relative; }
	
	.right-container { float: right; width: 200px; border: 0px solid #f00; text-align: center;
		margin-left: 65%; margin-top: 1em;
		padding-right: 0; margin-right: 2.5em;
		width: 30%;
	}
	.right-container { //margin-left: 65%; //margin: 0 2em 0 0; //position: absolute; //right: expression((document.body.clientWidth > 1200) ? -document.body.clientWidth/6+250 : 36 ); //top: -50px; }

	.right-container.main-page { width: 30%; padding-left: 2em; padding-right: 1em; margin-right: 16px }
	.right-container.main-page { //width: 35%; //position: absolute; top: -70px; //right: expression((document.body.clientWidth > 1200) ? -document.body.clientWidth/8+200 : 36 ); }
	
	.right-container p.ear { text-align: left; padding-left: 70px; font-size: 90%; border: 0px solid #0f0; min-height: 45px; line-height: 150% }
	.right-container p.ear { //height: 45px; }
	.right-container p.ear img { float: left; margin-left: -70px; border: 0px solid #0f0f0f }
	.right-container p.ear a { font-size: 150%; color: #7d7d7d; margin-top: -.5em; margin-bottom: .5em }
	.made-logo { left: 0px; margin-bottom: 20px; border: 0; z-index: 150; position: relative; margin-right: -100px }
	.made-logo { //margin-left: 0px; }
	.main-page .made-logo { margin-left: -10px; }
	.main-page .made-logo { //margin-left: 0px; //right: -10px; //margin-top: 1.1em; }
	
	h1, .slogan { color: #7d7d7d; font-size: 200%; font-weight: normal }
	h2 { color: #848484; font-size: 150%; font-weight: norma; padding: .5em 0 0 0; margin: 0 0 -.1em 0 }
	h2 { //margin-bottom: -.5em; }
	h2.services-header { padding: .5em 0 1em 0 }

	.slogan { width: 55%; margin-bottom: -2em; border: 1px solid transparent; }
	.slogan { //border: none; }
	.slogan h1 { margin-top: 40px; padding-top: 0; font-size: 100%; position: relative; z-index: 110 }
	.slogan h1 { //margin-top: 40px; }
		
	.top-text { padding-top: 36pt; border: 0px solid #ff0; min-height: 12em; width: 63%; border: 0px solid #0f0 }
	.top-text { //height: 13em; //width: 63%; }

	.middle-portfolio
			table
			{
				border-collapse: collapse;
				margin-left: -7px;
				margin-right: -7px;
				margin-top: 0em;
				//margin-top: 2em;
			}

		.middle-portfolio
			td
			{
				margin: 0em;
				padding: 0em;
				vertical-align: top;
			}
		
		.middle-portfolio-content { border: 1px solid #fff; font-size: 90%; width: 100%; } 
		
		.middle-portfolio-content .floater { display: table-cell; width: 49.5%; text-align: center;  vertical-align: bottom; border: 0px dashed #000; float: left; border: 0px dashed #0f0 }
		.middle-portfolio-content .floater div.left, .middle-portfolio-content .floater div.right { display: table-cell; border: 0px solid #000; font-size: 90%; padding: 12pt; vertical-align: bottom; text-align: center; float: left; height: 140pt; text-align: center }

		.middle-portfolio-content .floater div.image { display: block; height: 150px; width: 150px; border: 0px solid #f0f; vertical-align: middle; margin: 0 auto 0 auto;  }
		.middle-portfolio-content .floater div.image div { display: table-cell; height: 150px; width: 150px; vertical-align: middle }

		.middle-portfolio-content .floater .left { width: 41%; }		
		.middle-portfolio-content .floater .right { width: 41%; }
		.middle-portfolio-content .floater .left, .middle-portfolio-content .floater .left { //width: 50%; }
	
		.middle-portfolio-content img { border: 0 }
		
		
	.bottom-text { padding-top: 12pt; border: 0px solid #ff0f0f }
	.bottom-text * { vertical-align: top; }
	.bottom-text p { padding-left: 1em }
	.bottom-text .left { padding-right: 24pt; width: 48%; display: table-cell; }
	.bottom-text .right { padding-left: 24pt; width: 48%; display: table-cell; }
	.bottom-text .left, .bottom-text .right { //display: inline; }
	
	.bottom-note { margin-left: -1em; font-size: 90%; padding-top: 24pt; vertical-align: bottom; border: 0px dashed #000; height: 1em; }
	.bottom-note * { vertical-align: bottom; border: 0px solid #0f0; }
	.bottom-note .copyright { position: relative; z-index: 202; margin-bottom: -1em; margin-right: 0 }
	.bottom-note .copyright { //position: absolute; //margin-top: -20px; //top: expression(document.getElementById('general-container').offsetHeight); }
	.bottom-note a { color: #000; }
	.bottom-note div { //margin-top: -2em; }
	
	/* цвета ссылок */
	a:visited { color: #996699; color: #bb0077; }
	a:hover { color: #f3980c } 
	a, .subnavigation a, .subnavigation a:visited,
		div.subpages-ears li a, div.subpages-ears li a span { color: #0d79f2 }
	a:hover, .subnavigation a:hover, .top-navigation ul li a:hover, .top-inner-links a:hover, .right-container p.ear a:hover { color: #f3980c }
	/*.subnavigation li a { display: block; width: 15em; }
	.subpages-ears li a { display: inline; }*/
	.subnavigation a.active { color: #f3980c !important; }

	div.counters { display: none }
	
	/* дочерние страницы */
	
	.studio-title { float: left; width: 25%; padding-right: 2em; border: 0px solid #0f0;
	
		position: absolute; top: 54px }
	.studio-title a { color: #000; text-decoration: none }
	
	.top-inner-links.subpages { display: inline; width: 25%; text-align: right; margin-right: 50%; border: 0px solid #0f0;
		position: absolute; top: 54px; margin-top: 0; left: 30%; }
	.top-inner-links.subpages { //width: 25%; //padding-right: 67%; }
	/* 67%, потому что 50% : 75% */
	
	.active a strong { font-weight: none; text-decoration: underline }
	.active a strong { //text-decoration: underline; }
	/* писать все классы предков! */
	.top-navigation .active * { color: #f3980c } 
	
	h1.first { padding: 1em 0 0 0; margin: 0 0 .5em 0; width: 60% }
	div.main-content h1 { margin-left: -1em }
	
	table.main-content { border: 0px solid #0f0; border-collapse: collapse; margin: 0; padding: 0; width: 100% }
	table.main-content { //width: auto; }
	
	table.main-content .text { padding: 1em 3em 2em 2em;
		width: 66%;
		border: 0px dashed #0f0; font-size: 90%; vertical-align: top;
	}

	table.main-content .text p.first { margin-top: 0; padding-top: 0; /* padding-bottom: 2em */ }
	table.main-content td.subnavigation { font-size: 100%; min-width: 18em; border: 0px solid #00f; vertical-align: top }
	
	/* внутритекстовые таблицы */
	table.text-table { border: 0; border-collapse: collapse; width: 100% }
	table.text-table td { font-size: 90%; padding-right: 1em; vertical-align: top }
	
	ul.subnavigation { text-align: left; list-style: none; font-size: 95%; margin-top: 0; padding-top: 1em; padding-left: 40px; border: 0px solid; width: 100%; border: 0px dashed }
	ul.subnavigation li { padding-bottom: 1em; white-space: nowrap; border: 0px dashed }
	
	ul.portfolio-subnavigation { list-style: none; }

	div.subpages-ears { font-size: 80%; border: 0px solid; margin: 0; padding: 0;  }
	div.subpages-ears { //margin-left: 0px; }
	div.subpages-ears * { vertical-align: middle }
	div.subpages-ears a { vertical-align: top; }
	div.subpages-ears li { clear: both; list-style-type: none; margin: 0; padding: 0; color: #999; border: 0px solid; padding-bottom: 0em }
	div.subpages-ears li.within-portfolio { padding-left: 0 }
	div.subpages-ears img { border: 0; margin-right: 0; float: left; margin-left: -60px; position: relative; z-index: 300; }
	div.subpages-ears img { //left: 0px; //top: 0px; }
	div.subpages-ears li a { margin: 0; padding: 0; font-size: 100%; line-height: 180% }
	div.subpages-ears li span { color: #000; margin: 0; padding: 0; font-size: 125%; line-height: 180% }
	div.subpages-ears li a { //line-height: 160%; }
	div.subpages-ears li span { //margin-left: -16px; //line-height: 160%; }
	div.subpages-ears li a:hover span { color: #f3980c }
	
	div.portfolio-work-containers { width: 200px; height: 230px; border: 0px dashed #000; float: left; padding: 0; text-align: center; font-size: 90%; margin-right: 20px }
	table.main-content .text div.portfolio-work-containers p.work-title { text-align: center; margin: -2em 0 0 0; padding: 0 0 2.5em 0 }
	div.portfolio-work-containers p.work-date { //font-size: 80%; }
	p.work-date { font-size: x-small; color: #999; text-align: left; margin-top: 0em; margin-bottom: 1em; position: relative; top: 0em; font-family: Verdana; white-space: nowrap }
	div.portfolio-work-containers.testimonial { height: 300px; //height: 310px; }
	
	
	ul.portfolio-subnavigation div.subnavigation li { //padding-left: 0; }
	
	td.services-service-container { width: 50%; vertical-align: top }
	td.services-service-container:hover { background-color: #fff }
	td.services-service-container h2 { font-size: 150%; font-weight: normal; padding-left: 12pt; padding-right: 12pt }
	td.services-service-container h2 { //padding-top: 12pt; }
	td.services-service-container p { padding: 0 12pt 12pt 12pt; margin-top: -10pt; font-size: 90% }
	
	table.mail_form { width: 50%; position: fixed; left: 30%; top: 80px; z-index: 501; font-size: 95% }
	table.mail_form { //position: absolute; //top: expression( ( 80 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
	h1.mail_form { display: none; }
	table.mail_form img { float: right; z-index: 503; position: relative; }
	table.mail_form img { //margin-top: 0; }
	table.mail_form, table.mail_form tr, table.mail_form td { border-collapse: collapse; margin: 0; padding: 0; }
	.mail_form td.tl, .mail_form .tr,
		.mail_form .ml, .mail_form .mr,
		.mail_form .bl, .mail_form .br { width: 9px; height: 9px; }
	.mail_form .tm, .mail_form .mc, .mail_form .bc { height: 9px; }
	.mail_form .tl, .mail_form .tc, .mail_form .ml { background-color: #fff }
	.mail_form .mr, .mail_form .bc, .mail_form .br { background-image: url('/img/site/mail-form/shadow-pattern.gif') }
	.mail_form .mc { padding: 0 9px 9px 0; background-color: #fff; }
	.mail_form .mc div.content { padding: 1em; background-color: #f4f5ef; height: 22em }
	.mail_form .mc div.content { //width: 100%; }
	.mail_form .mc div.content * { font-family: Arial; margin-right: 9px; }
	#mail_form_name, #mail_form_email, #mail_form_message, div.mail_form_content textarea { border: 1px solid #000; width: 100%; font-size: 90% }
	div.mail_form_content textarea { //width: expression("100%"); }
	span#mail_form_link { font-size: 90% }
	span#mail_form_link a { font-size: 100% }

	div.annotation { padding: 0 1em 0 40px; position: relative; z-index: 201; font-size: 95%; border: 0px solid; }
	div.annotation { //padding-left: 80px; }
	.subpages-ears { padding-left: 40px; }
	
	div.studio-phones { text-align: right; margin-right: 30%; white-space: nowrap; float: left; padding-left: .2em }
	div.studio-phones { //margin-right: 0; }

	.news-list dt, p.news-date { font-size: 80%; font-family: Verdana; color: #999; }
	.news-list dt { display: block; float: left; width: 6em; padding: 0; margin: 0; text-align: right; line-height: 160%; vertical-align: bottom; clear: both; white-space: nowrap; }
	.news-list dt { //font-size: 75%; }
	.news-list dd { display: block; float: left; width: 80%; padding: 0 0 1em 1.5em; margin: 0; line-height: 130%; }
	.news-years-list { padding-left: 0em }
	.news-years-list { //margin-top: 1em }

	.nobr, .nobr * { white-space: nowrap }
	.align-center { text-align: center }
	.align-right { text-align: right }
	.large { font-size: 140%; line-height: 130% }
	.small { font-size: 90%; line-height: 130% }
	
	.subnavigation p.annotation { display: none }
	
	
	/* подписи к работам */
	.caption { margin-top: .7em; margin-bottom: 2.3em; display: block; }
	
	/* ссылки на "инструментарий" */
	.tools-links { width: 100%; border: 1px solid #fff; margin-top: 1em; margin-bottom: 2em; }
	.tools-links .margin { margin: 1em; }
	.tools-links p { display: inline; }
	.tools-links ul { display: inline; list-style: none; margin: 0; padding: 0; }
	.tools-links ul li { display: inline; //margin-left: .5em; }
	.clear { clear: both; }
	
	@media voice {
		h1.mail_form, .subnavigation p.annotation { display: block }
	}
	
	@media handheld {
		td.services-service-container { display: inline }
	}

ol.principles li {padding-bottom:1em !important;}