@charset "utf-8";
/* <reset> */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, em, img,
small, strike, strong, sub, sup, tt,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;						/* обнуляем внешние отступы */
	padding: 0;						/* обнуляем внутренние отступы */
	border: 0;						/* убираем бордюры */
	outline: 0;						/* убираем контуры */
	font-size: 100%;				/* задаем базовый размер шрифта, значение по умолчанию = 16px */
	background: transparent;		/* устанавливаем фон прозрачным */
}
td { vertical-align:top; }
body { height:100%; width:100%; font: 12px Tahoma, Helvetica, Arial, sans-serif; line-height: 18px; background:#eee; color:#405260; }			/* устанавливаем базовый стиль для body */

ol, ul { list-style: none; }		/* убираем маркеры для нумерованных и обычных списков */

blockquote, q { quotes: none; }		/* убираем кавычки для цитат */
blockquote:before, blockquote:after {
	content: '';					/* убираем */
	content: none;					/* и скрываем генерируемое содержимое */
}

hr {
	height: 0;
	border: none;
	border-top:#aaa solid 1px;
	margin:10px 0;			/* устраняем начальный отступ для всех браузеров */
}
* html hr {				/* хак для ие6 */
	margin: -7px 0;		/* устраняем начальный отступ для ие6 */
}

table td { border-collapse:collapse; border:none; padding:2px; border-spacing:0; }

table.bord td { border:#444 solid 1px; } /* убираем рамки двойной толщины и расстояние между ячейками */


h1 { height:20px; padding-top:8px; margin-bottom:7px; border-bottom:#9e005d 1px solid; color:#6d7f8d; font-size:14px; text-transform:uppercase; letter-spacing:1px; }
h2 { margin:22px 0 15px 0; text-align:center; text-transform:uppercase; color:#666 }
h3 { margin:15px 0 12px 0; color:#555 }

a:link { color:#9e005d; text-decoration:underline; }
a:visited { color:#9e005d; text-decoration:underline; }
a:hover { color:#6d7f8d; }


/* </reset> */

#document {
	border:#6d7f8d 2px solid;
	margin:20px auto 8px auto;
	width:95%;
	background:#fff;
	min-width:955px;
	max-width:1240px;
	overflow:hidden;
}

#leftside {
	float:left;
	width:300px;
	background:#eaeaea;
	border-right:dotted #ccc 1px;
	margin-bottom:-10000px;
	padding-bottom:10000px;
}

#rightside {
	position:relative;
	margin-left:20px;
	min-height:100%;
	margin:0 0 0 320px;
}

#logo {
	width:235px;
	text-align:center;
	float:left;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6d7f8d;
	margin:46px 0 0 30px;
}
#logo strong { font-family:Arial, Helvetica, sans-serif; }
#logo em { display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin-top:18px; }


#menu {
	text-align:center;
	padding-top:40px;
	margin:auto;
	width:615px;
}
#menu ul { }
#menu ul li { float:left; width:110px; margin-right:13px; }
#menu ul li a { font-weight:bold; text-transform:uppercase; text-decoration:none; }
#menu ul li.active a { color:#6d7f8d; }
#menu ul li img { display:block; margin:0 auto -6px auto; }

#lang { position:absolute; top:8px; right:8px; background:url(/i/bg_lang.png) no-repeat #aaa; width:58px; height:19px; padding-left:6px; }
#lang a { display:block; float:left; font-size:13px; color:#fff; text-decoration:none; }
#lang a.rus { margin-right:14px; }
#lang a:hover { color:#ddd; }


#content { margin:134px 18px 18px 0; }
*:first-child+html #content { margin:17px 18px 18px 0; }			/* вставить хак для ие7 */
#content p { margin:0 0 18px 0; }
#content ul { padding:0 0 18px 0; }
#content ul li { border-left:#ff9600 6px solid; margin:6px 0; padding-left:6px; }
#content .intro { margin:0 0 18px 0; }
#content .intro .ico { height:100px; float:left; padding:0 10px 10px 3px; font-weight:bold; color:#9e005d; text-align:center; }
#content ul#submenu { height:27px; margin-bottom:7px; padding:0; border-top:#9e005d 1px solid; border-bottom:#9e005d 1px solid; }
#content ul#submenu li { float:left; height:13px; margin:7px 16px 0 0; padding-left:4px; line-height:11px; }
#content ul#submenu li a { color:#405260; text-transform:uppercase; font-weight:bold; text-decoration:none; }
#content ul#submenu li a:hover { color:#ff9600; }

#content ul#submenu li.active a { color:#ff9600; }


/* #main { overflow:hidden; } */
.block { margin:18px 30px; }

.block ul.service { margin-top:9px; padding-bottom:6px; }
.block ul.service li { margin-top:5px; padding:0 0 4px 7px; border-left:#ff9600 6px solid; line-height:13px; }
.block ul.service li.active a { color:#6d7f8d; }

.block ul.artlist li { margin-bottom:12px; padding:0 0 15px 0; border-bottom:#cbcbcb 1px solid; }
.block ul.artlist li.last { border-bottom:none; padding:0 0 1px 0; }
.block ul.artlist li a { display:block; margin-bottom:5px; }

.block ul.contacts { }
.block ul.contacts li { height:13px; margin-bottom:5px; }
.block ul.contacts li.phone { background:url(/i/img_phone.png) 0 3px no-repeat; padding-left:18px; }
.block ul.contacts li.phone strong { font-size:15px; }
.block ul.contacts li.mail { background:url(/i/img_mail.png) 0 2px no-repeat; padding-left:18px; }

.block ul { margin-top:11px; }
.block ul li { margin-top:5px; padding-bottom:4px; }
.block .date { display:block; font-weight:bold; }



#footer {
	width:88%;
	margin:0 auto 14px auto;
	max-width:1240px;
	text-align:right;
}

.clear { content: "."; display: block; height: 10px; clear: both; visibility:hidden; }
.clear { display: inline-block; }
.clear { display: block; }


.work {
	position:relative;
	width:268px;
	background:url(/i/bg_work.png) no-repeat;
	padding:4px 0 0 22px;
	margin-bottom:26px;
	text-align:left;
}
.work .img { position:absolute; right:23px; top:24px; }
.work .prev { position:absolute; right:23px; top:0; }
.work .desc { padding:156px 8px 0 0; }
.work .desc span { display:block; color:#ff9600; text-align:center; }

.pages {
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#a41168;
	margin:0 25px 15px 0;
}
.pages a { color:#405260; text-decoration:none; letter-spacing:2px; }
.pages a:hover { color:#a41168; }
.pages a.active { color:#a41168; }

.nextback { margin:0 25px 0 0; }
.nextback a { color:#405260; text-decoration:none; font-weight:bold; }
.nextback a:hover { color:#a41168; }
.nextback img { vertical-align:middle; margin:0 5px; }
.nextback .next { float:right; }

.feedback {		/* Форма для отправки почты */
	border: solid #9e005d 1px;
	width:330px;
	margin:0px;
	color:#9e005d;
}

.ad {
	text-align:left;
	font-size:10px;
	color:#666;
}
.ad a { color:#9e5c83; }
.ad a:hover { color:#9e005d; }


#footer .ad {
	float:left;
	width:480px;
	margin-left:170px;
}
/* border:1px solid;