@import "reset.css";

/* All 
---------------------------------------*/
BODY {
	background:#F4F4F4;
	font:12px/18px Arial;
	min-width:1003px;
	}
A {color:#000;}
A:hover {color:#D73A42;text-decoration:none;}
.none {display:none;}
.clear {clear:both;}
.a-left {text-align:right;}
.a-right {text-align:right;}

/* Глобальные блоки
---------------------------------------*/
/* Container */
#container {background:#F4F4F4 url('bg.bottom.jpg') right bottom no-repeat;}

/* Header */
#header {min-height:160px;}

/* Content */
TABLE.layout {
	text-align:left;
	border-collapse:collapse;
	vertical-align:top;
	width:100%;
	}
TD.layout {
	text-align:left;
	vertical-align:top;
	}
H1 {
	color:#D73A42;
	font:18px Arial;
	}
H2 {
	color:#D73A42;
	font:18px Arial;
	}
	
blockquote {margin-left:20px; border-left:5px solid #ccc; padding-left:20px;margin-bottom:10px;}
	

.mainPageTitle {margin-bottom:15px !important;}

/* Footer */
#footer {
	background:url('footer.bg.jpg') 0 bottom no-repeat;
	color:#787878;
	font:11px Arial;
	clear:both;
	height:1%;
	overflow:hidden;
	padding:40px 0 6px;
	}
	#footer HR {
		background:#c5c5c5;
		border:0px solid;
		height:1px;
		overflow:hidden;
		position:relative;
		top:-5px;
		}
	#footer A {color:#787878;}
	#footer .left {float:left;padding-left:20px;}
		#footer .left IMG {margin-top:5px;}
	#footer .right {
		float:right;
		padding-right:24px;
		width:47%;
		}
	.WebUpLink {margin-left:22px;}

/* Закругленные блоки
---------------------------------------*/
.topRounds {height:10px;overflow:hidden;}
	.topRounds .leftRound {
		float:left;
		overflow:hidden;
		height:10px;
		width:10px;
		}
	.topRounds .rightRound {
		float:right;
		overflow:hidden;
		height:10px;
		width:10px;
		}
	.topRounds .center {overflow:hidden;height:10px;}
.bottomRounds {height:10px;overflow:hidden;}
	.bottomRounds .leftRound {
		float:left;
		overflow:hidden;
		height:10px;
		width:10px;
		}
	.bottomRounds .rightRound {
		float:right;
		overflow:hidden;
		height:10px;
		width:10px;
		}
	.bottomRounds .center {overflow:hidden;height:10px;}

/* Красные блоки */
.redRounded {color:#fff;}
.redRounded .topRounds .leftRound {background:url('redRounded.png') 0 0 no-repeat;}
.redRounded .topRounds .rightRound {background:url('redRounded.png') -10px 0 no-repeat;}
.redRounded .topRounds .center {background:#CF3138;}
.redRounded .inner {background:#CF3138;padding:0 12px;}
.redRounded .bottomRounds .leftRound {background:url('redRounded.png') 0 -10px no-repeat;}
.redRounded .bottomRounds .rightRound {background:url('redRounded.png') -10px -10px no-repeat;}
.redRounded .bottomRounds .center {background:#CF3138;}

/* Белые блоки */
.whiteRounded .topRounds .leftRound {background:url('whiteRounded.png') 0 0 no-repeat;}
.whiteRounded .topRounds .rightRound {background:url('whiteRounded.png') -10px 0 no-repeat;}
.whiteRounded .topRounds .center {background:#fff;}
.whiteRounded .inner {background:#fff;padding:0 12px;}
.whiteRounded .bottomRounds .leftRound {background:url('whiteRounded.png') 0 -10px no-repeat;}
.whiteRounded .bottomRounds .rightRound {background:url('whiteRounded.png') -10px -10px no-repeat;}
.whiteRounded .bottomRounds .center {background:#fff;}

/* Темно серые блоки (с уголком) */
.darkGreyRounded {color:#fff;position:relative;}
.darkGreyRounded .topRounds .leftRound {background:url('darkGreyRounded.png') 0 0 no-repeat;}
.darkGreyRounded .topRounds .rightRound {background:url('darkGreyRounded.png') -10px 0 no-repeat;}
.darkGreyRounded .topRounds .center {background:#848484;}
.darkGreyRounded .inner {background:#848484;padding:0 12px;}
.darkGreyRounded .bottomRounds .leftRound {background:url('darkGreyRounded.png') 0 -10px no-repeat;}
.darkGreyRounded .bottomRounds .rightRound {background:url('darkGreyRounded.png') -10px -10px no-repeat;}
.darkGreyRounded .bottomRounds .center {background:#848484;}
.darkGreyRounded .corner {
	background:url('darkGreyCorner.png') 0 0 no-repeat;
	display:block;
	height:16px;
	width:16px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:-16px;
	margin-top:-8px;
	}
.darkGreyRounded A {color:#fff;}
.darkGreyRounded H1 {color:#F7C6C8;font:12px Arial;}
	.darkGreyRounded H1 A {color:#F7C6C8;}
.darkGreyRounded H2 {color:#F7C6C8;font:12px Arial;}
	.darkGreyRounded H2 A {color:#F7C6C8;}

/* Серые блоки (с уголком) */
.greyRounded {position:relative;}
.greyRounded .topRounds .leftRound {background:url('greyRounded.png') 0 0 no-repeat;}
.greyRounded .topRounds .rightRound {background:url('greyRounded.png') -10px 0 no-repeat;}
.greyRounded .topRounds .center {background:#B3B3B3;}
.greyRounded .inner {background:#B3B3B3;padding:0 12px;}
.greyRounded .bottomRounds .leftRound {background:url('greyRounded.png') 0 -10px no-repeat;}
.greyRounded .bottomRounds .rightRound {background:url('greyRounded.png') -10px -10px no-repeat;}
.greyRounded .bottomRounds .center {background:#B3B3B3;}
.greyRounded .corner {
	background:url('greyCorner.png') 0 0 no-repeat;
	display:block;
	height:16px;
	width:16px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:-16px;
	margin-top:-8px;
	}
.greyRounded A {color:#494949;}
.greyRounded H1 {color:#CF3138;font:12px Arial;}
	.greyRounded H1 A {color:#CF3138;}
.greyRounded H2 {color:#CF3138;font:12px Arial;}
	.greyRounded H2 A {color:#CF3138;}

/* Светло серые блоки (с уголком) */
.lightGreyRounded {position:relative;}
.lightGreyRounded .topRounds .leftRound {background:url('lightGreyRounded.png') 0 0 no-repeat;}
.lightGreyRounded .topRounds .rightRound {background:url('lightGreyRounded.png') -10px 0 no-repeat;}
.lightGreyRounded .topRounds .center {background:#D0D0D0;}
.lightGreyRounded .inner {background:#D0D0D0;padding:0 12px;}
.lightGreyRounded .bottomRounds .leftRound {background:url('lightGreyRounded.png') 0 -10px no-repeat;}
.lightGreyRounded .bottomRounds .rightRound {background:url('lightGreyRounded.png') -10px -10px no-repeat;}
.lightGreyRounded .bottomRounds .center {background:#D0D0D0;}
.lightGreyRounded .corner {
	background:url('lightGreyCorner.png') 0 0 no-repeat;
	display:block;
	height:16px;
	width:16px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:-16px;
	margin-top:-8px;
	}
.lightGreyRounded A {color:#666;}
.lightGreyRounded H1 {color:#CF3138;font:12px Arial;}
	.lightGreyRounded H1 A {color:#CF3138;}
.lightGreyRounded H2 {color:#CF3138;font:12px Arial;}
	.lightGreyRounded H2 A {color:#CF3138;}

/* Блоки контента
---------------------------------------*/
/* Logotype */
.logotype A {
	color:#000;
	display:block;
	font:bold 28px Trebuchet MS;
	height:70px;
	left:21px;
	overflow:hidden;
	padding:35px 0px 0px 0px;
	margin-left:-3px;
	position:absolute;
	text-decoration:none;
	top:13px;
	width:292px;
	}
	.logotype A SPAN {
		background:url('logotype.gif') 0 0 no-repeat;
		cursor:pointer;
		display:block;
		height:105px;
		left:0px;
		position:absolute;
		top:0px;
		width:292px;
		}
	.logotype EM {
		display:block;
		font:11px Tahoma;
		position:absolute;
		left:21px;
		top:81px;
		width:210px;
		}

/* Navigation */
.navigation {
	float:right;
	height:39px;
	margin:44px 17px 0px 0px;
	overflow:hidden;
	}
	.navigation .leftRound {
		background:url('navigation.bg.png') 0 0 no-repeat;
		float:left;
		height:39px;
		width:5px;
		}
	.navigation .rightRound {
		background:url('navigation.bg.png') 0 -78px no-repeat;
		float:left;
		height:39px;
		width:5px;
		}
	.navigation UL {
		background:#f4f4f4 url('navigation.bg.png') 0 -39px repeat-x;
		float:left;
		height:28px;
		padding:11px 10px 0px;
		}
	.navigation LI {
		display:inline;
		padding:0px 9px;
		}

/* Главные заголовки (с пунктирной линией) */
.title {
	border-bottom:1px dashed #868686;
	margin:0px 0px 30px 1px;
	}
	.title IMG {float:right;}
	.title H1 {
		color:#D5323A;
		font:14px Arial;
		margin:0px 0px 1px -1px;
		}
		.title H1 A {color:#D5323A;}
	.title H2 {
		color:#D5323A;
		font:14px Arial;
		margin:0px 0px 1px -1px;
		}
		.title H2 A {color:#D5323A;}
	.title SMALL {
		color:#888;
		font:12px Arial;
		margin:0px 0px 0px 2px;
		}
		.title SMALL A {color:#888;}

/* Текстовый блок */
.textBox {margin:0px 0px 10px;}
	.textBox H3 {
		color:#D5323A;
		font:18px Arial;
		margin:0 0 21px;
		}
		.textBox H3 A {color:#D5323A;}
	.textBox H4 {
		color:#D5323A;
		font:12px Arial;
		font-weight:bold;
		}
		.textBox H4 A {color:#D5323A;}
	.textBox P {padding:0px 0px 16px;font-size:110%;}
	.textBox UL {padding-bottom:15px; margin-left:20px;}
		.textBox UL LI {
			list-style:outside square;
			padding:0 0 2px 0px;
			margin-bottom:5px;
			}
	.textBox OL {margin-left:20px;}
		.textBox OL LI {
			padding:0 0 2px 0px;
			margin-bottom:5px;
			}
	.textBox BIG {font:18px Arial;}
	.textBox EM {
		color:#888;
		font-style:normal;
		}
		.textBox EM A {color:#888;}
	.textBox .leftImg {
		float:left;
		margin:0 23px 5px 0;
		}
	.textBox .rightImg {
		float:right;
		margin:0 0 5px 23px;
		}

/* Навигация "Туда - сюда" */
.next-previousNavigation {
	clear:both;
	height:1%;
	list-style:none !important;
	padding:10px 0 !important;
	}
	.next-previousNavigation LI {
		background:none !important;
		display:inline;
		font:18px Arial;
		padding:0 !important;
		margin:0 21px 0 0;
		}
		.next-previousNavigation LI A {color:#888;}

/* Ссылки по теме */
.thematicLinks {margin:0 0 11px;}
	.thematicLinks H2 {margin-bottom:10px;}
	.thematicLinks LI {
		background:url('square.marker.gif') 0 4px no-repeat;
		display:-moz-inline-stack;
		display:inline-block;
		font-size:12px;
		padding:0 15px 0 16px;
		margin:0 0 10px 0;
		vertical-align:top;
		width:45%;
		}

/* Результаты опроса */
.votingResults .box {padding:0 0 22px;}
	.votingResults HR {margin-bottom:30px;}
	.votingResults H3 {
		color:#D5323A;
		font:18px Arial;
		margin-bottom:25px;
		}
		.votingResults H3 EM {
			color:#888;
			display:block;
			font:12px Arial;
			}
	.votingResults .item {padding:0 0 15px 2px;}
		.votingResults .item P {margin-left:-2px;}
		.votingResults EM {
			color:#888;
			font:12px Arial;
			}
		.votingResults .redProcentLine {
			background:#F2290C url('redProcentLine.gif') 0 0 repeat-x;
			color:#888;
			font:12px Arial;
			height:11px;
			overflow:hidden;
			margin-left:-1px;
			}
		.votingResults .greyProcentLine {
			background:#B8BAC5 url('greyProcentLine.gif') 0 0 repeat-x;
			border:1px solid #cecece;
			color:#888;
			font:12px Arial;
			height:9px;
			overflow:hidden;
			margin-left:-1px;
			}

/* Результаты опроса */
.slides {padding:0 0 23px;}
	.slides H3 {
		color:#888;
		font:18px Arial;
		margin-bottom:21px;
		}
		.slides H3 A {color:#D5323A;}
	.slides UL {
		height:1%;
		overflow:hidden;
		width:639px;
		}
		.slides LI {
			float:left;
			margin:0 5px 0 0;
			}
		.slides .arrow {padding:39px 0 0;}
		.slides .arrowRight {
			clear:both;
			margin:0;
			width:100%;
			}
			.slides .arrowRight IMG {margin:4px 0 4px 553px;}
		.slides .arrowLeft {
			clear:both;
			margin:0;
			width:100%;
			}
			.slides .arrowLeft IMG {margin:4px 0 4px 62px;}

/* Цены */
.prices {margin-bottom:25px;}
	.prices H1 {margin-bottom:10px;}			
	.prices H2 {margin-bottom:10px;}
	.prices TABLE {
		border-collapse:collapse;
		font:12px Arial;
		text-align:left;
		width:100%;
		}
		.prices TABLE TH,
		.prices TABLE TD {
			border-bottom:1px solid #BABABA;
			padding:2px 15px 0 0;
			}
		.prices TABLE TH {font:italic 12px Arial;}
		.prices TABLE .col-1 {padding-left:12px;}

/* Карта сайа */
.saitMap UL LI {font:18px Arial;}
	.saitMap UL LI UL {
		padding-left:50px;
		padding-bottom:20px;
		}
		.saitMap UL LI UL LI {font-size:12px;}
			.saitMap UL LI UL LI UL {padding-bottom:0;}
	.saitMap UL LI A {text-decoration:none;}
		.saitMap UL LI A:hover {text-decoration:underline;}

/* Новости */
.news {margin:0px 0px 10px;}
	.news .title {margin:0px 0px 23px;}
	.news P {padding:0px 0px 15px;}
		.news P EM {
			color:#888;
			font-style:normal;
			}

/* Наша история */
.ourHistory {
	background:url('ourHistory.bg.png') 0 0 no-repeat;
	font:11px Arial;
	height:109px;
	text-align:center;
	margin:0px 0px 26px;
	width:249px;
	}
	.ourHistory H1 {padding:22px 0 11px;}
	.ourHistory H2 {padding:22px 0 11px;}

/* Скидки */
.discounts {margin-bottom:20px;}
	.discounts .inner {
		background:#CF3138 url('discounts.bg.gif') 94% 13px no-repeat;
		padding:10px 15px 7px;
		}
		.discounts .inner H1 {color:#fff;padding-right:25px;}
		.discounts .inner H2 {color:#fff;padding-right:25px;}
		.discounts .inner A {color:#fff;}

/* Сотрудники */
.staff .treeInRow .box {width:33%;}
.staff H3 {
	color:#D5323A;
	font:18px Arial;
	margin:0 0 10px;
	}
.staff .box {
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 0 20px;
	vertical-align:top;
	width:24.9%;
	}
	.staff .box EM {
		color:#888;
		font-style:normal;
		}
		.staff .box EM A {color:#888;}

	.staff-leadership H4 {font:18px Arial;}
	.staff-managers H4 {font:18px Arial;}
	.staff-production H4 {font:15px Arial;}
	.staff-production H4,
	.staff-production P {padding-right:10px;}

/* Вакансии */
.vacancies {
	padding:10px 15px 7px;
	margin:0 0 15px;
	}
	.vacancies H1 {margin-bottom:10px;}
		.vacancies H1 A {color:#D73A42;}
	.vacancies H2 {margin-bottom:10px;}
		.vacancies H2 A {color:#D73A42;}
	.vacancies H3 {font:bold 12px Arial;}
	.vacancies P {padding-bottom:15px;}

/* Вакансии (подробно) */
.vacanciesDetailed {padding:0 0 7px;}
	.vacanciesDetailed H3 {
		color:#D5323A;
		font:18px Arial;
		margin-bottom:13px;
		}
	.vacanciesDetailed P {padding-bottom:15px;}
	.vacanciesDetailed HR {margin-bottom:30px;}

/* Семинары */
.seminars {padding:0 0 7px;}
	.seminars .box {padding-bottom:15px;}
		.seminars H3 {
			color:#D5323A;
			font:18px Arial;
			margin-bottom:13px;
			}
		.seminars P {padding-bottom:15px;}
		.seminars HR {margin-bottom:20px;}
		.seminars UL {text-align:right;}
			.seminars LI {
				display:inline;
				font-size:11px;
				margin-right:2px;
				}
				.seminars LI A {color:#888;}
		.seminars .reports UL {
			height:1%;
			overflow:hidden;
			padding:7px 0;
			text-align:left;
			}
			.seminars .reports UL LI {
				display:-moz-inline-stack;
				display:inline-block;
				font-size:12px;
				margin:0 19px 20px 0;
				vertical-align:top;
				width:200px;
				}
				.seminars .reports UL LI A {
					color:#231F20;
					text-decoration:none;
					}
					.seminars .reports UL LI A:hover {text-decoration:underline;}
				.seminars .reports UL LI IMG {display:block;}

/* Проверьте имя */
.checkName {margin:0 0 20px;}
	.checkName .inner {padding:11px 14px 30px;}
	.checkName H2 {margin-bottom:8px;}
	.checkName INPUT.text {
		border:1px solid #cfcfcf;
		font:11px Arial;
		padding:0 5px;
		width:185px;
		}
	.checkName INPUT.submit {cursor:pointer;position:relative;top:2px;}
	.sendEmailLink {text-align:right;}

/* Проверка домена */
.checkingDomen INPUT.text {
	background:none;
	border:1px solid #cfcfcf;
	float:left;
	font:18px Arial;
	margin:0 10px 20px 0;
	padding:1px 10px;
	width:90%;
	}
.checkName INPUT.submit {
	position:relative;
	}
.checkingDomen H3 {
	color:#D5323A;
	clear:both;
	font:18px Arial;
	margin-bottom:20px;
	}
	.checkingDomen H3 A {color:#D5323A;}
.checkingDomen CITE {
	background:#fff;
	display:block;
	font:12px/18px Arial;
	padding:15px 20px 25px;
	}

/* Меню */
.menu {margin:0 0 30px;}
	.menu .inner {padding:12px 16px;}
	.menu LI {padding:2px 0;}
		.menu LI A {text-decoration:none;}
			.menu LI A:hover {text-decoration:underline;}

/* Контакты */
.contacts {padding:0 0 10px;}
	.contacts DL {padding:0 0 25px;}
		.contacts DL DT {color:#D73A42;}
		.contacts DL DD {font:18px Arial;}
			.contacts DL DD SMALL {font:12px Arial;}
.contactsWithPadding {padding:0 13px 0px;}

/* Связь с менеджерами по ICQ */
.manedgersICQ {padding:0 13px 5px;}
	.manedgersICQ DL DT {
		color:#D73A42;
		padding:0 0 5px;
		}
	.manedgersICQ DL DD P {padding:0 0 15px;}
	.manedgersICQ DL DD BIG {font:18px Arial;}

/* Наши работы */
.ourWorks {margin:0 0 15px;}
	.ourWorks .title {margin-right:620px;}
	.ourWorks LI {
		display:-moz-inline-stack;
		display:inline-block;
		position:relative;
		vertical-align:top;
		margin-right:20px;
		width:218px;
		}
		.ourWorks LI DIV.inner {
			margin-bottom:35px;
			position:relative;
			}
		.ourWorks LI IMG {
			display:block;
			margin-bottom:2px;
			}

/* Портфолио */
.portfolioWorks {margin:0 0 15px;}
	.portfolioWorks .years {margin-bottom:35px;}
		.portfolioWorks .years A {margin-left:3px;}
	.portfolioWorks LI {
		display:-moz-inline-stack;
		display:inline-block;
		font-weight:bold;
		position:relative;
		vertical-align:top;
		margin-right:30px;
		width:182px;
		}
		.portfolioWorks LI DIV.inner {
			margin-bottom:35px;
			position:relative;
			}
		.portfolioWorks LI A {color:#D5323A;}
		.portfolioWorks LI IMG {
			display:block;
			margin-bottom:2px;
			}

/* Услуги (на странице "Портфолио") */
.portfolioServices .portfolioService {margin:0 0 25px;}
	.portfolioService .inner {
		min-height:240px;
		padding:12px 40px 10px 33px;
		}
		.portfolioService .inner H1 {margin-bottom:15px;}
		.portfolioService .inner H2 {margin-bottom:15px;}
		.portfolioService .inner P {margin-bottom:15px;}
		.portfolioService .inner LI {margin-bottom:15px;}
			.portfolioService .inner LI EM {color:#888;font-style:normal;}

/* Структура для двух блоков */
.leftBox {float:left;width:48%;}
.rightBox {float:right;width:48%;}

/* Опрос */
.voting {margin:0 0 25px;}
	.voting .inner {padding:11px 15px 5px;}
	.voting UL {padding:18px 7px 6px;}
		.voting LI {
			clear:both;
			font-size:11px;
			padding:0 0 7px;
			}
	.voting .submit {
		background:url('button.arrow.gif') right 0 no-repeat;
		border:none;
		color:#D73A42;
		cursor:pointer;
		font:11px Arial;
		float:right;
		height:20px;
		text-align:right;
		padding:0 14px 0 0;
		}
		.voting .submit A {color:#D73A42;}

/* Заказать (баннеры) */
.ordering {
	height:1%;
	overflow:hidden;
	margin:0px 0px 5px;
	}
	.ordering .orderingColumn {
		width:48%;
		text-align:center;		
		}
		.ordering .ordering1 {float:left;margin-right:15px;}
		.ordering .ordering2 {float:right;}
	.ordering DIV {
		display:block;
		text-align:center;		
		width:100%;
		}
		.ordering DIV P {padding:3px;line-height:12px;}
		.ordering DIV BIG {
			display:block;
			font:24px/18px Arial;
			padding:0 0 11px;
			}
	.orderingWebsait {
		background-image:url('orderingWebsait1.gif');
		background-position:0 100%;
		background-repeat:repeat-x;
		background-color:#d9d9d9;
		color:#888;
		}
		.orderingWebsait BIG A {color:#d73a42;}		

	.orderingAdvertising {
		background:url('orderingAdvertising1.gif') center 0 repeat-x;
		color:#cbcbcb;
		background-position:0 100%;
		background-repeat:repeat-x;
		background-color:#7d7e7d;
		float:right;
		}
		.orderingAdvertising A {color:#fff;}
	.orderingOdnoklas{
		background:url('orderingOdnoklas1.gif') center 0 no-repeat;
		color:#888;
		background-position:0 100%;
		background-repeat:repeat-x;
		background-color:#7d7e7d;
		}
		.orderingOdnoklas BIG A {color:#d73a42;}
		
.rounded {width:100%; height:100%;background-image:url(c4.gif);background-repeat:no-repeat; background-position:100% 100%;}
.rounded2 {height:100%;background-image:url(c3.gif);background-repeat:no-repeat; background-position:0 100%;}
.rounded3 {width:100%;background-image:url(c2.gif);background-repeat:no-repeat; background-position:100% 0;}
.rounded4 {background-image:url(c1.gif);background-repeat:no-repeat; background-position:0 0;padding-top:16px;padding-bottom:16px;}

/* Раздел портфолио */
.portfolioSection .descriptionSection {padding-bottom:30px;}
.portfolioSection .box {
	clear:both;
	height:1%;
	overflow:hidden;
	padding:0 0 50px;
	}
	.portfolioSection .img {
		float:left;
		margin:0 12px 0 0;
		}
	.portfolioSection .info {
		height:1%;
		overflow:hidden;
		}
		.portfolioSection .info H3 {font:14px Arial;font-weight:bold;margin-bottom:10px;}
			.portfolioSection .info H3 A {color:#D5323A;}
		.portfolioSection .info EM {
			color:#888;
			font-style:normal;
			font-size:11px;
			}
		.portfolioSection .info P {padding:15px 0 13px;}
		.portfolioSection .info LI {
			display:inline;
			font-size:11px;
			margin-right:2px;
			}
			.portfolioSection .info LI A {color:#888;}

/* Портфолио - рекламные компании */
.portfolioAdverising H3 {
	color:#D5323A;
	font:18px Arial;
	margin:0 0 15px;
	}
.portfolioAdverising .box {
	clear:both;
	height:1%;
	overflow:hidden;
	padding:0 0 20px;
	}
	.portfolioAdverising .img {
		float:left;
		margin:0 12px 0 0;
		}
	.portfolioAdverising .info {
		height:1%;
		overflow:hidden;
		}
		.portfolioAdverising .info H4 {
			color:#D5323A;
			font:12px Arial;
			}
			.portfolioAdverising .info H4 A {color:#D5323A;}
		.portfolioAdverising .info P {padding:0 0 13px;}
		.portfolioAdverising .info UL {text-align:right;}
		.portfolioAdverising .info LI {
			display:inline;
			font-size:11px;
			margin-right:2px;
			}
			.portfolioAdverising .info LI A {color:#888;}

/* Блог */
.blog H3 {
	color:#D5323A;
	font:18px Arial;
	margin:0 0 15px;
	}
	.blog H3 A {color:#D5323A;}
.blog HR {margin-bottom:20px;}
.blog .box {
	clear:both;
	height:1%;
	overflow:hidden;
	padding:0 0 5px;
	}
	.blog .img {
		float:left;
		margin:0 16px 5px 0;
		}
	.blog .info {
		height:1%;
		overflow:hidden;
		}
		.blog .info P {padding-bottom:15px;}
	.blog .infoPanel {
		clear:both;
		margin:7px 0 3px;
		}
		.blog .infoPanel .inner {
			color:#888;
			margin:-3px 0;
			position:relative;
			}
			.blog .infoPanel .inner A {color:#888;position:relative;}
			.blog .infoPanel .inner SPAN {padding-left:20px;}

/* Теги */
.tags {
	background:url('tags.ico.gif') 0 5px no-repeat;
	color:#888;
	padding:0 0 15px 16px;
	margin-top:15px;
	}
	.tags A {color:#888;}

/* Облако тегов */
.tagsCloud {margin-bottom:25px;}
.tagsCloud .inner {
	line-height:24px;
	padding:10px 15px 20px;
	}
.tagsCloud LI {display:inline;}
	.tagsCloud LI A {text-decoration:none;}
		.tagsCloud LI A:hover {background:#000;color:#fff;}

/* Наши проекты */
.ourProjects  H3 {
	color:#D5323A;
	font:18px Arial;
	margin:0 0 15px;
	}
.ourProjects HR {margin-bottom:17px;}
.ourProjects .box {
	clear:both;
	height:1%;
	overflow:hidden;
	padding:0 0 30px;
	}
	.ourProjects .img {
		float:left;
		margin:0 12px 0 0;
		}
	.ourProjects .info {
		height:1%;
		overflow:hidden;
		}
		.ourProjects .info P {padding:0 0 17px;}
		.ourProjects .info BIG {font:18px Arial;}
		.ourProjects .info LI {
			display:inline;
			font-size:11px;
			margin-right:2px;
			}
			.ourProjects .info LI A {color:#888;}

/* Клиенты */
.clients  H3 {
	color:#D5323A;
	font:18px Arial;
	margin:0 0 13px;
	}
.clients HR {margin-bottom:25px;}
.clients .box {
	clear:both;
	height:1%;
	overflow:hidden;
	padding:0 0 20px;
	}
	.clients .img {
		float:left;
		margin:0 12px 0 0;
		}
	.clients .info {
		height:1%;
		overflow:hidden;
		}
		.clients .info H4 {
			font:bold 12px Arial;
			padding:0 0 14px;
			}
		.clients .info P {padding:0 0 15px;}

/* Навигация по страницам */
.pager {margin:0 0 25px;}
	.pager LI {
		display:inline;
		font:18px Arial;
		margin:0 3px;
		}
		.pager LI A, .pager LI SPAN {color:#888;}

/* Список по годам */
.listByYear {margin:0 0 22px;}
	.listByYear .inner {padding:12px 15px 20px;}
	.listByYear UL {padding-top:6px;}
	.listByYear LI {
		display:inline;
		padding-right:2px;
		}

/* Список по чему-либо */
.listOfAnything {margin:0 0 22px;}
	.listOfAnything .inner {padding:12px 15px 15px;}
	.listOfAnything UL {padding-top:18px;}
	.listOfAnything LI {padding:0 0 10px;}

/* Подробно о работе в портфолио */
.detailedInPortfolio {margin:0 0 20px;}
	.detailedInPortfolio .bigImage {
		float:left;
		margin:0 12px 10px 0;
		}
		.detailedInPortfolio .bigImage IMG {border:1px solid #d4d4d4;}
	.detailedInPortfolio .smallImages {
		float:left;
		margin:0 11px 10px 0;
		width:90px;
		}
		.detailedInPortfolio .smallImages IMG {border:1px solid #d4d4d4;margin-bottom:6px;}
	.detailedInPortfolio .info {overflow:hidden;}
	.detailedInPortfolio H3 {
		font:12px Arial;
		margin:0 0 12px;
		}
	.detailedInPortfolio P {margin:0 0 16px;}

.projectNavigation {
	clear:both;
	height:1%;
	padding:20px 0 13px;
	}
	.projectNavigation LI {
		display:inline;
		font:18px Arial;
		margin:0 30px 0 0;
		}
		.projectNavigation LI A {color:#888;}

/* Пунктирная линия */
.dashedLine {
	background:none;
	border:none;
	border-top:1px dashed #868686;
	height:1px;
	overflow:hidden;
	position:relative;
	margin:0 0 12px;
	}

/* Комментарии */
.comments {margin:0 0 15px;}
	.comments H2 {margin-bottom:15px;}
	.comment {
		background:#DADADA;
		border-top:3px solid #BABABA;
		padding:12px 20px 25px;
		margin:0 0 25px;
		}
		.comment .info {color:#888;padding-bottom:15px;}
			.comment .info A {color:#888;}
			.comment .info EM A {
				color:#000;
				font-style:normal;
				}

/* Форма комментирования */
.commentationForm H1 {margin-bottom:18px;}
.commentationForm H2 {margin-bottom:18px;}

/* Услуги */
.services .box {
	vertical-align:top;
	margin:0 0 30px;
	width:44%;
	}
	.services .box H3 {font:12px Arial;}
		.services .box H3 A {color:#D5323A;}
	.services .box UL {text-align:right;}
		.services .box LI {
			display:inline;
			font-size:11px;
			margin-right:2px;
			}
			.services .box LI A {color:#888;}

/* Примеры работ */
.examplesOfWork H1 {margin-bottom:12px;}
.examplesOfWork H2 {margin-bottom:12px;}
.examplesOfWork LI {
	display:-moz-inline-stack;
	display:inline-block;
	position:relative;
	vertical-align:top;
	width:212px;
	}
	.examplesOfWork LI DIV.inner {
		margin-bottom:35px;
		position:relative;
		}
	.examplesOfWork LI IMG {
		display:block;
		margin:0 0 5px;
		}

/* Форма заказа */
.orderingForm H3 {
	color:#D5323A;
	font:18px Arial;
	padding:15px 0 7px;
	}
	.orderingForm H3 A {color:#D5323A;}
.orderingForm .formItem .left {width:184px;}
.orderingForm .formItem INPUT.text {width:91%;}
.orderingForm .formItem TEXTAREA {width:91%;}

/* Отзывы */
.reviews  H3 {
	color:#D5323A;
	font:18px Arial;
	margin:0 0 18px;
	}
	.reviews  H3 A {color:#D5323A;}
.reviews HR {margin-bottom:25px;}
.reviews .box {
	clear:both;
	height:1%;
	overflow:hidden;
	padding:0 0 20px;
	}
	.reviews .img {
		float:left;
		margin:0 12px 10px 0;
		}
	.reviews .info {
		height:1%;
		overflow:hidden;
		}
		.reviews .info H4 {
			font:bold 12px Arial;
			padding:0 0 14px;
			}
		.reviews .info P {padding:0 0 15px;}
	.reviews EM {
		display:block;
		font-size:14px;
		text-align:right;
		}

/* Страница 404 */
.page404 {padding:0 0 300px;}
	.page404 H1 {
		color:#D5323A;
		font:36px Arial;
		padding:0 0 25px;
		}
		.page404 H1 SMALL {
			color:#888;
			font:24px Arial;
			}
	.page404 H2 {
		color:#D5323A;
		font:36px Arial;
		padding:0 0 25px;
		}
		.page404 H2 SMALL {
			color:#888;
			font:24px Arial;
			}
	.page404 P {padding-bottom:15px;}
	.page404 UL {padding-bottom:13px;}
		.page404 UL LI {
			list-style:inside square;
			padding:0 0 4px 0px;
			}

/* Формы
---------------------------------------*/
/* Структура */
.formItem {
	height:1%;
	overflow:hidden;
	padding:0 0 10px;
	}
	.formItem .left {
		float:left;
		padding:2px 0 0;
		width:135px;
		}
		.formItem .left LABEL {display:block;padding-right:10px;}
			.formItem .left LABEL SPAN {color:#C00;}
		.formItem .right {height:1%;overflow:hidden;}

/* Элементы */
.formItem INPUT.text,
.formItem TEXTAREA {
	background:none;
	border:1px solid #BABABA;
	color:#231F20;
	font:11px Arial;
	padding:2px 6px;
	width:80%;
	}
.formItem TEXTAREA {
	height:70px;
	padding:6px;
	overflow:auto;
	}
.formItem .submit {
	background:url('button.arrow.gif') right 0px no-repeat;
	border:none;
	cursor:pointer;
	float:left;
	font:11px Arial;
	height:20px;
	text-align:left;
	padding:0 16px 0 0;
	margin:10px 0 0;
	}
	.formItem .submit A {color:#D73A42;}

/* Checkbox */
.checkbox {
	float:left;
	margin:0 8px 0 0;
	height:15px;
	width:15px;
	}

/* Radio */
INPUT.radio {
	float:left;
	margin:0 9px 5px 0;
	height:18px;
	width:15px;
	}

/* Каптча */
.captchaItem {padding-top:6px;}
	.captchaItem .left {padding-top:15px;}
	.captchaItem .right IMG {
		float:left;
		margin:0 11px 0 0;
		}
	.captchaItem .right INPUT.text {
		margin:14px 0 0;
		width:100px;
		}

/* Radio buttons */
.radioButtons {padding:15px 0 30px;}
	.radioButtons .right {padding-left:7px;}
	.radioButtons LABEL {display:block;}
		.radioButtons LABEL SPAN {
			display:block;
			height:1%;
			overflow:hidden;
			}

			
			
/*.ourWorks LI DIV.inner A:hover .rounds-box {background-image:url('rounds-box.active.png');}
.ourWorks LI DIV.inner .rounds-box {
background:url('rounds-box.png') 0 0 no-repeat;
display:block;
cursor:pointer;
position:absolute;
top:0;
left:0;
height:139px;
width:207px;
z-index:100;
}*/
			
			
#thetable {border-collapse:collapse; border-top:1px dashed #888888;}
#thetable td {border-bottom:1px dashed #888888;padding:10px;/*text-align:center;*/}
#thetable #headtable TD {background-color:#fff; font-size:11px; font-weight:bold; }
#thetable EM {color:#d73a42; font-style:normal;}

#thetable #titletable TD {font-size:13px; font-weight:bold; color:#cf3138; vertical-align:middle;}

#thetable2 {border-collapse:collapse; border-top:1px solid #d0d0d0;}
#thetable2 td {border-bottom:1px solid #d0d0d0;}
#thetable2 #headtable TD {background-color:#fff; font-size:11px; font-weight:bold; }
#thetable2 EM {color:#d73a42; font-style:normal;}

#thetable2 #titletable TD {font-size:13px; font-weight:bold; color:#cf3138; vertical-align:middle;}

/*strong {font-weight:normal;} */

.textBox {margin-bottom:25px;}
	.textBox H1 {margin-bottom:10px;}
	.textBox H2 {margin-bottom:10px;}
	.textBox TABLE {
		border-collapse:collapse;
		font:12px Arial;
		text-align:left;
		width:100%;
		}
		.textBox TABLE TH,
		.textBox TABLE TD {
			border-bottom:1px solid #BABABA;
			padding:2px 15px 0 0;
			}
		.textBox TABLE TH {font:italic 12px Arial;}
		.textBox TABLE .col-1 {padding-left:12px;}
		
.answer {margin-left:30px; padding-left:15px; margin-bottom:15px; border-left:7px solid #DADADA}

.int_q {color:#D5323A; margin-top:15px; font-weight:bold;}
.int_q2 {color:#D5323A; font-size:14px;font-weight:bold;}
OL {margin-left:20px; list-style-position:outside;}

.bold {font-weight:bold;}
.price, .price2 {white-space: nowrap; color:#D73A42;}
.price {font-weight:bold; font-size:14px;}
.rub {font-family:arial;}

.Box-title {cursor:pointer;color:#D73A42;}
.Box-title A, .Box-title A:link, .Box-title A:hover {color:#D73A42; text-decoration:none;border-bottom:1px dashed #D73A42;}
.hidden_list {display:none;}