/* -----------------[ Main blocks */

	html, body {
		width: 100%;
		height: 100%;
	}

	body {
		position: relative;

		font: 62.5% Tahoma, sans-serif;
		color: #000;

		background: url(../img/body-bg.jpg) 50% -212px no-repeat #b6b5b8;
	}

	#page-wrap {
		position: absolute;

		min-height: 700px;
		min-width: 1000px;

		width: 100%;

		background: url(../img/bg.jpg) 50% -212px no-repeat #b6b5b8;
	}

		#page-wrap.right {
			background: url(../img/bg-right.jpg) 50% -212px no-repeat #b6b5b8;
		}

		#buffer {
			height: 49px;
		}

		#page {
			position: relative;

			width: 1000px;
			height: 700px;

			margin: auto;
		}

		#logo {
			width: 136px;
			height: 120px;

			text-indent: -31337px;
		}

			#logo span {
				background: url(../img/cos.png) no-repeat;

				cursor: pointer;
			}

		#nav-top {
			margin-top: 50px;
		}

		#nav-bott {
			margin-top: 15px;
		}

		.nav {
			margin-left: 25px;
		}

			.nav li {
				width: 83px;

				min-height: 25px;
				height: auto !important;
				height: 25px;

				text-indent: -31337px;
			}

				.nav li a {
					display: block;
					width: 100%;
					height: 100%;

					background: url(../img/menu.png) no-repeat;
				}

				.nav li.nav-about a {
					background-position: 0 0;
				}

					.nav li.nav-about a:hover {
						background-position: -103px 0;
					}

				.nav li.nav-services a {
					background-position: 0 -25px;
				}

					.nav li.nav-services a:hover {
						background-position: -103px -25px;
					}


				.nav li.nav-progect a {
					background-position: 0 -50px;
				}

					.nav li.nav-progects a:hover {
						background-position: -103px -50px;
					}

				.nav li.nav-contact a {
					background-position: 0 -75px;
				}

					.nav li.nav-contact a:hover {
						background-position: -103px -75px;
					}

		#dots {
			position: absolute;

			z-index: 90;

			display: none;
		}

			.right #dots {
				display: block;
			}

			#dots li {
				position: absolute;
			}

			#dots li p {
				cursor: pointer;
			}

			#dots li div {
				position: absolute;

				background: #2a87db;
				padding: 0.1em 0.4em;

				top: -15px;
				left: 15px;

				color: #fff;
				font-size: 1.2em;

				display: none;

				white-space: nowrap;
			}

			#dot1 {
				left: 153px;
				top: 37px;
			}

			#dot2 {
				left: 260px;
				top: 23px;
			}

			#dot3 {
				left: 95px;
				top: 110px;
			}

			#dot4 {
				left: 270px;
				top: 158px;
			}

			#dot5 {
				left: 350px;
				top: -200px;
			}

			#dot6 {
				left: 405px;
				top: -175px;
			}

			#dot7 {
				left: 495px;
				top: -240px;
			}

			#dot8 {
				left: 798px;
				top: 128px;
			}

			#dot9 {
				left: 860px;
				top: -118px;
			}

			#dot10 {
				left: 860px;
				top: -225px;
			}

			#dot11 {
				left: 950px;
				top: -67px;
			}

			#dot12 {
				left: 717px;
				top: -40px;
			}

			#dot13 {
				left: 783px;
				top: -10px;
			}

			#dot14 {
				left: 395px;
				top: 5px;
			}

		#select {
			position: absolute;
			left: 50%;
			margin-left: -155px;

			margin-top: 62px;

			width: 313px;
			height: 74px;

			background: url(../img/select-bg.png) no-repeat;

			font-size: 1.3em;
			color: #fff;

			z-index: 100;
		}

			#select div {
				text-align: center;
			}

			#select ul {
				margin-left: 13px;
			}

			#select ul li {
				float: left;
			}

				.select-right {
					margin-left: 95px;
				}

		#content-wrap {
			position: relative;

			width: 979px;

			margin-left: -10px;
			margin-bottom: 19px;

			padding-bottom: 35px;

			text-indent: 0;

			background: url(../img/content-bott.png) bottom no-repeat;
		}

			#content-wrap li {
				background: none;
				width: auto;
				height: auto;
				text-indent: 0;
			}

				#content-wrap a {
					background: none;
					display: inline;
					width: auto;
					height: auto;
				}

			#content {
				height: 1%;

				padding-left: 40px;
				padding-right: 40px;
				padding-top: 35px;

				background: url(../img/content-top.png) 0 0 no-repeat;
			}

				#content a {
					color: #fff;
				}

					#content a:hover {
						text-decoration: none;
					}

				#content div.progect {

				}

					#content div.progect #selecta {
						position: absolute;

						margin-top: 55px;
					}

						#sel-prev {
							position: absolute;

							margin-left: -25px;
						}

						#sel-next {
							position: absolute;

							margin-left: 895px;
						}



				#progect {
					margin-left: 50px;
					color: #fff;
				}

#back{color:#fff; position:absolute; margin-top:-40px; margin-left:340px;}

					#progect li {
						float: left;

						width: 275px;

						padding-top: 8px;
						padding-left: 8px;

						background: url(../img/proj-bg.png) no-repeat;
					}


					#progect li.text {
						float: left;

						width: 475px;
						background: none;

						padding-top: 0;
						padding-left: 8px;


					}
#progect h3{font-size:1.8em; color:#fff; font-weight:normal; margin-top:0; margin-bottom:1em; padding-top:0;}

						#progect li p {
							width: 225px;
							padding-top: 12px;

							font-style: italic;
						}

						#progect li.text p {
							width: 425px;
							padding-top: 0;

							font-style: normal;
						}

				#content div.double div {
					float: left;
				}

				#content div.note {
					font-style: italic;
					width: 320px;
					padding-right: 46px;
				}

					#content div.note.addr {
						font-style: normal;
						width: 300px;
					}

				#content div.text {
					width: 530px;
				}

					#content div.text.addr-more {
						width: 550px;
					}

						#content div.text.addr-more #phone {
							font-size: 2.61em;

							margin-top: -20px;
							margin-left: -23px;

							position: relative;
						}

							#content div.text.addr-more #phone span {
								font-size: 0.40em;

								vertical-align: 18px;
						}

						#content div.text.addr-more #roadmap {
							padding-left: 15px;
							margin-left: -15px;

							background: url(../img/cont-roadmap.png) no-repeat;
						}

						.list-serv {
							float: left;
							width: 48%;

							padding-left: 16px;

							font-size: 1.3em;
							color: #fff;

							list-style: disc;
						}

							#content div .list-serv li {
								width: 92%;

								margin-bottom: 10px;
								padding-bottom: 10px;


								 background: url(../img/list-bg.png) bottom repeat-x; 
							}

				#content h2 {
					width: 300px;

					margin-bottom: 0.2em;
					padding-left: 0.1em;

					font-size: 3em;
					color: #fff;
					font-weight: 100;
				}

					#content h2 span {
						background-color: #2571af;
						background-repeat: no-repeat;
					}

					#content h2.about span {
						background-image: url(../img/content/h-about.png);
					}

					#content h2.services span {
						background-image: url(../img/content/h-services.png);
					}

					#content h2.progect span {
						background-image: url(../img/content/h-projects.png);
					}

					#content h2.contact span {
						background-image: url(../img/content/h-contacts.png);
					}

				#content p {
					color: #fff;
					font-size: 1.3em;
					line-height: 1.38em;
				}

		#footer {
			position: absolute;
			bottom: 18px;

			font-size: 1.1em;
		}

			#footer a {
				color: #000;
			}

			#footer a:hover {
				text-decoration: none;
			}
			
			

.arrowNext{background: url(/img/arrows.png) -19px 0;width:19px; height:34px; text-indent:-9999px; cursor:pointer; position:absolute; margin-top:-100px; margin-left:235px;}

.arrowPrev{background: url(/img/arrows.png)  ;width:19px; height:34px; text-indent:-9999px; cursor:pointer; position:absolute; margin-top:-100px; margin-left:-30px;}

.fakeList{line-height:30px !important; background:url(/img/fake-list-bg.png) repeat-y 0 2px;}