/* @group root */
	body.root {
		background: #780000 url(/i/bg/root.jpg) left top no-repeat;
	}

	body.root .aside {
		float: left;
		width: 180px;
	}

	body.root .content {
		margin: 0 0 0 180px;
	}

	body.root .content a {
		text-decoration: none;
	}

	body.root #voice-decor {
		display: block;
	}

	body.root #header-voice {
		border-left-color: #a14d4d;
		color: #d0d0d0;
	}

	body.root #header-voice span {
		color: #ff5400;
	}

	body.root #header-contacts li {
		color: #ff5400;
	}

	body.root #header-contacts li#phone {
		background: url(/i/icon/root/phone.gif) left top no-repeat;
	}

	body.root #header-contacts li#email {
		background: url(/i/icon/root/email.gif) left top no-repeat;
	}

	body.root #header-contacts a {
		color: #ff5400;
	}

	body.root #header-contacts a:hover {
		text-decoration: underline;
	}

	body.root #header-menu li a {
		background-image: url(/i/dot/active.gif);
		color: #fff;
	}

	body.root #header-menu li a img {
		border-color: #fff;
	}

	body.root #header-icon div a {
		color: #fff;
	}

	body.root .vacancy-icon {
		background: url(/i/icon/root/vacancy.gif) 0 50% no-repeat;
	}

	body.root .twitter-icon {
		background: url(/i/icon/root/twitter.gif) 0 50% no-repeat;
	}

	body.root #header-icon {
		color: #ffffff;
	}

	body.root .aside h2 {
		background: transparent;
		color: #ff5400;
		float: left;
		margin: 24px 30px 16px 0;
		padding: 0;
	}

	body.root .aside {
		color: #fff;
		font-size: 0.85em;
	}

	body.root .aside p {
		clear: both;
		color: #fff;
		font-size: 1em;
		margin: 0 20px 10px 0;
	}

	body.root .aside p span {
		color: #ff5400;
	}

	body.root .aside a.further img {
		float: right;
		margin: 5px 25px 0 0;
	}

	body.root #project-decor {
		background: url(/i/project/decor.png) left top no-repeat;
		display: inline;
		float: left;
		height: 78px;
		margin: 0px 18px 0 -42px;
		position: relative;
		width: 24px;
	}

	body.root #last-projects h2 {
		background: transparent;
		color: #ff5400;
		float: left;
		margin: 13px -100% 0 -69px;
		padding: 0;
		position: relative;
		text-transform: uppercase;
	}

	body.root #last-projects li a {
		color: #fff;
	}

	ul.promos li {
		font-size: 150%;
		list-style-type: none;
	}
/* @end */

/* @group events */
	body.events #header-icon {
		background: url(/i/icon/back.gif) 0 50% no-repeat;
	}

	body.events .aside h2 {
		padding-right: 20px;
	}

	body.events #archive-block {
		clear: both;
	}

	body.events #archive-block ul {
		list-style: none;
	}

	body.events #archive-block li {
		margin-bottom: 15px;
	}

	body.events #archive-block a {
		color: #780000;
	}
/* @end */

/* @group portfolio */
	body.portfolio #client-works {
		display: inline;
	}

	body.portfolio #header-icon {
		display: none;
	}

	body.portfolio #stripes {
		background: url(/i/border-port.gif) left top repeat;
	}

	.portfolio-column {
		float: left;
		margin-right: 6px;
		position: relative;
		width: 219px;
	}

	.portfolio-column h2 {
		margin-bottom: 20px;
	}

	.portfolio-column#last-column {
		margin-right: 0;
		width: 189px;
	}

	.portfolio-column ul {
		clear: both;
		list-style: none;
		margin-right: 30px;
	}

	.portfolio-column#last-column ul {
		margin-right: 0;
	}

	.portfolio-column ul li {
		clear: both;
		font-size: 0.85em;
		margin: 0 -10px 7px 0;
	}

	.portfolio-column ul li.hideWork, .hideWork {
		opacity: 0.1;
		-moz-opacity: 0.1;
		-khtml-opacity: 0.1;
	}

	.portfolio-column ul li img {
		border: 4px solid #fff;
		float: left;
		margin: 2px 15px 8px 0;
	}

	.portfolio-column ul li a {
		color: #000;
		text-decoration: none;
	}

	.portfolio-column ul li a:hover {
		text-decoration: underline;
	}

	.portfolio-column ul li em {
		color: #da3614;
		font-style: normal;
		font-weight: bold;
	}

	.portfolio-column .new-label {
		background: url(/i/project/new.png) left top no-repeat;
		float: left;
		height: 25px;
		margin: 18px -36px -43px -11px;
		position: relative;
		width: 25px;
	}
/* @end */

/* @group list */
	body.list .aside,
	body.contacts .aside {
		width: 220px;
	}

	body.list .content,
	body.contacts .content {
		margin-right: 275px;
	}

	body.list .aside div,
	body.contacts .aside div {
		clear: both;
		padding-bottom: 40px;
	}

	body.list .aside div p,
	body.contacts .aside div p {
		margin: 0 20px 15px 0;
	}

	body.list h3,
	body.contacts h3 {
		color: #780000;
		font-size: 1.1em;
		margin: 0 0 7px;
	}

	body.list div.content p,
	body.contacts div.content p {
		margin-right: 30px;
	}

	body.list .aside div {
		margin: 0;
		padding: 0 0 40px;
	}

/* @end */

	/* @group list-anchors */
	body.list-anchors #header-icon {
		height: 41px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	body.list-anchors #header {
		margin-bottom: 0;
	}
	/* for Safari */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
    		body.list-anchors #header-icon {
    			height: 41px;
			margin-top: 100px;
    		}
    		pre code {
    			padding: 1em;
    		}
	}

/* @group contacts */
	body.contacts #map {
		border: 15px solid #fff;
		height: 337px;
		margin-bottom: 30px;
		width: 570px;
	}
	body.contacts .vcard span.category {
		display: none;
	}
	body.contacts .vcard a.url {
		display: none;
	}
	body.contacts .vcard span.country-name {
		display: none;
	}
	body.contacts .vcard .geo {
		display: none;
	}
	body.contacts .vcard span.tel span.type {
		display: none;
	}
	body.contacts .vcard span.tel abbr {
		border: 0;
	}
/* @end */

/* @group error */
	body.error {
		background: #780000;
	}

	body.error #header div {
		display: none;
	}

	body.error #header div#logo, body.error h2 {
		display: block;
		float: none;
	}

	body.error h1, body.error p {
		color: #ffffff;
	}
/* @end */


/* @group dt-work */
	body.dt-work #header-voice,
	body.dt-work #header-icon,
	body.dt-work #client-works {
		display: none;
	}

	body.dt-work #last-projects {
		background: none;
	}

	body.dt-work #last-projects h2 {
		background: transparent;
		color: #000;
		float: none;
		font-size: 0.7em;
		font-weight: bold;
		margin: 0 !important;
		padding: 20px 0 0;
	}

	body.dt-work #last-projects li,
	body.root #last-projects li {
		float: left;
		margin-top: 15px;
		padding-right: 25px;
		width: 255px;
	}

	body.dt-work #refs {
		border-top: 1px solid transparent;
		margin-top: -30px;
		position: relative;
	}

	body.dt-work #refs #list-left {
		float: left;
		margin-right: -180px;
		position: relative;
		width: 180px;
	}

	body.dt-work #refs #list-left span {
		background: url(/i/arrow/prev-proj.gif) 0 3px no-repeat;
		color: #BBBBBB;
		float: left;
		font-size: 0.85em;
		margin-top: 6px;
		padding-left: 15px;
		position: relative;
		text-transform: uppercase;
	}

	body.dt-work #refs #list-right {
		float: right;
		margin-left: -268px;
		padding-right: 108px;
		position: relative;
		width: 160px;
	}

	body.dt-work #refs #list-right span {
		background: url(/i/arrow/next-proj.gif) 100% 3px no-repeat;
		color: #BBBBBB;
		float: left;
		font-size: 0.85em;
		margin-top: 6px;
		padding-right: 15px;
		text-transform: uppercase;
	}

	body.dt-work #back-ref {
		height: 30px;
		margin: 0;
		padding-left: 180px;
		position: relative;
	}

	body.dt-work #back-ref a {
		background: url(/i/arrow/port-back.gif) 100% 1px no-repeat;
		color: #a8a8a8;
		font-size: 0.65em;
		padding-right: 10px;
		text-transform: uppercase;
	}

	body.dt-work #refs h1 {
		color: #780000;
		font-size: 1.4em;
		margin: 0 288px 20px 179px;
		text-transform: uppercase;
	}

	body.dt-work img.project {
		border: 12px solid #fff;
		display: block;
		margin-bottom: 40px;
	}

	body.dt-work .aside {
		float: right;
		margin-left: -140px;
		width: 140px;
	}

	body.dt-work .content {
		float: left;
		margin-right: 140px;
		width: 740px;
	}

	body.dt-work .aside p, body.dt-work .aside li {
		color: #434343;
		font-size: 0.85em;
		margin-bottom: 15px;
	}

	body.dt-work .aside li {
		margin: 0 0 0.3em;
	}

	body.dt-work .aside p.text-ital {
		color: #000;
		font-family: times, arial, verdana;
		font-size: 0.9em;
		line-height: 1.35em;
		margin-bottom: 35px;
		padding-top: 15px;
		width: 70px;
	}

	body.dt-work .aside p.text-ital a {
		color: #780000;
	}

	body.dt-work .content p.text-ital {
		font-family: times, arial, verdana;
		font-size: 0.95em;
		margin: -30px 32px 20px 12px;
		text-align: center;
	}

	.flash {
		border: 18px solid #fff;
		margin-bottom: 30px;
	}

	/* @group horizontal */
		body.dt-work .horizontal .aside {
			clear: both;
			display: inline;
			float: left;
			margin: 0 -228px 0 18px;
			position: relative;
			width: 210px;
		}

		body.dt-work .horizontal .aside .text-ital {
			margin-right: 0;
			width: 210px;
		}

		body.dt-work .horizontal .last-project-wrapper {
			float: left;
			margin-left: 300px;
			display: inline;
			padding: 0;
		}

		body.dt-work .horizontal #last-projects {
			float: left;
			margin: 0;
			padding-top: 0;
			width: 100%;
		}
	/* @end */

	/* @group vertical */
		body.dt-work .vertical{
			overflow: hidden;
		}

		body.dt-work .vertical .content {
			float: left;
			margin: 0 -100% 0 0;
			width: auto;
		}

		body.dt-work .vertical .aside-wrapper .aside {
			float: none;
			margin-left: 0;
		}

		body.dt-work .vertical .aside-wrapper {
			display: inline;
			float: left;
			margin: 25px 0 25px 320px;
			position: relative;
		}

		body.dt-work .vertical .aside p {
			color: #434343;
			font-size: 0.85em;
			margin-bottom: 15px;
			margin-right: 20px;
		}

		body.dt-work .vertical .aside p.text-ital {
			color: #000;
			font-family: times, arial, verdana;
			font-size: 0.9em;
			line-height: 1.35em;
			padding-top: 15px;
			width: 190px;
		}

		body.dt-work .vertical .aside p.text-ital a {
			color: #780000;
		}

		body.dt-work .vertical .aside-wrapper ul {
			float: none !important;
			margin-bottom: 20px;
		}

		body.dt-work .vertical .aside-wrapper ul li {
			width: 230px !important;
		}
	/* @end */
/* @end */

div.vacancy h2 {
	float: none;
	padding-top: 2em;
}

div.vacancy h3 {
    margin-bottom: 1em;
}