@charset "utf-8";
@import url('style-reset.css');
body {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/top.jpg) repeat-x;
}
#container {
	margin:auto;
	width:960px;
	font-size:.875em;
}
#header {
	height:111px;
}
#logo {
	width:500px;
	height:105px;
}

#screen {
	height:410px;
	background:url(images/screen.jpg) no-repeat;
	margin:10px 0;
	padding:30px 0 0;
}
#left {
	float:left;
	width:300px;
}
#right {
	float:right;
	width:300px;
}
#middle {
	margin-left:330px;
	margin-right:330px;
}
#left, #right, #middle {
	margin-bottom:40px;
}
#footer {
	
	clear:both;
	width:900px;
	margin:auto;
	font-size:.8em;
	padding:20px;
	
	
	background:#373737 url(images/dark_gradient.jpg) repeat-x;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-khtml-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	
}
#page_wrap {
	width:960px;
	margin:auto;
}
#page_top {
	height:54px;
	background:url(images/page_top.jpg) no-repeat;
}
#page {
	background:url(images/page_tile.jpg) repeat-y;
	padding:0 54px;
}
#page_bottom {
	height:54px;
	background:url(images/page_bottom.jpg) no-repeat;
	margin-bottom:40px;
}
#contact_info {
	float:left;
	width:450px;
	margin-top:15px;
	color:#666;
}
#contact_info ul {
	margin:20px;
}
#contact_info ul li {
	background:url(images/arrow.gif) no-repeat center left;
	padding-left:15px;
	font-size:.9em;
	line-height:1.8em;
}
p {
	padding:5px 0;
	line-height:1.6em;
	font-size:.9em;
	color:#666;
}
p.frontpage_text {
	text-align:justify;
}
h2 {
	clear:both;
	padding:15px 0 0;
}
h3.frontpage_heading, h1.pagetitle {
	background:#373737 url(images/dark_gradient.jpg) repeat-x;
	padding:30px 10px 5px;
	text-align:right;
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:.25em;
	color:#fff;
	margin-bottom:15px;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}
#footer a, #footer p {
	color:#666;
}
#footer_right h5 {
	font-size:.9em;
	font-weight:700;
	padding-top:20px;
	padding-right:25px;
	text-align:right;
	color:#999;
}
.float_left {
	float:left;
	margin-right:12px;
	padding:8px;
	background:#F7F7F7;
	border:1px solid #CCC;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}
#gallery {
	width:852px;
	height:460px;
	margin:auto;
	overflow:auto;
	padding-bottom:18px;
	position:static;
}
#pro {
	width:852px;
	margin:auto;
	overflow:auto;
	padding-bottom:18px;
	position:static;
	}
.project {
	width:825px;
	float:left;
	height:180px;
	margin:8px 10px 2px 8px;
	background:url(images/gallery_thumb4.png) no-repeat;
	padding-top:6px;
	padding-left:6px;
	padding-right:6px;
	text-align:left;
	}	

		
.project p {
	padding-left:180px;
	padding-right:100px;
	}
	.project p a {
		color: #C33 
	}
	
a.read_m {
	color:#ff4e00;
	font-size:12px;
	float:right;
	margin-right: 50px;
	
	
	}
.logotip {
	float:left;
	height:100px;
	width:140px;
	margin:14px 10px 2px 25px;
	background:url(images/logo10.png) no-repeat;
	padding-top:6px;
	text-align:center;		
	}
.logotop {
	float:left;
	height:100px;
	width:140px;
	margin:14px 10px 2px 25px;
	padding-top:6px;
	text-align:center;		
	}
.float_izi {
	float:left;
	height:224px;
	width:320x;
	margin:8px 10px 2px 8px;
	background:url(images/gallery_thumb2.png) no-repeat;
	padding-top:6px;
	padding-left:6px;
	padding-right:6px;
	text-align:left;
	
	}
.float_text {
	float:left;
	height:224px;
	width:480px;
	margin:8px 8px 2px 8px;
	padding-top:6px;
	padding-left:6px;
	text-align:left;
	}
.float_left_thumb {
	float:left;
	height:164px;
	width:152px;
	margin:8px 10px 2px 8px;
	background:url(images/gallery_thumb.png) no-repeat;
	padding-top:6px;
	text-align:center;
}
.arty {
	float:left;
	text-align:left;
	color: #666;
	width:852px;
	border-bottom:1px solid #666
	}
.center {
	margin:auto;
}
#no_gallery_found {
	width:798;
	padding:50px;
	margin:auto;
	background:red;
	border:10px solid white;
}
#g_navcontainer {
	float:left;
	clear:both;
	margin-bottom:40px;
	width:100%;
	background:#373737 url(images/dark_gradient.jpg) repeat-x;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}
#g_navcontainer ul {
	color:White;
	width:100%;
	padding:24px;
	
}
#g_navcontainer ul li {
	display:inline;
	position:relative;
}
#g_navcontainer ul li a {
	padding:0.2em 1em;
	display:inline;
	color:#ccc;
	text-decoration:none;
	letter-spacing:.14em;
}
#g_navcontainer ul li a:hover {
	background:#eaeaea;
	color:#ccc;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}
#g_navcontainer ul li ul{
	list-style:none;
	position:absolute;
		left:-9999px;  /*Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#g_navcontainer ul li ul li{
	padding-top:5px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(#CCC);
}
#g_navcontainer ul li ul li a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#g_navcontainer ul li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	
	left:-48px; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
	width:200px;
	top:15px;
	
}
#g_navcontainer ul li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background:#ccc;
	background:rgba(0,0,0,0.75); /* Выглядит полупрозрачным */
	
	
}
#g_navcontainer ul li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#g_navcontainer ul li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#CC6;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
#h_navcontainer {
	width:100%;
	height:60px;
}
#h_navcontainer ul {
	color:White;
	width:100%;
}
#h_navcontainer ul li {
	display:inline;
}
#h_navcontainer ul li a {
	padding:0.2em 1em;
	color:#666;
	text-decoration:none;
	float:right;
	letter-spacing:.14em;
}
#h_navcontainer ul li a:hover {
	background:#eaeaea;
	color:#000;
}
#footer h4 {
	font-weight:bold;
	margin-bottom:8px;
	padding:5px;
	background:#1D1D1D;
	color:#999;
	-moz-border-radius-topleft:5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-khtml-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}
#footer_left {
	float:left;
	width:540px;
	border:0 solid red;
}
#footer_left ul {
	float:left;
	margin-right:60px;
	width:200px;
}
#footer_left li {
	background:url(images/seperator_footer.png) repeat-x bottom;
	padding:5px 0;
}
#footer_left ul li a {
	color:#999;
	text-decoration:none;
}
#footer_right {
	width:350px;
	float:right;
}
#footer_right ul li {
	display:inline;
	margin-right:15px;
}
#footer_right img {
	border:8px solid #eee;
	-moz-border-radius-topleft:5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-khtml-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}
#form_container {
	border:1px solid #CCC;
	width:290px;
	margin-top:30px;
	padding:20px 20px 20px;
	background:#fafafa;
	float:right;
	margin-left:20px;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-khtml-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-khtml-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
}
#slideshow {
	background-color:#202020;
	width:890px;
	height:283px;
	margin:5px 0 0 36px;
	float:left;
}
#slideshow-threed {
	width:920px;
	height:283px;
	margin:15px 0 0 0;
	float:left;
}
#box-nav-slider {
	width:935px;
	height:17px;
	float:left;
}
#slideshow-navigation a {
	background:url(images/slide.png) no-repeat scroll 50% 50%;
	display:block;
	float:left;
	font-size:0;
	width:9px;
	height:9px;
	margin:10px 0 0;
	outline-style:none;
	outline-width:medium;
	padding:2px;
}
#slideshow-navigation {
	float:right;
	padding-right:10px;
}
#slideshow-navigation .activeSlide {
	background:url(images/slide.png) no-repeat scroll 0% 50%;
}
.slidehalf {
	margin-top:0px;
	margin-right:20px;
	float:left;
}
.slidehalf2 {
	margin-top:0px;
	margin-right:0px;
	float:left;
}
.slide-text h1 {
	color:#FFF;
	padding:50px 20px 0 0;
}
.slide-text p {
	font-size:12px;
	color:#b5b5b5;
	line-height:22px;
	padding-right:20px;
	text-align:justify;
}
.flash-img {
	text-align:center;
	display:block;
	margin:100px auto 0 auto;
}
a.read_more {
	color:#ff4e00;
	font-size:12px;
	float:right;
	margin-right:20px;
}
#message
		{
			/* display: block before hiding */
			display: block;
			display: none;

			/* link is above all other elements */
			z-index: 999; 

			/* link doesn't hide text behind it */
			opacity: .8;

			/* link stays at same place on page */
			position: fixed;

			/* link goes at the bottom of the page */
			top: 100%;
			margin-top: -80px; /* = height + preferred bottom margin */

			/* link is centered */
			left: 80%;
			margin-left: -80px;

			/* round the corners (to your preference) */
			-moz-border-radius: 24px;
			-webkit-border-radius: 24px;

			/* make it big and easy to see (size, style to preferences) */
			width: 300px;
			line-height: 48px;
			height: 48px;
			padding: 10px;
			background-color: #000;
			font-size: 24px;
			text-align: center;
		}
		
		#message a { color: #fff; }
	
.ruko {
	margin:10px;
	float:left;
	width: 180px;
	height: 100px;
	}
.ruko2 {
	margin:10px;
	float:left;
	width: 300px;
	height: 100px;
	font:bold
	}