@import url("reset.css");

body {color:#000; background:#fff url(/img/bg.png) repeat-x 0 0; font:.813em Georgia, serif}
td,th {color:#000; font:1em Georgia, serif}
input,textarea,option,select {color:#000; font:1em Georgia, serif}

/* // ---- typography ---- // */

a {color:#06c; text-decoration:underline}
a:hover {color:#09F}

/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:900px; max-width:1440px; margin:0 auto}

/* // ---- grids ---- // */
.l-text-grid {position:relative; left:10%; margin-left:5px; width:60%}
	.l-text-grid-i {padding-left:83px}
.m-text-contacts {width:80%}
/* -- ---- grids ---- -- */

/* // ---- top ---- // */
.top {position:relative; width:100%; padding-bottom:37px}

.b-icons {position:absolute; z-index:3; left:10%; margin-left:5px; width:16%; top:31px; font-size:1px}
	.b-icons a, .b-icons span {position:relative; display:block; overflow:hidden; height:11px}
		.b-icons a i, .b-icons span i {position:relative; display:block; width:40px; height:22px; background:url( /img/icons.gif)}
	.b-icons li {position:relative; float:left; margin-right:39px}
	.b-icons .hr {position:absolute; top:-8px; left:-30px; width:72px; height:29px; background:url( /img/top-active.gif)}
	.b-icons .home {width:11px}
	.b-icons .mail {width:12px}
		.b-icons .mail i {left:-11px}
	.b-icons .smap {width:17px}
		.b-icons .smap i {left:-23px}
	.b-icons span i {top:-11px}

.b-lang-bar {position:absolute; z-index:3; font-size:.923em; left:70%; top:30px; margin-left:-9px; width:25%}
	.b-lang-bar li {position:relative; float:left; margin:0 9px}
	.b-lang-bar .hr {position:absolute; top:-7px; left:-10px; width:72px; height:29px; background:url(/img/top-active.gif)}
	.b-lang-bar span {padding:0 16px; font-weight:bold; font-style:italic}
	.b-lang-bar .frst span {padding-left:0}
	.b-lang-bar .frst .hr {left:-26px}

.b-navigation {position:relative; float:left; width:21%; left:10%; padding-top:70px}
	.b-navigation li {position:relative; font-size:1.154em; padding:0 0 12px 5px}
	.b-navigation .nav-1 {font-size:1.56em; padding-bottom:6px}
		.b-navigation .nav-1 sup {font-size:12px; top:-7px}
	.b-navigation .nav-2 {font-size:1.5em; padding-bottom:6px}
	.b-navigation .nav-3 {font-size:1.3em; padding-bottom:6px}
	.b-navigation sup {position:relative; display:inline; color:#f30; font:15px Georgia; line-height:12px; font-style:normal; top:-3px}
	.b-navigation .active {top:-5px; padding:0 0 2px 5px; line-height:50px;   font-weight:bold}
		.b-navigation .active sup {}
	.b-navigation .l-ar {position:absolute; right:100%; padding-right:9px; font-weight:normal; font-style:normal; vertical-align:top; line-height:1em}
	.b-navigation .hr {position:absolute; z-index:-1; border-top:2px solid #c5e6ff; border-bottom:2px solid #c5e6ff; top:0px; left:-9000px; height:46px; width:9205px}
		.b-navigation .hr i {position:absolute; top:-2px; width:52px; height:50px; background:url(/img/bl-brd.png) no-repeat}
		.b-navigation .hr .r {margin-left:100%; width:52px; height:50px}
		/* .b-navigation .hr .l {left:-104px; width:104px; height:50px; clip:rect(auto auto auto 52px)} */

.logo {position:relative; float:left; left:35%; width:30%; margin-right:-50%; text-align:center}
	.logo small {position:absolute; top:87px; left:0; color:#232225; width:100%; font-size:11px}
	.logo p {color:#808080; font-size:12px; line-height:20px; padding-top:16px}

.b-topseadoc {float:right; width:30%; padding-top:82px}
	.b-search {}
		.b-search .i-p {float:left; color:#b2b2b2; font-size:1.154em; border:1px solid #ccc; border-top-color:#808080; background-color:#fff; width:60%; padding:1px 1px 3px 7px; margin-right:9px}
		.b-search .btn {float:left; margin-top:3px}
	.b-top-docs {padding-top:18px}
		.b-top-docs li {padding-top:8px}
		.b-top-docs a {padding-right:19px; background:url(/img/pp-link.gif) no-repeat 100% 4px}
	/* .b-navigation .hr {position:relative}
	.b-navigation .hr i {position:absolute; left:-50%; width:150%; background-color:#f00; height:10px} */
/* -- ---- top ---- -- */


/* // ---- main page ---- // */
.b-main-page {padding-bottom:70px}
	.b-main-page .b-briefly {font-size:1.154em; line-height:1.467em; font-style:normal; margin-left:auto; width:46%; margin-right:3%}
		.b-main-page .b-briefly h2 {font-size:1.333em; line-height:1.2em; font-weight:normal; padding-bottom:.6em}
	/* // ---- online cons ---- // */
	.b-main-page .b-onlinecons {position:absolute; left:10%; margin-top:15px; font-size:1.154em;   width:21%; margin-left:5px}
		.b-main-page .b-onlinecons .brd {position:absolute; z-index:-1; border-top:2px solid #ffe0cb; border-bottom:2px solid #ffe0cb; top:-14px; left:0; margin-left:-138px; height:46px; width:308px}
			.b-main-page .b-onlinecons .brd i, .b-recommend-link .brd-resize .brd i, .b-tools-page .b-discuss .brd i {position:absolute; top:-2px; width:52px; height:50px; background:url( /img/or-brd.png) no-repeat}
			.b-main-page .b-onlinecons .brd .r {margin-left:100%; width:52px; height:50px}
			.b-main-page .b-onlinecons .brd .l {left:-104px; width:104px; height:50px; clip:rect(auto auto auto 52px)}
		.b-main-page .b-onlinecons a {position:relative; z-index:1; color:#900}
			.b-main-page .b-onlinecons a:hover {color:#f00}
		.b-main-page .b-onlinecons .vis {position:absolute; left:-72px; top:50px; width:98px; height:331px; background:url( /img/onlinecons-vis.png)}
	/* -- ---- online cons ---- -- */
	.b-main-page h1 {position:relative; font-size:5.385em; line-height:1em; font-weight:normal; width:79%; left:10%; margin-left:5px; text-align:center; padding-top:29px; padding-bottom:63px}
		.b-main-page h1 i {position:absolute; top:40px; left:0; width:100%; height:54px; background:url( /img/h1-bg.png)}
		/* .b-main-page h1 .grad-text {display:block; text-align:center; margin:0 auto}
		.b-main-page h1 .JQFE {margin-bottom:-11px} */
		.b-main-page h1 a {display:-moz-inline-stack; display:inline-block; color:#600; vertical-align:top}
			.b-main-page h1 a span {text-align:left}
			.b-main-page h1 a:hover {color:#f00}
	.b-main-page .b-services-link {position:relative; float:left; font-size:1.154em; margin-left:10%; width:22%}
		.b-main-page .b-services-link li {position:relative; padding-left:5px; margin-right:-5px; padding-bottom:.733em}
	.b-recommend-link {position:absolute; font-size:1.154em;   margin-left:100%; width:25%; left:-25%}
		.b-recommend-link a {position:relative; z-index:1; color:#900}
			.b-recommend-link a:hover {position:relative; z-index:1; color:#f00}
		.b-recommend-link .vis {position:absolute; top:-207px; left:97px; width:125px; height:329px; background:url( /img/recommend-vis.jpg)}
		.b-recommend-link .brd-resize {position:absolute; width:100%; top:-14px; height:50px; left:-52px; padding-right:52px; overflow:hidden}
			.b-recommend-link .brd-resize .brd {position:relative; display:block; border-top:2px solid #ffe0cb; border-bottom:2px solid #ffe0cb; height:46px; left:52px; width:308px}
				.b-recommend-link .brd-resize .brd .l, .b-tools-page .b-discuss .brd .l {left:-104px; width:104px; height:50px; clip:rect(auto auto auto 52px)}
				.b-recommend-link .brd-resize .brd .r, .b-tools-page .b-discuss .brd .r {margin-left:100%; width:52px; height:50px}
/* -- ---- main page ---- -- */

.b-phones {color:#333; font-size:1.846em; line-height:1.25em}
	.b-phones li {margin-bottom:-3px}
	.b-phones small {position:relative; left:-0.538em; margin-right:-0.538em; color:#808080; font-size:.542em}

/* // ---- bottom ---- // */
.bottom {color:#808080; padding-bottom:30px}
	.bottom .l-col-1 {position:relative; float:left; left:10%; margin-left:5px; width:32%}
	.bottom .l-col-2 {position:relative; float:right; width:46%; right:3%}
	.bottom .c {position:absolute; margin-left:-1.2em; }
	.bottom .l-col-1 small {display:block; font-size:.769em; line-height:1.2em;   padding-top:.4em}
	.bottom .l-col-1 p {padding-bottom:15px}
	.bottom .l-col-1 b {padding:0 10px}
	.bottom .l-col-2 p {font-size:1.154em; padding-bottom:20px}
	.bottom .l-col-2 .b-feedback-link {font-size:1em}
		.bottom .l-col-2 .b-feedback-link a {position:relative; left:-21px; padding-left:21px; background:url( /img/ico-mail.gif) no-repeat 0 4px}
.b-phones-btm {position:relative; margin-top:-.458em; padding-bottom:18px}
	.b-phones-btm li {float:left; width:43%}
/* -- ---- bottom ---- -- */

.b-tools-page {font-size:1.077em;   padding-top:20px; padding-bottom:10px}
	.b-tools-page .back-to {position:relative; float:left; left:10%; margin-left:5px; width:32%}
		.b-tools-page .back-to .c {position:absolute; left:-18px; font-weight:normal}
	.b-tools-page .b-discuss {position:relative; float:right; width:46%; right:3%}
		.b-tools-page .b-discuss .brd {position:absolute; top:-15px; width:15.929em; border-top:2px solid #ffe0cb; border-bottom:2px solid #ffe0cb; height:46px}
		.b-tools-page .b-discuss a {position:relative; color:#900}
			.b-tools-page .b-discuss a:hover {color:#f00}

.middle {padding-bottom:70px}

/* // ---- subnav ---- // */
.b-subnav {position:relative; left:6%; margin:-10px 0 34px 5px; width:92%; font-size:18px;   line-height:18px}
	.b-subnav li {position:relative; float:left; margin-right:35px; height:48px; vertical-align:top}
		.b-subnav li span {display:table-cell; vertical-align:middle; height:48px}
	.b-subnav .hr {font-weight:bold; margin-right:72px; margin-left:35px}
		.b-subnav .hr a {position:relative; z-index:2; color:#06c}
			.b-subnav .hr a:hover {color:#09F}
	.b-subnav .f {margin-left:0 !important}
	.b-subnav .f-b {margin-left:-18px !important}
	.b-subnav .l {position:absolute; top:0; background:url( /img/bl-brd-1.png) no-repeat; width:100%; left:-101px; clip:rect(auto auto auto 52px); height:50px; padding-right:101px}
	.b-subnav .r {position:absolute; top:0; background:url( /img/bl-brd-1.png) no-repeat; width:52px; margin-left:100%; height:50px}
	.b-subnav a {color:#900}
		.b-subnav a:hover {color:#f00}
		.b-subnav b {position:absolute; margin-left:-18px}
		.b-subnav .bk {padding-left:18px}
	.b-subnav small {position:relative; color:#808080; font-size:12px; font-weight:normal; vertical-align:top; line-height:1em; top:-3px; font-style:normal}
.m-filter-nav {font-size:24px; line-height:30px}
	.m-filter-nav li {margin-right:40px}
	.m-filter-nav a {text-decoration:none; border-bottom:1px dashed}
	.m-filter-nav i {visibility:hidden}
	.m-filter-nav .hr a {color:#000 !important; border-bottom-width:0}
	.m-filter-nav .hr i {visibility:visible}
	.m-filter-nav small {font-size:15px}
.m-big-subnav {font-size:24px; line-height:30px}
	.m-big-subnav li {height:78px}
		.m-big-subnav li span {height:78px}
	.m-big-subnav .l {height:80px; background:url( /img/bl-brd-big.png) no-repeat; clip:rect(auto auto auto 82px); left:-161px; padding-right:161px}
	.m-big-subnav .r {height:80px; background:url( /img/bl-brd-big.png) no-repeat; width:82px}
	.m-big-subnav i {visibility:hidden}
	.m-big-subnav a {}
	.m-big-subnav .hr {margin-left:67px; margin-right:102px; font-weight:normal}
		.m-big-subnav .hr a {}
	.m-big-subnav .hr i {visibility:visible;}
	#tabs-rubrics a {text-decoration:none; border-bottom:1px dashed}
		#tabs-rubrics .hr a {color:#000 !important; border-bottom-width:0}
/* -- ---- subnav ---- -- */

/* // ---- team viewer ---- // */
.b-team-viewer {position:relative; margin:-14px 0 0; width:100%; padding:0 0 45px}
	.b-team-viewer table {width:92%; height:451px; margin:0 auto}
	.b-team-viewer td {padding:121px 1px 0}
	.b-team-viewer .i {position:relative}
		.b-team-viewer .active {width:124px; padding-top:121px; margin:-121px auto 0}
	.b-team-viewer .img {position:relative; display:block; width:62px; height:165px; margin:0 auto}
		.b-team-viewer .img-t {position:relative; z-index:2}
		.b-team-viewer .img-b {position:absolute; top:0; left:0; z-index:1}
	.b-team-viewer .tip {position:absolute; left:50%; top:12px; font-size:30px; font-weight:bold;   line-height:1.1em; display:none; white-space:nowrap}
		.b-team-viewer .tip small {display:block; font-size:13px; font-weight:normal; font-style:normal; line-height:1.2em; padding-top:6px}
		.b-team-viewer .tip br {display:none}
		.b-team-viewer .tip .l {position:absolute; top:-12px; left:-174px; width:100%; height:82px; clip:rect(auto auto auto 86px); padding-right:174px; background:url( /img/viewer-tip.png) no-repeat}
		.b-team-viewer .tip .r {position:absolute; top:-12px; right:-85px; width:86px; height:82px; background:url( /img/viewer-tip.png) no-repeat}
		.b-team-viewer .tip .q {position:absolute; left:0; top:66px; width:19px; height:22px; background:url( /img/viewer-tip-q.png); font-size:1px}
		.b-team-viewer .tip a {position:relative}
		.b-team-viewer .tip span {position:relative; z-index:2}
		.b-team-viewer .right-tip {margin-left:100%}
			.b-team-viewer .right-tip .q {background-position:100% 0; background-repeat:no-repeat; left:100%; margin-left:-19px}
	.b-team-viewer .active .tip {display:block}
/* -- ---- team viewer ---- -- */

/* // ---- people insert ---- // */
.g-peop-r {position:absolute}
.g-peop-l {position:absolute}
/* -- ---- people insert ---- -- */

/* // ---- for editor ---- // */
.for-editor {line-height:1.385em;   font-size:1.35em;}
	.for-editor h1 {font-size:1.2em;  line-height:1.2em; font-weight:bold; padding-bottom:18px}
	.for-editor .big {font-size:1.846em; line-height:1.25em; padding-bottom:1.25em}
	.for-editor p {padding-bottom:0.9em;}
	.for-editor ul {padding-left:18px; padding-bottom:1.385em}
		.for-editor ul li {padding-left:15px; background:url( /img/li-dash.gif) no-repeat 0 10px}
	.for-editor .b-other-serv {margin-left:0; left:0; padding:0 0 45px 22px; width:auto}
		.for-editor .b-other-serv li {background-image:url( /img/li.gif); padding-bottom:6px}
	.l-text-grid .big {position:relative; margin-left:-81px}
	.l-text-grid .g-peop-r {right:-10%; margin-right:-84px}
	.l-text-grid .g-peop-l {left:-10%; margin-left:0}
	.m-text-contacts .g-peop-r {margin-right:0}
/* -- ---- for editor ---- -- */

.cost-link {position:relative; margin-top:15px; left:10%; font-size:1.154em;   margin-left:5px; width:21%; margin-bottom:50px}
	.cost-link a {color:#900}
		.cost-link a:hover {color:#f00}
	.cost-link .brd {position:absolute; z-index:-1; border-top:2px solid #ffe0cb; border-bottom:2px solid #ffe0cb; top:-14px; left:0; margin-left:-138px; height:46px; width:337px}
		.cost-link .brd i, .b-recommend-link .brd-resize .brd i {position:absolute; top:-2px; width:52px; height:50px; background:url( /img/or-brd.png) no-repeat}
		.cost-link .brd .r {margin-left:100%; width:52px; height:50px}
		.cost-link .brd .l {left:-104px; width:104px; height:50px; clip:rect(auto auto auto 52px)}

/* // ---- services main page ---- // */
.l-services-grid {position:relative; left:10%; margin-left:5px; width:81%}
	.l-services-grid dl {width:40%}
	.l-services-grid dt {position:relative; z-index:2; font-size:1.846em;   line-height:1em; padding-bottom:33px}
		.l-services-grid dt a {color:#900}
			.l-services-grid dt a:hover {color:#f00}
	.l-services-grid dd {position:relative; line-height:1.231em; padding:0 0 43px 16px; height:auto !important; height:280px; min-height:280px}
	.l-services-grid li {position:relative; z-index:2; padding-bottom:8px; padding-left:13px; background:url( /img/li.gif) no-repeat 0 8px}
	.l-services-grid .m-serv-l {float:left; padding-top:25px}
	.l-services-grid .m-serv-r {float:right; margin-top:-60px}
	.l-services-grid .g-peop-l {z-index:1; left:-130px; top:-71px}
/* -- ---- services main page ---- -- */

/* // ---- services about page ---- // */
.l-textserv-grid {position:relative; left:16%; margin-left:5px; width:65%}
	.l-textserv-grid h1 {margin-left:5px}
	.l-textserv-grid .g-peop-r {margin-left:100%}
	.l-textserv-grid-i {padding-left:30px; padding-bottom:20px}
/* -- ---- services about page ---- -- */

/* // ---- block forms ---- // */
.b-forms {position:relative; left:12%; margin-left:5px; width:74%}
	.b-forms .tp {position:relative; margin:0 6px; height:6px; background-color:#e5f6ff; font-size:1px}
	.b-forms .bt {position:relative; margin:0 6px; height:6px; background-color:#e5f6ff; font-size:1px}
		.b-forms .tp i, .b-forms .bt i {position:absolute; left:-6px; width:12px; height:12px; background:url( /img/bl-crn.png)}
		.b-forms .tp .l {clip:rect(auto 6px 6px auto)}
		.b-forms .tp .r {margin-left:100%; clip:rect(auto auto 6px 6px)}
		.b-forms .bt .l {margin-top:-6px; clip:rect(6px 6px auto auto)}
		.b-forms .bt .r {margin-left:100%; margin-top:-6px; clip:rect(6px auto auto 6px)}
	.b-forms .b-md {background-color:#e5f6ff; padding:17px 81px 27px}
	.b-forms h2 {font-size:1.846em;   font-weight:normal; padding-bottom:20px}
	.b-forms p {color:#900; padding-left:31px;   padding-bottom:22px}
	.b-forms .ips {padding-left:31px; padding-bottom:10px}
	.b-forms .ips-2r {padding-top:13px}
		.b-forms .ips-2r .lbl {position:relative; margin-top:-16px}
		.b-forms .ips .lbl {float:left; width:15.769em; padding-right:.769em; padding-top:4px}
		.b-forms .ips .i-p {float:left; border:1px solid #b3b3b3; padding:3px 1px 3px 3px; width:50%}
	.b-forms .code {margin-left:15px}
		.b-forms .code img {margin-top:3px}
	.b-forms .ips .i-code {width:55px}
	.b-forms .btn {padding-left:16.538em; margin-left:31px; padding-top:10px}
		.b-forms .btn input {overflow:visible; padding:0 15px; margin-right:3px}
/* -- ---- block forms ---- -- */

/* // ---- other services ---- // */
.b-other-serv {position:relative; left:10%; margin-left:5px; width:71%; padding-top:56px}
	.b-other-serv dt {color:#900; font-size:1.154em;   padding-bottom:8px}
	.b-other-serv dd {background:url( /img/li.gif) no-repeat 20px 9px; padding:0 0 8px 33px; line-height:1.231em}
/* -- ---- other services ---- -- */

/* // ---- filters ul ---- // */
.b-filters-ul {position:relative; left:10%; margin-left:5px; width:73%; line-height:1.231em}
	.b-filters-ul .g-peop-l {left:-10%; margin-left:-50px; top:20%}
	.b-filters-ul .g-peop-r {right:-10%; margin-right:-60px; margin-top:-40px}
	.b-filters-ul li {padding:0 0 8px 30px; background:url( /img/li.gif) no-repeat 16px 9px}
/* -- ---- filters ul ---- -- */

/* // ---- authors ---- // */
ul.b-authors {position:relative; color:#808080; padding:0 0 10px; font-size:1.077em; line-height:1.429em;   margin-left:-26px}
	ul.b-authors h3 {font-size:1em; font-weight:normal}
	ul.b-authors li {position:relative; height:auto !important; height:61px; min-height:61px; padding:0 0 21px 80px; background-image:none}
	ul.b-authors .img-cover {position:absolute; left:0; top:5px}
/* -- ---- authors ---- -- */

/* // ---- news list ---- // */
.l-grid-news {position:relative; left:26%; margin-left:7px; width:54%}
	.l-grid-news .g-peop-r {right:-10%; margin-right:-90px}
.news-list {font-size:1.154em; line-height:1.333em; padding-bottom:10px}
	.news-list .date {position:absolute; right:100%; margin-right:20px; color:#808080; white-space:nowrap}
	.news-list p {padding-bottom:10px}
	.news-list li {padding-bottom:12px}
/* -- ---- news list ---- -- */

/* // ---- pages ---- // */
.pages {font-size:1.154em;   line-height:25px}
	.pages li {float:left; margin-right:23px}
	.pages .f {margin-left:0}
	.pages .back-ar {position:absolute; left:-39px; margin:0; font-family:Arial,Helvetica; font-style:normal}
	.pages .next-ar {font-family:Arial,Helvetica; font-style:normal}
	.pages .hr {position:relative; margin:0 9px 0 -9px; font-size:24px; height:29px}
		.pages .hr {background:url( /img/pages-hr.png) no-repeat 0 0; padding-left:28px}
		.pages .hr strong {display:-moz-inline-stack; display:inline-block; background:#fff url( /img/pages-hr.png) no-repeat 100% 0; padding-right:28px; height:29px}
/* -- ---- pages ---- -- */

/* // ---- team profile ---- // */
.l-team-grid {position:relative; left:10%; margin-left:5px; width:79%; font-size:1.154em; line-height:1.333em; padding-bottom:50px}
	.l-team-grid h1 {font-size:2em}
	.l-team-grid p, .l-team-grid ul {padding-bottom:.667em}
	.l-team-grid ul li {background-position:0 11px}
	.l-team-grid {position:relative; left:10%; margin-left:5px; width:79%}
	.l-team-grid .sub-position {position:relative; top:-11px}
	.l-team-grid .c-code {position:relative; color:#808080; margin-left:-.667em}
	.l-team-grid .profile-img {float:left; width:26%; text-align:center}
		.l-team-grid .profile-img img {position:relative; margin-left:-25px}
	.l-team-grid .profile-text {float:right; width:69%}
.b-contacts-team {padding-bottom:13px}
.b-other-team {position:relative; left:10%; margin-left:5px; width:87%}
	.b-other-team table {width:100%}
	.b-other-team table td {vertical-align:top; padding-right:20px; line-height:1.846em}
	.b-other-team dt {color:#900;   font-size:1.154em}
	.b-other-team dd {padding-left:31px; background:url( /img/li.gif) no-repeat 18px 12px}
	.b-other-team strong {font-style:italic}
/* -- ---- team profile ---- -- */

/* // ---- contact card ---- // */
.b-ccard {font-size:1.154em; line-height:1.333em; padding-bottom:40px; padding-top:20px}
	.b-ccard .b-col {float:left; width:14.867em; padding-right:1.333em}
	.b-ccard h2 {  padding-bottom:20px}
	.b-ccard p {padding-bottom:19px}
	.b-ccard .b-phones {font-size:1.6em; margin-top:-0.375em}
	.b-ccard .b-mailcol {float:left}
		.b-ccard .b-mailcol p {position:relative; margin-top:-6px; font-size:2em}
/* -- ---- contact card ---- -- */