@import 'reset.css';

/* Globals 
----------------*/	
BODY {
	background:#a1aab3;
	font:.75em/1.4 arial,sans-serif;
	color:#e7eaec;
	}

A {
	color:#fff;
	}
A:hover {
	}

INPUT.bt,
INPUT.text,
TEXTAREA {
	
	}
INPUT.text,
TEXTAREA {

	}
SELECT {

	}
	
INPUT.chk,
INPUT.radio {
	vertical-align:middle;
	}
	
INPUT.bt {
	}

DIV.hr {
	height:0;
	overflow:hidden;
	zoom:1;
	border-top:1px solid #bebebe;
	margin:1.5em 0;
	}
	DIV.hr HR {
		display:none;
		}
	
		
/* Layout
----------------------- */	
.l-meta {
	}
.h-width {
	width:950px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
	zoom:1;
	}
	
	
/* Header
----------------------- */
.l-header {
	background:#000 url(../images/bg/header-gd.jpg) repeat-x 0 0;
	height:65px;
	position:relative;
	overflow:hidden;
	zoom:1;
	}

	.l-header .logo {
		background:url(../images/content/seolect.png) no-repeat 0 0;
		width:162px;
		height:27px;
		position:absolute;
		left:20px;
		top:17px;
		}
		.l-header .logo SPAN {
			display:none;
			}
		.l-header .logo A {
			display:block;
			height:27px;
			}

	.l-header .b-nav-rus {
		position:absolute;
		right:20px;
		top:22px;
		overflow:hidden;
		zoom:1;
		font-size:1.17em;
		}
		.l-header .b-nav-rus UL {
			float:left;
			overflow:hidden;
			zoom:1;
			padding:1px 0 0;
			}
			.l-header .b-nav-rus LI {
				float:left;
				margin:0 0 0 13px;
				background:url(../images/bg/nav-rus.png);
				height:18px;
				width:50px;
				}
				.l-header .b-nav-rus LI SPAN {
					display:none;
					}
				.l-header .b-nav-rus LI A {
					display:block;
					height:18px;
					}
					.l-header .b-nav-rus .nm-services {
						width:56px;
						background-position:0 0;
						}
					.l-header .b-nav-rus .nm-clients {
						width:69px;
						background-position:-56px 0;
						}
					.l-header .b-nav-rus .nm-company {
						width:79px;
						background-position:-125px 0;
						}
					.l-header .b-nav-rus .nm-blog {
						width:45px;
						height:27px;
						background-position:-274px 0;
						margin:-1px 0 0 16px;
						}
						.l-header .b-nav-rus .nm-blog A {
							height:27px;
							}

					.l-header .b-nav-rus .nav-lang {
						margin:0 0 0 68px;
						}
						.l-header .b-nav-rus .nav-lang LI {
							margin:0 0 0 1px;
							}
							.l-header .b-nav-rus .nl-ru {
								width:34px;
								background-position:-204px 0;
								}
							.l-header .b-nav-rus .nl-en {
								width:36px;
								background-position:-238px 0;
								}

					.l-header .b-nav-rus .nm-services:hover {background-position:0 -18px;}
					.l-header .b-nav-rus .nm-clients:hover {background-position:-56px -18px;}
					.l-header .b-nav-rus .nm-company:hover {background-position:-125px -18px;}
					.l-header .b-nav-rus .nm-blog:hover {background-position:-274px -27px;}
					.l-header .b-nav-rus .nl-ru:hover {background-position:-204px -18px;}
					.l-header .b-nav-rus .nl-en:hover {background-position:-238px -18px;}

					.l-header .b-nav-rus .nm-services-sel {background-position:0 -36px !important;}
					.l-header .b-nav-rus .nm-clients-sel {background-position:-56px -36px !important;}
					.l-header .b-nav-rus .nm-company-sel {background-position:-125px -36px !important;}
					.l-header .b-nav-rus .nm-blog-sel {background-position:-319px 0px !important;}
					.l-header .b-nav-rus .nl-ru-sel {background-position:-204px -36px !important;}
					.l-header .b-nav-rus .nl-en-sel {background-position:-238px -36px !important;}

	.l-header .b-nav-eng {
		position:absolute;
		right:20px;
		top:22px;
		overflow:hidden;
		zoom:1;
		font-size:1.17em;
		}
		.l-header .b-nav-eng UL {
			float:left;
			overflow:hidden;
			zoom:1;
			padding:1px 0 0;
			}
			.l-header .b-nav-eng LI {
				float:left;
				margin:0 0 0 13px;
				background:url(../images/bg/nav-eng.png);
				height:18px;
				width:50px;
				}
				.l-header .b-nav-eng LI SPAN {
					display:none;
					}
				.l-header .b-nav-eng LI A {
					display:block;
					height:18px;
					}
					.l-header .b-nav-eng .nm-services {
						width:66px;
						background-position:0 0;
						}
					.l-header .b-nav-eng .nm-clients {
						width:59px;
						background-position:-66px 0;
						}
					.l-header .b-nav-eng .nm-company {
						width:67px;
						background-position:-125px 0;
						}
					.l-header .b-nav-eng .nm-blog {
						width:45px;
						height:27px;
						background-position:-262px 0;
						margin:-1px 0 0 16px;
						}
						.l-header .b-nav-eng .nm-blog A {
							height:27px;
							}

					.l-header .b-nav-eng .nav-lang {
						margin:0 0 0 68px;
						}
						.l-header .b-nav-eng .nav-lang LI {
							margin:0 0 0 1px;
							}
							.l-header .b-nav-eng .nl-ru {
								width:34px;
								background-position:-204px 0;
								}
							.l-header .b-nav-eng .nl-en {
								width:36px;
								background-position:-238px 0;
								}

					.l-header .b-nav-eng .nm-services:hover {background-position:0 -18px;}
					.l-header .b-nav-eng .nm-clients:hover {background-position:-66px -18px;}
					.l-header .b-nav-eng .nm-company:hover {background-position:-125px -18px;}
					.l-header .b-nav-eng .nm-blog:hover {background-position:-262px -27px;}
					.l-header .b-nav-eng .nl-ru:hover {background-position:-204px -18px;}
					.l-header .b-nav-eng .nl-en:hover {background-position:-238px -18px;}

					.l-header .b-nav-eng .nm-services-sel {background-position:0 -36px !important;}
					.l-header .b-nav-eng .nm-clients-sel {background-position:-66px -36px !important;}
					.l-header .b-nav-eng .nm-company-sel {background-position:-125px -36px !important;}
					.l-header .b-nav-eng .nm-blog-sel {background-position:-319px 0px !important;}
					.l-header .b-nav-eng .nl-ru-sel {background-position:-204px -36px !important;}
					.l-header .b-nav-eng .nl-en-sel {background-position:-238px -36px !important;}

								
/* Index
----------------------- */	
.l-index {
	background:#333f4d url(../images/bg/index-visual-gd.png) repeat-y 50% 0;
	border-bottom:1px solid #485461;
	height:285px;
	}


/* Teasers
----------------------- */	
.l-teasers {
	background:#8a96a1 url(../images/bg/tex-diag.gif) repeat;
	padding:3em 0;
	}
		
	.b-teasers {
		overflow:hidden;
		zoom:1;
		color:#fff;
		}
		.b-teasers LI {
			float:left;
			width:31%;
			margin:0 2% 0 0;
			display:inline;
			}
			.b-teasers LI H3 {
				font:bold 1.66em/.9 arial,sans-serif;
				margin:0 0 .5em;
				}
			.b-teasers LI P {
				}
			.g-marker {
				background:#33404e;
				padding:1px 0;
				line-height:1.66;
				}
* HTML .g-marker {
				padding:0;
				}
				.g-marker A {
					color:#51bdfd;
					padding:1px 0;
					}
					.g-marker A:hover {
						color:#fff;
						background:#50bbfa;
						}
						
	.l-teasers .b-clients {
		margin:3em 0 0;
		font-size:.92em;
		color:#33404e;
		}
		.b-clients H2 {
			font:bold  1.5em arial,sans-serif;
			color:#c8cdd3;
			margin:0 0 1.5em;
			}
		.b-clients H2 A {
			color:#c8cdd3;
			text-decoration:none;
			}
		.b-clients H2 A:hover {
			text-decoration:underline;
			}
		.b-clients UL {
			overflow:hidden;
			zoom:1;
			}
			.b-clients UL LI {
				float:left;
				width:18%;
				margin:0 2% 0 0;
				display:inline;
				}
				.b-clients UL LI A {
					text-decoration:none;
					display:block;
					color:#33404e;
					line-height:1.2;
					}
				.b-clients UL LI A:hover {
					color:#252e38;
					}
					.b-clients UL LI IMG {
						display:block;
						margin:0 0 .5em;
						}
					.b-clients UL LI A SPAN {
						text-decoration:underline;
						}

						
/* Footer
----------------------- */	
.l-footer {
	padding:3em 0;
	zoom:1;
	font-size:.92em;
	}
	.l-footer .side {
		float:right;
		width:33%;
		clear:both;
		margin-bottom:10px;
		}
		.b-foo-thin {
			border:1px solid #afbac4;
			position:relative;
			}
			.b-foo-thin DIV {
				position:relative;
				}
			.b-foo-thin-tl {
				background:url(../images/bg/foo-thin-tl.gif) no-repeat 0 0;
				left:-1px;
				top:-1px;
				}
			.b-foo-thin-tr {
				background:url(../images/bg/foo-thin-tr.gif) no-repeat 100% 0;
				left:2px;
				}
			.b-foo-thin-br {
				background:url(../images/bg/foo-thin-br.gif) no-repeat 100% 100%;
				top:2px;
				}
			.b-foo-thin-bl {
				background:url(../images/bg/foo-thin-bl.gif) no-repeat 0 100%;
				left:-2px;
				padding:14px 24px 16px 26px;
				zoom:1;
				}
			.b-teaser-order {
				font-size:1.66em;
				line-height:1.3;
				}
		
	.l-footer .b-foo-nav {
		overflow:hidden;
		zoom:1;
		width:60.5%;
		margin:0 0 5em;
		}
		.l-footer .b-foo-nav A:hover {
			color:#dfefff;
			}
		.l-footer .b-foo-nav LI {
			float:left;
			width:31%;
			margin:0 2% 0 0;
			display:inline;
			}
* HTML .l-footer .b-foo-nav LI {
			margin:0 1.25% 0 0;
			}

			.l-footer .b-foo-nav UL {
				}

			.l-footer .b-foo-nav LI LI {
				float:none;
				width:auto;
				margin:1em 0;
				display:block;
				}

				.l-footer .b-foo-nav LI H3 {
					font:bold 1.27em arial,sans-serif;
					margin:0 0 1em;
					}

	.l-footer .b-copy {
		overflow:hidden;
		zoom:1;
		margin:0 -20px;
		padding:0 20px;
		}
		.l-footer .b-copy A:hover {
			color:#dfefff;
			}
		.l-footer .b-copy P {
			margin:0 0 1em;
			}
		.l-footer .b-copy .lcopy {
			margin:0 0 0 -1em;
			}
		.l-footer .b-copy .address,
		.l-footer .b-copy .tel {
			float:left;
			width:31%;
			margin:0 2% 0 0;
			}


			
/* Subhead
----------------------- */
.l-subhead {
	background:#eceef0 url(../images/bg/subhead-gd.png) repeat-x 0 100%;
	padding:25px 0;
	color:#000;
	height:35px;
	}


	.l-subhead .title {
		float:left;
		font:normal 2.5em "Myriad Pro",Arial,sans-serif;
		}
	.l-subhead .title-cli {
		float:left;
		font:normal 2.5em "Myriad Pro",Arial,sans-serif;
		margin-top:-10px;
	}
	.l-subhead .h-width a 
	{
	    clear:both;
	    color:#51bdfd;
	    display:block;
	    float:left;
    }
	.l-subhead .b-nav-sec {
		float:right;
		overflow:hidden;
		zoom:1;
		font-size:1.1em;
		margin:10px -9px 0 0;
		display:inline;
		}
		.b-nav-sec LI {
			float:left;
			margin:0 0 0 7px;
			}
* HTML .b-nav-sec LI {
			white-space:nowrap;
			width:0;
			}
			.b-nav-sec LI A {
				display:block;
				padding:3px 9px;
				color:#a1aab3;
				text-decoration:none;
				}
				.b-nav-sec LI A:hover {
					color:#798794;
					text-decoration:underline;
					}

			.b-nav-sec LI.cur {
				background:#d5d9de;
				color:#33404e;
				zoom:1;
				position:relative;
				}
				.b-nav-sec LI.cur SPAN {
					display:block;
					background:url(../images/bt/navsec-tl.gif) no-repeat 0 0;
					zoom:1;
					}
				.b-nav-sec LI.cur SPAN SPAN {
					background:url(../images/bt/navsec-tr.gif) no-repeat 100% 0;
					}
				.b-nav-sec LI.cur SPAN SPAN SPAN {
					background:url(../images/bt/navsec-br.gif) no-repeat 100% 100%;
					}
				.b-nav-sec LI.cur SPAN SPAN SPAN SPAN {
					background:url(../images/bt/navsec-bl.gif) no-repeat 0 100%;
					padding:3px 9px;
					}

				.b-nav-sec LI.cur A {
					padding:0;
					color:#33404e;
					}


			

/* Body
----------------------- */	
.l-body {
	background:#fff;
	color:#000;
	padding:4em 0;
	overflow:hidden;
	zoom:1;
	}
	.l-body A {
		color:#51bdfd;
		}
		.l-body A:hover {
			color:#00a1ff;
			}

	.l-section {
		float:left;
		width:75%;
		}
		.h-section {
			padding:0 0 0 20px;
			margin:0 0 0 -20px;
			zoom:1;
			}

	.l-side {
		float:right;
		width:19%;
		}
		.h-side {
			padding:0 0 0 13px;
			}
			
    .l-body-side {
	    }
	    .l-body-side .l-section {
		    width:60%;
		    }
	    .l-body-side .l-side {
		    width:32%;
		    }
/* Side
----------------------- */	
.b-sidenav {
	}
	.b-sidenav H3 {
		font:bold 1.17em arial,sans-serif;
		margin:0 0 1em;
		}
	.b-sidenav UL {
		font-size:.92em;
		margin:0 0 2.5em;
		}
		.b-sidenav LI {
			margin:1em 0;
			line-height:1.6;
			}
			.b-sidenav LI.cur {
				background:#eceef0;
				color:#a1aab3;
				line-height:1.45;
				margin:-.5em 0 -.5em -13px;
				}
				.b-sidenav LI.cur SPAN {
					display:block;
					background:url(../images/bt/sidenav-tl.gif) no-repeat 0 0;
					}
				.b-sidenav LI.cur SPAN SPAN {
					background:url(../images/bt/sidenav-tr.gif) no-repeat 100% 0;
					}
				.b-sidenav LI.cur SPAN SPAN SPAN {
					background:url(../images/bt/sidenav-br.gif) no-repeat 100% 100%;
					}
				.b-sidenav LI.cur SPAN SPAN SPAN SPAN {
					background:url(../images/bt/sidenav-bl.gif) no-repeat  0 100%;
					padding:5px 13px;
					}
				.b-sidenav LI.cur A {
					color:#a1aab3;
					text-decoration:none;
					}
					.b-sidenav LI.cur A {
						text-decoration:underline;
						}

	.b-side-desc {
		font-size:.92em;
		margin:3.5em 0;
		}
		
/* Order */
.b-order {
	font-family:"Myriad Pro",arial,sans-serif;
	}

.b-twocol {
	overflow:hidden;
	zoom:1;
	}
	.b-twocol .b-twocol-l {
		float:left;
		width:43%;
		}
	.b-twocol .b-twocol-r {
		float:right;
		width:43%;
		}
							
	.b-order H2 {
		font-size:1.66em;
		color:#365fb2;
		margin:0 0 .5em;
		font-weight:bold;
		}

	.b-order INPUT.text,
	.b-order TEXTAREA	 {
		background:#fff;
		border:1px solid #d5d9de;
		width:90%;
		padding:2px;
		}
	.b-order TEXTAREA	 {
		width:98%;
		}
		.b-order INPUT.text:focus,
		.b-order TEXTAREA:focus	 {
			border-color:#7a838c;
			background:#f6f6f8;
			}
	
	.b-filter {
		}
		.b-filter-group {
			}
			.b-filter-group H3 {
				font-size:1.33em;
				/*font-weight:bold;*/
				line-height:1.125;
				}
				.b-filter-group H3 .chk {
					position:absolute;
					margin-left:-1.25em;
					}
				.b-filter-group H3 LABEL {
					cursor:pointer;
					display:block;
					padding:10px 10px 10px 35px;
					position:relative;
					}
				.b-filter-group-sel H3 LABEL {
					background:#fdfce3;
					}

			.b-filter-group .section {
				padding:0 0 0 53px;
				margin:0 0 .5em;
				display:none;
				}
			.b-filter-group-sel .section {
				display:block;
				}
				.b-filter-group .section H4 {
					margin:.5em 0;
					color:#818c96;
					font-size:1.17em;
					font-weight:bold;
					}
				.b-filter-group .section UL {
					margin:0 0 1em;
					}
				.b-filter-group .section LI {
					margin:.5em 0;
					position:relative;
					}
					.b-filter-group .section LI IMG {
						vertical-align:middle;
						}
					.b-filter-group .section LI .chk {
						position:absolute;
						margin-left:-1.75em;
						}
					.b-filter-group .section LI LABEL {
						cursor:pointer;
						}

.b-order .t-vert {
	width:100%;
	font-size:1.33em;
	margin:0 0 2em;
	}
	.b-order .t-vert TH,
	.b-order .t-vert TD {
		padding:.25em 0;
		}

	.b-order .t-vert TH {
		padding:0 10px 0 0;
		width:30%;
		white-space:nowrap;
		}
	.b-order .t-vert TD {
		}

	.b-order .t-vert TR.req TH {
		font-weight:bold;
		}


	.b-order FIELDSET {
		margin:.5em 0;
		}
	.b-order FIELDSET LABEL {
		font-size:1.33em;
		display:block;
		margin:0 0 .25em;
		}

	.b-order .hint {
		padding:0 0 0 20px;
		margin:0 0 1em;
		background:url(../images/ico/attention.gif) no-repeat 9px 4px;
		color:#a1aab3;
		}


/* f-controls */
.f-controls {
	margin:2em 0;
	background:#f6f6f8;
	padding:12px 24px;
	overflow:hidden;
	zoom:1;
	font-size:.92em
	}
	.f-controls .bt-wrap {
		background:#37a519;
		padding:7px;
		float:left;
		zoom:1;
		}
	.f-controls .cancel {
		color:#a1aab3;
		padding:10px 10px 5px 17px;
		float:left;
		}
		.f-controls .cancel A {
			color:#a1aab3;
			margin:0 .5em;
			}
		.f-controls .cancel A:hover {
			color:#8d969e;
			}

/* sideblog */
.b-sideblog H3 {
	font:normal 1.5em arial,sans-serif;
	margin:0 0 1em;
	}

.b-yell {
	background:#fdfce3;
	margin:0 0 0 -24px;
	position:relative;
	zoom:1;
	}
	.b-yell-tl {background:url(../images/bg/yell-tl.gif) no-repeat 0 0;}
	.b-yell-tr {background:url(../images/bg/yell-tr.gif) no-repeat 100% 0;}
	.b-yell-br {background:url(../images/bg/yell-br.gif) no-repeat 100% 100%;}
	.b-yell-bl {background:url(../images/bg/yell-bl.gif) no-repeat 0 100%;padding:15px 24px;zoom:1;}


.b-sideblog H4 {
	font-size:1.33em;
	line-height:1.25;
	margin:0 0 .25em;
	}
.b-sideblog .post {
	margin:0 0 1em;
	}


.b-sideblog .ctrls {
	color:#80775c;
	font-size:.92em;
	}
	.b-sideblog .ctrls A {
		color:#80775c;
		}
	.b-sideblog .ctrls .tags {
		background:url(../images/ico/blog-tags.gif) no-repeat 0 55%;
		padding:0 0 0 16px;
		}
	.b-sideblog .ctrls .comms {
		background:url(../images/ico/blog-comms.gif) no-repeat 0 55%;
		padding:0 0 0 16px;
		}
	.b-sideblog .ctrls .comms-no {
		background:url(../images/ico/blog-comms-no.gif) no-repeat 0 55%;
		padding:0 0 0 16px;
		color:#ccbf93;
		}


.b-sideblog UL.multipart {
	overflow:hidden;
	zoom:1;
	}
	.b-sideblog UL.multipart LI {
		float:left;
		margin:0 .5em 0 0;
		white-space:nowrap;
		}


/* b-sidequote */
.b-sidequote {
	margin:0 1em 0 0;
	zoom:1;
	}
	.b-sidequote .b-yell {
		background:#fdfce3 url(../images/ico/quote.gif) no-repeat 5px 0;
		font-size:1.17em;
		}
		.b-sidequote .b-yell-bl {
			padding:40px 23px 20px;
			}
	.b-sidequote .b-yell P {
		margin:0 0 1em;
		}

	.b-sidequote .tale {
		background:url(../images/ico/quote-tale.gif) no-repeat 40% 0;
		padding:20px 0 0 47%;
		}
		.b-sidequote .tale STRONG {
			display:block;
			font-size:1.33em;
			}
		.b-sidequote .tale SMALL {
			font-size:.92em;
			}


/* b-befofter */
.b-befofter {
	overflow:hidden;
	zoom:1;
	margin:0 0 1em;
	}
	.b-befofter .col {
		float:left;
		width:47%;
		margin:0 2% 0 0;
		}
	.b-befofter H3 {
		color:#365fb2;
		font-size:1em;
		}
	.b-befofter UL {
		margin:0 !important;
		}
		.b-befofter LI {
			background:url(../images/bg/bull.gif) no-repeat 0 .75em;
			padding:0 0 0 24px;
			list-style:none !important;
			}



/* errors */
.g-error DIV {
	background:#d22333;
	color:#fff;
	padding:2px 7px;
	font-size:.92em;
	position:relative;
	}
	.g-error SPAN {
		position:absolute;
		top:-4px;
		left:14px;
		background:url(../images/bg/error-arr.gif) no-repeat;
		width:9px;
		height:4px;
		}
.g-success DIV {
	background:#25872e;
	color:#fff;
	padding:2px 7px;
	font-size:.92em;
	position:relative;
	}			

/* b-clients-big */
.b-clients-big {
	background:#cbd0d5;
	}
	.b-clients-big .h-width {
		padding:20px 0 30px;
		}
	.b-clients-big H1 {
		color:#000;
		font-size:2.5em;
		margin:0 0 1.6em;
		}

	.b-clients-big UL {
		overflow:hidden;
		zoom:1;
		margin:0 -20px 0 -6px;
		position:relative;
		}
		.b-clients-big LI {
			float:left;
			width:33%;
			height:170px;
			}
			.b-clients-big LI A {
				text-decoration:none;
				display:block;
				padding:0 0 0 6px;
				}
				.b-clients-big LI A .picrel {
					display:block;
					margin:0 0 4px -6px;
					}
				.b-clients-big LI A .link {
					font-size:1.17em;
					color:#50bbfa;
					background:#33404e;
					padding:1px;
					text-decoration:underline;
					}

		* HTML .b-clients-big LI A .link {
				padding:0;
				}
					.b-clients-big LI A:hover .link {
						color:#fff;
						background:#50bbfa;
						}