/* reset
-------------------------------------------------------------------*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, INS, KBD, Q, S, SAMP,
SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI,
FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100.1%;
}
LABEL { cursor: pointer; }
BUTTON { cursor: pointer; overflow: visible; outline: none; }
:focus, :active { outline: 0; }
INS { text-decoration: underline; }
DEL { text-decoration: line-through; }
TABLE { border-spacing: 0; border-collapse: collapse; }
UL, OL { list-style: none; }
IMG { margin: 0; padding: 0; border: 0; }

/* body
-------------------------------------------------------------------*/
HTML, BODY { height: 100%; }
BODY { font: 13px/18px "Trebuchet MS", Tahoma; color: #575550; background: #fff; }

H1, H3.title { font: normal 21px/26px "Trebuchet MS", Tahoma; color: #000; margin: 0 0 15px; }
H2 { font: bold 16px/16px "Trebuchet MS", Tahoma; margin: 0 0 15px; }
H3 { font: normal 18px/22px "Trebuchet MS", Tahoma; margin: 0 0 5px; }
H2.dark { color: #000; }

A { color: #116cdd; text-decoration: underline; }
A:hover { text-decoration: none; }

.clrfix { height: 1%; }
.clrfix:after { height: 0; content:'.'; display: block; clear: both; visibility: hidden; }
.clear { clear: both; }
.center { text-align: center; }
.hidden { display: none; }


/* layout
-------------------------------------------------------------------*/
#main { min-width: 1000px; overflow: hidden; }
#container { width: 1000px; margin: 0 auto; }
#header { height: 35px; padding: 35px 0 25px 70px; position: relative; }
#wrapper { width: 100%; position: relative; }
#page { float: left; width: 100%; }
#content { width: 450px; padding: 20px 0 20px 250px; }
#sidel { float: left; width: 200px; padding-left: 30px; margin-left: -100%; position: relative; }
#sider { float: left; width: 163px; padding-left: 87px; margin-left: -270px; position: relative; }
#footer {
	font-size: 11px;
	clear: both;
	height: 35px;
	padding: 15px 0 50px;
	margin: 0 20px 0 30px;
	position: relative;
	border-top: 1px solid #f0f0f0;
}

.column { float: left; width: 300px; }
.mark { width: 24px; height: 30px; position: absolute; right: 20px; background: #f0f0f0; }


/* header
-------------------------------------------------------------------*/
#header .logo { font-size: 10px; line-height: 10px; color: #272727; text-decoration: none; padding-left: 20px; }
#header .logo STRONG {
	font: normal 30px/25px "Trebuchet MS", Tahoma;
	color: #116cdd;
	display: block;
	position: relative;
	left: -20px;
}
.calls P { font-size: 22px; line-height: 23px; color: #272727; }
.calls P SPAN { color: #116cdd; }
#header .column A, #footer .order A {
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	float: left;
	width: auto;
	height: 12px;
	background: url(../images/dash.gif) 0 100% repeat-x;
}
#header .column A:hover, #footer .order A:hover { background: none; }
#header .calls A { margin-left: 35px; }
#header .order A, #footer .order A { float: right; width: auto; margin-right: 44px; }
#header .mark { top: 0; }
/* top navigation
-------------------------------------------------------------------*/
#top-nav { padding-left: 90px; margin: 0 0 35px; }
#top-nav A { font-size: 12px; padding-left: 10px; background: url(../images/li.gif) 0 55% no-repeat; }
/* menu
-------------------------------------------------------------------*/
#menu { float: right; width: 750px; height: 37px; line-height: 37px; margin: 0 20px 20px; background: #116cdd; }
#menu * { float: left; width: auto; height: 37px; }
#menu LI { padding: 0 52px 0 20px; }
#menu LI A { font-weight: 700; color: #fff; text-transform: uppercase; text-decoration: none;  position: relative; z-index: 3; }
#menu LI A:hover, #menu LI.active A { opacity: .4; filter: alpha(opacity=40); }
#menu LI.cl { width: 5px; padding: 0; background: url(../images/menu.png) 0 0 no-repeat; }
#menu LI.cr { float: right; width: 5px; padding: 0; background: url(../images/menu.png) 100% -40px no-repeat; }
/* forms
-------------------------------------------------------------------*/
FIELDSET { margin: 0 0 10px; }
FIELDSET.buttons { padding-top: 10px; }
LABEL { color: #575550; display: block; cursor: pointer; }
LABEL.dark { color: #000; }
/* input=text, textarea */
.txt { color: #000; padding: 5px; background: #f3f7f8; border: 1px solid #c0c0c0; }
TEXTAREA { resize: none; }
/* buttons */
.btn {
	font-size: 16px;
	line-height: 37px;
	color: #116cdd;
	height: 41px;
	padding: 0 1px 1px 0;
	margin: 0;
	background: none;
	border: none;
	overflow: visible;
	cursor: pointer;
}
.btn:hover { text-decoration: none; }
.btn * { height: 41px; display: inline-block; vertical-align: middle; background: url(../images/btns.png) 0 0 repeat-x; }
.btn SUB { width: 12px; background-position: 0 -50px; }
.btn SUP { width: 12px; background-position: 100% -100px; }
.btn SPAN { width: auto; padding: 0 3px; margin: 0; text-decoration: underline; }
.btn:hover SPAN { text-decoration: none; }
/* push effect for gecko 1.0+ */
html:not([xmlns*=""]) .btn:active { position: relative; left: 1px; top: 1px; }
/* balance gap 3px for gecko 1.0+ */
html:not([xmlns*=""]) .btn SUB { position: relative; left: -3px; }
html:not([xmlns*=""]) .btn SUP { position: relative; right: -3px; }
html:not([xmlns*=""]) .btn SPAN { margin: 0 -3px; }

/* big button with pointer */
.btn.big { font-size: 22px; line-height: 41px; height: 45px; }
.btn.big * { height: 45px; background-image: url(../images/bbig.png); }
.btn.big SUB, .btn.big SUP { width: 22px; }

/* content
-------------------------------------------------------------------*/
#content P { margin: 0 0 20px; }
#content EM { font: italic 15px Georgia; }
#get-more-clients { position: relative; left: -25px; padding: 20px 0; }
/* awards
-------------------------------------------------------------------*/
.award { width: 118px; }
.award EM { font-size: 0; height: 1px; display: block; overflow: hidden; }
.award EM.m1 { margin: 0 1px; border: 1px #ffda83; border-style: none solid; }
.award EM.m2 { margin: 0 2px; background: #ffda83; }
.award .box { width: 116px; height: 98px; display: table; border: 1px #ffda83; border-style: none solid; }
.award .wrap {
	display: table-cell;
    vertical-align: middle;
	margin-top: expression((parentNode.offsetHeight - this.offsetHeight)/2 + 'px');
}
.award .box IMG { display: block; margin: auto; }
/* blue */
.award.green EM.m1, .award.green .box { border-color: #b9deba; }
.award.green EM.m2 { background: #b9deba; }
/* gray */
.award.gray EM.m1, .award.gray .box { border-color: #d0d0d0; }
.award.gray EM.m2 { background: #d0d0d0; }
/* awards in row */
.awards-row { height: 102px; padding: 0 0 60px 250px; }
.awards-row .award { float: left; margin-right: 60px; }
/* awards link */
.awards-row .link {
	width: 193px;
	height: 59px;
	margin: 21px 0 0;
	background: #f0f0f0 url(../images/awards.png) 0 0 no-repeat;
}
.awards-row .link A {
	font-size: 11px;
	line-height: 13px;
	display: block;
	width: 153px;
	height: 43px;
    padding: 16px 20px 0;
	text-align: center;
	vertical-align: middle;
	background: url(../images/awards.png) 100% -60px no-repeat;
}
/* services
-------------------------------------------------------------------*/
#services {
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	float: right;
	width: 902px;
	padding: 0 20px 60px 0;
	position: relative;
}
#services H3 { font-size: 13px; font-weight: 700; }
#services .column { width: 260px; padding: 15px 20px; position: relative; z-index: 3; }
#services .bg { background: url(../images/sbg.png) 0 0 repeat-y; }
#diamond-in-row {
	width: 300px;
	height: 190px;
	position: absolute;
	bottom: 0;
	left: 637px;
	background: url(../images/diamond-in-row.png) 0 0 no-repeat;
	z-index: 2;
}
#services .t, #services .b { font-size: 0; height: 4px; overflow: hidden; background: url(../images/stb.png) 0 0; }
#services .b { background-position: 0 100%; }
#services .box { min-height: 130px; }
/* bottom columns
-------------------------------------------------------------------*/
#bottom { margin: 0 0 80px 70px; }
#bottom .column { width: 220px; padding: 0 60px 0 20px; }
#bottom .articles H2 { padding-left: 15px; margin-left: -15px; background: url(../images/h2.gif) 0 6px no-repeat; }
#bottom .articles P { margin: 0 0 10px; }
#bottom .articles IMG { display: block; margin: 0 0 10px -5px; border: 5px solid #f0f0f0; }
#bottom .news { font-size: 11px; line-height: 13px; }
#bottom .news LI { padding: 0 0 15px 10px; background: url(../images/li.gif) 0 5px no-repeat; }
/* sidebar
-------------------------------------------------------------------*/
.block { font-size: 11px; line-height: 13px; margin: 0 0 30px; }
.block .illust { margin-left: 20px; }
#sider .sledds, #sider .awards { min-height: 80px; padding-left: 80px; margin: 0 0 10px -80px; position: relative; }
#sider .sledds IMG, #sider .awards IMG { position: absolute; top: 0; left: 0; }
#sider .awards  { padding-top: 27px; }
#sider .docs LI { padding: 10px 0; }
#sider .docs LI A {
	font-size: 13px;
	line-height: 15px;
	display: block;
	min-height: 34px;
	padding-left: 35px;
	background: url(../images/doc.png) 0 2px no-repeat;
}
/* awards */
.block .award { margin: 0 0 10px 40px; }
/* benefits */
.block.benefits { padding-left: 40px; }
.block.benefits LI { padding: 0 0 8px 10px; margin-left: -10px; background: url(../images/li-blue.gif) 0 5px no-repeat; }
/* right menu */
.block.menu H3 { margin-left: -60px; }
.block.menu UL { font-size: 12px; line-height: 18px; margin-left: -60px; }
.block.menu LI { padding-left: 10px; background: url(../images/li.gif) 0 5px no-repeat; }
/* consultation */
.block A.consult { display: block; width: 163px; height: 76px; background: url(../images/consult.png) 0 0 no-repeat; }
/* opinions */
.block.opinions { margin: 0; }
.block.opinions .ql {
	font: italic 13px/16px Georgia;
	padding-left: 20px;
	margin: 0 0 10px -20px;
	background: url(../images/ql.gif) 0 3px no-repeat;
}
.block.opinions .qr { padding-right: 15px; margin-right: -15px; background: url(../images/qr.gif) 100% 100% no-repeat;}
.block.opinions .client { text-align: right; margin: 0 0 30px; }
/* services */
.block.services { color: #fff; position: relative; background: #116cdd; }
.block.services H3 { font-size: 13px; line-height: 14px; }
.block.services .box { position: relative; z-index: 3; }
#diamond-in-side {
	width: 228px;
	height: 210px;
	position: absolute;
	bottom: -72px;
	left: 0;
	background: url(../images/diamond-in-side.png) 0 0 no-repeat;
	z-index: 2;
}
.block.services .t, .block.services .s { font-size: 0; overflow: hidden; background: url(../images/sts.png) 0 0; }
.block.services .t { height: 5px; }
.block.services .s { height: 15px; background-position: 0 100%; }
.block.services .box { padding: 10px 20px; }
.block.services .box.last { min-height: 140px; }



/* footer
-------------------------------------------------------------------*/
#footer .copyright { width: 430px; padding-left: 60px; }
#footer .copyright A { color: #575550; text-decoration: none; }
#footer .copyright A:hover { text-decoration: underline; }
#footer .calls { width: 160px; }
#footer .calls A { display: block; text-align: center; }
#footer .order A { margin-right: 24px; }
#footer .mark { right: 0; bottom: 0; }

/* overlay
-------------------------------------------------------------------*/
#overlay { position: fixed; top: 0; left: 0; background: url(../images/overlay.png); z-index: 100; }
/* dialog
-------------------------------------------------------------------*/
.dialog {
	position: fixed;
	background: #fff;
	border: 5px solid #f0f0f0;
	z-index: 101;
}
.dialog .close-trigger {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(../images/close.png) 0 0 no-repeat;
}
/* call form & consult form */
#call-form, #consult-form { width: 310px; padding: 30px 35px 0; }
#call-form .txt, #consult-form .txt { width: 280px; }
#call-form .notice, #consult-form .notice { margin: 0 0 25px; }
/* order form */
#order-form { width: 310px; padding: 30px 35px 0; }
#order-form .txt { width: 280px; }
#order-form .notice { margin: 0 0 25px; }
/* question form */
#question-form .txt { width: 430px; }

/* Для 1 - 2 - 3 списка информационных элементов */
.current, .page_link, .ctrl
{
	padding: 0.2em 0.5em 0.3em 0.5em;
	float: left;
	display: block;
	margin-right: 0.3em;
	background: #fff;
	float: left;
}

.page_link
{
	border: 1px solid #e7e7e7;
}
.current
{
	border: 1px solid #d20a1c;
	background-color: #d20a1c;
	color: #fff;
}

.ctrl
{
	padding: 0.5em 0.5em 0.3em 0.5em;
	font-size: 10px;
	color: #4F3327;
}

#ShowAddComment
{
	margin: 20px 0px;
	font-size: 14pt;
}

/* ссылка "ответить" для комментария */
.c_u_l
{
	font-weight: bold;
}

/* Ответ на комментарий */
.cr1
{
	display: none;
	margin: 0px 0px 10px 20px;
}

/* sub-div для дерева комментариев */
.csd
{
	margin-left: 20px;
}

.comment
{
	background: #F0EFEB;
	padding: 30px;
	margin-bottom: 10px;
	width: 450px;
	zoom: 1;
	position: relative;
	padding: 20px;
}

.comment_desc
{
	margin: 0px 0px 10px 20px;
}

.comment .tl
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('/images/tl_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tl_angle.png');
	width: 8px;
	height: 8px;
}

.comment .tr
{
	position: absolute;
	top: 0px;
	right: 0px !important;
	right: auto;
	left: expression((parentElement.clientWidth - 8) + "px");
	background: url('/images/tr_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tr_angle.png');
	width: 8px;
	height: 8px;
}

.comment .bl
{
	position: absolute;
	bottom: 0px !important;
	bottom: auto;
	top: expression((parentElement.clientHeight - 8) + "px");
	left: 0px;
	background: url('/images/bl_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl_angle.png');
	width: 8px;
	height: 8px;
}

.comment .br
{
	position: absolute;
	bottom: 0px !important;
	bottom: auto;
	top: expression((parentElement.clientHeight - 8) + "px");
	right: 0px !important;
	right: auto;
	left: expression((parentElement.clientWidth - 8) + "px");
	background: url('/images/br_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/br_angle.png');
	width: 8px;
	height: 8px;
}

.comment .mceEditor {
	width: 442px;
}

.stars
{
	margin: 0px;
	padding: 0px;
}

.stars li
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: url('/hostcmsfiles/images/stars_gray.gif') no-repeat 0 0;
	cursor: pointer;
	list-style-type: none;
}

.group_gallery
{
	float: left;
	position: relative;
	padding: 7px;
	margin: 0px 25px 25px 0px;
	background-color: #eee;
}

.group_gallery img
{
	padding: 1px;
	border: 1px solid #c6bea7;

}

.group_gallery .t
{
	position: absolute;
	top: -4px;
	left: 0px;
	background: url('/images/t_fotogroup.png') no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/t_fotogroup.png');
	width: 88px;
	height: 4px;
}

.group_gallery .r
{
	position: absolute;
	top: 0px;
	right: -4px;
	background: url('/images/r_fotogroup.png') no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/r_fotogroup.png');
	width: 4px;
	height: 88px;
}

.group_gallery .b
{
	position: absolute;
	bottom: -4px;
	right: 0px;
	background: url('/images/b_fotogroup.png') no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/b_fotogroup.png');
	width: 88px;
	height: 4px;
}

.group_gallery .l
{
	position: absolute;
	bottom: 0px;
	left: -4px;
	background: url('/images/l_fotogroup.png') no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/l_fotogroup.png');
	width: 4px;
	height: 88px;
}

.stars .curr
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: none;
	background: url('/hostcmsfiles/images/stars_single.gif') no-repeat 0 0;
}

#captcha
{
	padding: 0px;
	font-size: 75%;
}

#captcha, #captcha a:link, #captcha a:hover, #captcha a:visited
{
	color: #777;
}

#captcha img
{
	margin-bottom: -5px;
}