@import url(search.css);
html, body {height: 100%; margin: 0; padding: 0;}
body {font-family:Arial;font-size:14px; background:#fff;}
body {
 /* min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;*/
}
		html, body {height: 100%; margin: 0; padding: 0;}
		#wrapper{
			position: relative;
			height: 100%;
		}
		html>body #wrapper {min-height: 100%; height: auto;}
		#footer {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
		}
		#empty {visibility: hidden;}
		#footer{height: 12em;}
		#empty {height: 12em;}
/*#footer {bottom:0; left:0; width:100%; min-width:1170px; border-top: 1px dashed #b2b2b2; height: 11em; margin:0; color:#333; background-color:#eee; font-style:normal; font-size:80.01%;}*/
#footer {min-width:1170px; border-top: 1px dashed #b2b2b2; color:#333; background-color:#eee; font-style:normal; font-size:80.01%;}

#copyright {position:relative;top:1.2em; margin-bottom:15px; margin-left:55px;height: 10em;width:auto;}
* html #copyright {position:relative;top:1.2em; margin-bottom:15px; margin-left:55px;height: 10em;}

#search {position:absolute; top:0em; right:41px}
		
#center{height:76%;overflow:auto;}
img {border:0;}

a, h1, h2, h3, #navcontainer a, #navcontainer a:visited, #rightnav a, #rightnav a:visited, #path a:visited, #language-switch a:visited, ul#menu a:visited, #footer a:visited, div.years a:link, #list_pic ul li a:visited {color:#005aa9}
a:visited {color:#990099}

a:hover, a:active, #rightnav a:hover, #rightnav #activer:hover, #navcontainer a:hover, #path a:hover, ul#menu a:hover, #copyright a:hover, #zz h3:hover	{color:#AB0B34; text-decoration:none}
hz:hover {color:#FFF}

#copyright, p.date, div.date, p.source {color:#777}

/* Standard tags *******************/
h1 {font-size: 180.01%; font-weight: normal; margin: 2em 0 0.5em 0;}
h2 {font-size: 140.01%; font-weight: normal; margin: 1.75em 0 0.5em 0; clear: both}
h3 {font-size: 110.01%; font-weight: bold; margin: 1.75em 0 0.5em 0;}
h4 {font-size: 100.01%; font-weight: bold; margin: 1.75em 0 0.5em 0; color: #727d84}

#pp {font-size: 180.01%; font-weight: normal; margin-top:10px;}
#validator {display: none;}

* html h2, * html h3, * html h4 {margin-top: expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match( /^H\d$/ ) ) ? 0 : '1.75em' );}

h3+h4, div.breakline+h2 {margin-top: 0}

p {margin:0 0 1em 0; line-height:1.4em;}
p.note {color:#777; font-size:85%; margin:0 0 2.5em 0;}
p.date, p.source, div.date {font-size:80%; margin-left:0px; margin-top:-2px}
#leftnav div.date {position:absolute;width:200px;font-size:80%;left:8px;top:220px;text-align:center;}
div.cetegory {position:absolute;width:200px;font-size:90%;left:8px;top:315px;text-align:center;color:#999;}
div.cetegory a {color:#727d84;}
div.cetegory a:hover {color:#005aa9;}
div.news-list {margin-top:20px}
/* prewiev first */
   #layer1, #layer2 { position: relative; }
   #layer1 { top: 0px; left: 0px; }
   #layer2 { top: -325px; left: 8px; }
   #layer1 { z-index: 2;}
   #layer2 { z-index: 10; width:200px;}
/* prewiev first */

.small { font-size: 85%}

.input {/*padding-left:3px;*/ margin-top:20px;}
.input {width:195px;/*border:0px none #000;*/}
.submit_old {padding-left:3px; margin-top:20px; margin-right:10px;}
.form-sea {padding-right: 57px;}



div.nums{position:absolute;float:right;right:0px;top:-71px;}
div.nums{font-size:1em;padding:0 40px 0px 60px;}
div.nums a:visited {color:#005aa9}
div.nums .arr{padding:0 .5em 0 .4em;color:#000}
div.nums .active{background-color:#e8e9ec}
div.nums .arr span{font-size:.7em;padding:0 .3em}
div.nums .arr span span{font-size:1em;padding:0;font-family:Times}
div.nums .arr span i{font-style:normal;display:none}
#js div.nums .arr span i{display:inline}
div.nums .arr.disabled{color:#999}
div.nums .numbers{padding:.5em 0;font-weight:normal}
div.nums .numbers a,div.nums .numbers span {padding:.2em .3em}

div.nums_d{position:absolute;float:right;right:50px;bottom:-30px;}
div.nums_d{font-size:1em;padding:0 40px 0px 60px;}
div.nums_d a:visited {color:#005aa9}
div.nums_d .arr{padding:0 .5em 0 .4em;color:#000}
div.nums_d .active{background-color:#e8e9ec}
div.nums_d .arr span{font-size:.7em;padding:0 .3em}
div.nums_d .arr span span{font-size:1em;padding:0;font-family:Times}
div.nums_d .arr span i{font-style:normal;display:none}
#js div.nums_d .arr span i{display:inline}
div.nums_d .arr.disabled{color:#999}
div.nums_d .numbers{padding:.5em 0;font-weight:normal}
div.nums_d .numbers a,div.nums_d .numbers span {padding:.2em .3em}

div.nums_news{position:relative;float:left;padding:0;font-family:Times;left:0px;margin-bottom:30px;width:850px; top:6px;height:30px;}
div.nums_news{font-size:1em;padding:0 0px 0px 0px;}
div.nums_news a:visited {color:#005aa9}
div.nums_news .arr{padding:0 .5em 0 .4em;color:#000}
div.nums_news .active{background-color:#e8e9ec}
div.nums_news .arr span{font-size:.7em;padding:0 .3em}
div.nums_news .arr span span{font-size:1em;padding:0;font-family:Times}
div.nums_news .arr span i{font-style:normal;display:none}
#js div.nums_news .arr span i{display:inline}
div.nums_news .arr.disabled{color:#999}
div.nums_news .numbers{padding:.5em 0;font-weight:normal}
div.nums_news .numbers a,div.nums_news .numbers span {padding:.2em .3em}

/* Lists */
ul, ol {margin: 0 0 1em 30px; padding: 0}
ul {list-style-type: none}
li {margin: 0 0 0.5em 0; padding: 0}
li ul, li ol {margin-top: 0.5em}
/* Lists */

* html #clients ul li {behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">&mdash;&nbsp;</span>' + this.innerHTML : '' ); text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1.3em' : 0 );}
* html #clients ul li span.bullet {color: #1E5A96;}

/* Bullet*/
#clients ul li {behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">&mdash;&nbsp;</span>' + this.innerHTML : '' ); text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1.3em' : 0 )}
#clients ul li span.bullet {color: #005aa9}
#clients ul>li {text-indent: -1.3em}
#clients ul>li:before {content: '\2014\a0'; color: #005aa9}
#clients ol>li {text-indent: 0}

* html div.clients ul.nobullets li {behavior: none; text-indent: 0;}
div#clients ul.nobullets>li {text-indent: 0;}
div#clients ul.nobullets>li:before {content: '';}

/* Layout Elements  */
#top {position: relative; top: 15px; height:57px;width:100%;min-width:1170px;max-height:57px;}
#logotop {width:100%; border:0; height:57px;min-width:1000px;}
#logo_pic {width:205; height:57px;}
.head_bag { color:#005aa9;background-color:#eee;/*text-align:right;*/height:57px;}
#form {/*position: relative;*/ float:right; /*width:275px;*/ height:57px;}

.active_menu {color:#FFF;background-color:#005aa9;cursor:pointer;cursor:hand;}
.active_menu_over {color:#FFF;background-color:#b2b2b2;cursor:pointer;cursor:hand;}
.active_menu_p {color:#005aa9;background-color:#eee;cursor:pointer;cursor:hand;}

#navcontainertop {float:left;font-size:100%;position:relative;width:600px;height:57px;}
#navcontainertop a:hover, #navcontainertop a:active, #navcontainertop a:visited, #navcontainertop a:link {color:#AB0B34; text-decoration:none}

#topmenu {float:left; position:relative; height:57px; margin:0px;}
#topmenu_txt {position:relative;top:15px;margin-left:10px;margin-right:10px;}
#topmenu_txt_menu {position:relative;top:20px;margin-left:10px;margin-right:10px;}

#navcontainer {margin-top:10px;float:left;position:relative;padding:0;width:99%; height:20px;font-family:Arial; font-size:100%;}
#navcontainer ul {list-style-type:none;}
#navcontainer ul li {float:left;position:relative;display:block;}
#navcontainer ul li a {padding:0 7px 2px 7px;display:block;white-space:none;}
#navcontainer ul li a:hover {padding:0 7px 2px 7px;}

#rightnav {width:100%; margin-top:10px; position:relative; font-size:70%;}
#rightnav li {float:left; list-style-type:none;padding-right:0.5%;}
#rightnav #activer {font-weight: bold; color:#000}

#nav_c {width:1000px;height:10em; margin-top:10px; position:relative; font-size:80%; }
#nav_c h1 {float:left; list-style-type:none;padding-right:0.5%;}
#nav_c #activer {color:#005aa9;background-color:#e8e9ec;padding:.2em .3em}
#nav_c a:visited {color:#005aa9}

#nav_cc {width:1000px;height:4em; margin-top:50px; position:relative; font-size:90%;}
#nav_cc li {float:left; list-style-type:none;padding-right:7px;width:auto;display:block;}
#nav_cc #activer {color:#000;background-color:#e8e9ec;padding:.2em .3em}
#nav_cc a:visited {color:#005aa9;}

#company-list {position:relative;}


#leftnav {font-size:12px;position:relative;float:left;width:220px;height:350px;padding-top:10px;}
#leftnav li {list-style-type:none;width:auto;padding-left:10px;padding-right:10px;}
* html #leftnav li {list-style-type:none;width:auto;}
#leftnav p  {margin-top:28px;text-decoration:none;text-align:center;}
#leftnav a  {text-decoration:none;}
#leftnav a:hover  {text-decoration:underline;}
#leftnav_preview {float:left;position:relative;min-width:250px;min-height:310px;width:250px;height:316px;padding:10px;margin:5px;}

* html #img_label {min-width:226px;width:226px;}
#img_label {min-width:210px;width:210px;}
#p_k {position: relative; float:left; top: 25px; width:100%; min-width:1170px;}
#path {position: relative; float:left;  left: 55px; font-size: 85.01%;z-index:10;width:600px; height:25px; /*border:1px solid green;*/}
#path img {position: relative; top: 5px;}
#knopka {position: relative; float:right; /*left: 55px;*/ font-size: 85.01%;z-index:10;width:275px; height:25px;}

#list_pic {font-size: 70%}
#list_pic ul { margin-top:15px; list-style-type:none;}
#list_pic a {display:block; padding:1px 7px 0 7px;}
#list_pic li#actives a {background-color: #005aa9; color:#fff; text-decoration:none;}

#date_nav {font-size:1em;padding:0;font-family:Times;left:170px;margin-bottom:30px;width:850px; top:113px; position:absolute; height:30px;}
#date_nav li {float:left; list-style-type:none;padding:.5em 0.2em;font-weight:normal}
#date_nav #activer {font-weight: normal; color:#000;background-color:#e8e9ec;padding:.5em 0.2em;}

div.language-switch ul li b {color:black;}
#language-switch { float:left; left:375px;top:0em; position:absolute;width:auto;right:200px;}
#language-switch a {text-decoration:underline; }

div.space {width:1000px; height:10px;}
#spacen {width:1000px; height:25px; position:relative; vertical-align:middle;}

#first_portfolio {padding-top:0px;padding-bottom:7em;float:left;position:relative;}

#q_works {position:relative;top:95px;font-size:130%;}

#blockquote {margin-left:20px;}

.clear { clear: left}
.clear_b {clear: both}

#around {width:1000px;max-width:945px; margin-bottom:7em;height:90%;margin-left:55px; line-height:130%; z-index:100;word-spacing:0px;}
* html #around {position:relative; float:left; bottom:0; height:*;margin-left:25px; line-height:130%; z-index:100;word-spacing:0px;}

#clients {/*float:left; position:relative;*/ width:945px; min-width:218px; margin:0; padding:0em;}
#clients li {margin-left:0px;}
#clients_a {float:left; position:relative; width:945px; min-width:218px; margin:0; padding:0em;}
#clients a#sound {font-size:80%;cursor:hand;}
#clients_b {float:left; position:relative; width:945px; min-width:218px; margin:0; padding:0em;}

#load_avi, #img_label {margin-top:0.5em}


#leftnavdate {float:left; position:relative; width:30%; min-width:300px; margin:0; padding:1em;}

#preview {float:left; position:relative; width:220px; height:220px; margin:3px;}
#index_preview {float:left; position:relative; width:220px; height:300px; margin:3px;}
#index_preview hz {position:relative;top:95px;font-size:100%;}
#news_preview {float:left; position:relative; width:220px; height:220px; margin:3px;padding:10px}
#news_preview hz {position:relative;top:95px;font-size:100%;}

#numero_works {position:relative;top:100px;font-size:75%;font-style:italic;}

#leftnavnews {float:left;position:relative;clear:left; margin-top:3.75em;}
#leftnavnews li {list-style-type:none}

#rightnav p	{margin:0 0 1em 0;}

#lefttab {min-width:205px; width:205px;}

#logot {width:205px; height:57px; border:0;}

#lefttop {float:left;width:20%;height:168px;}

#contenttop {margin-left:252px;padding:1em;height:158px;}

#home_c {float:right; margin-right:210px; position:relative; font-size:80%;}

#date_top {color:#005aab;}
#date_top a {text-decoration:underline; color:#005aab;}
#date_top a:hover {color:#AB0B34; text-decoration:none;}
#date_top a, #activedate {color:#000; text-decoration:none;}
#date_top li {text-indent:2em; list-style-type:none}

#client {width:1000px; color:#005aab;margin-bottom:0.75em;}
#client a {text-decoration:underline; color:#005aab;}
#client a:hover	{text-decoration:none;color:#AB0B34;}
#client li {list-style-type:none}

/* Tables */
table.center { text-align:center}

table.html {margin:0 0 1em 0; empty-cells:show; position:relative; left:-0.4em; font-size:95%;}
table.html caption {text-align:left; font-size:90%; font-weight:bold; color:#ef3124; padding:0 1em 0.5em 0.4em; }
table.html th, table.html td {padding:0.5em 1em 0.5em 0.5em; vertical-align:top; }
table.html th, table.html thead td, table.html tr.header td {text-align:left; font-weight:bold; border-bottom:1px solid #ddd; }
table.html tr.subheader td {font-weight:bold; }
table.html th.supheader, table.html td.supheader {text-align:center; }
table.html tr.separator td {border-bottom:1px solid #ddd; padding-bottom:1em; }
table.html th.num, table.html td.num, table.html th.Number, table.html td.Number {text-align:right; }
table.html td.indent1, table.html tr.level2 td.first {padding-left:3em; }
table.html tr.hover td, table.html tr:hover td {background-color:#e8e8e8; }
table.html thead tr.hover td,
table.html thead tr:hover td,
table.html tr.header td,
table.html tr.subheader td,
table.html tr.nohover td {background-color:transparent; }
table.html th.border-left, table.html td.border-left, table.html th.border-right, table.html td.border-right {border-left:1px solid #ddd;}

table.Frame td {padding:0 1em 0 0; vertical-align:top; }

div.ImgContainer {margin-bottom:1em; }
div.ImgContainer div {font-size:85%; margin-top:0.5em; color:#94999c; }

div.FloatLeft {float:left; margin-right:2em; }
div.FloatRight {float:right; margin-left:2em; }

table.data {margin:0 0 1.2em 0; position:relative; left:-5px; empty-cells:show; font-size:95%;}
table.data th, table.data td {padding:0.5em 1.2em 0.5em 5px; }
table.data th {font-weight:bold; border-bottom:1px solid #ddd; }
table.data tr.first td {padding-top:1em; }
table.data tr.separator td {border-bottom:1px solid #ddd; padding-bottom:1em; }
table.data td.number, table.data th.number {text-align:right; }
table.data tr.hover td,
table.data tr:hover td {background-color:#e8e8e8}
table.data tr[dontoverme]:hover td {background-color:transparent}
table.data tr {vertical-align:top}

/* Download files */
div.download {font-size: 85%; line-height: 1.25em; clear: left; margin: 0 0 1em 0}
div.dn-file {position: relative; margin: 0 0 0.5em 30px}
div.dn-file div.icon {position: absolute; top: 0; left: -30px}
div.dn-file div.info {color: #94999c; margin-top: 0.25em; font-size: 85%;}

div.thumbnail-description {min-width: 110px; width: 15em; min-height: 170px; height: 20em; float: left; margin: 1em 2em 0 0}
div.thumbnail-description div.tumb img {border: 1px solid #ddd;}
div.thumbnail-description p { font-size: 85%; font-style:italic; margin-top: 1em; color:#555}

/* Frame */
div.frame {background-color: #f5f5ea}
div.frame-gray {background-color: #eee}
div.frame, div.frame-gray {color: black; position: relative; width: auto; font-size: 95%}
div.frame-gray div.w-img {position: absolute; float: left; top: 1em; left: 1em; width: 30px; height: 30px; background-image: url(/i/prepress-craft/warning.gif); background-repeat: no-repeat;}
div.frame-gray div.warning {margin-left: 20px; font-weight: bold}

/* Incuts */
div.incut {float: left; padding: 15px 30px 15px 20px; margin: 0.5em 0 1.5em 0; width: auto !important}
.clear-left { clear: left}

/*****************************************************/
div.project-url { font-size: 115%; font-weight: bold; margin: 1.5em 0 1.8em 10px}
div.project-url div {margin-bottom: 0.5em}
div.project-url img {margin-bottom: -3px;}

.screenshot {margin-bottom:4em; margin-top:2em; color:#c6c6c6}
div.screenshot img {margin-right: 10px;}
.descr, .descr2 {margin-top:0.5em; font-size:90%; text-align:left; font-style:italic; color:#000}
.descr {margin-left: 50%}
.descr2 {margin-bottom: 1em}
.ramka {height:333px; width:216px; }
.ramka_pic {height:200px; width:200px; }
.url_pic {cursor:pointer;cursor:hand;margin-top:-525px;left:8px;height:198px;width:199px;position:relative;z-index: 3;}
#leftnav div.desc_pic {position:absolute;left:8px;width:200px;top:210px;text-align:center;}
.desc_pic {position:relative;z-index: 4;}
u {background-color: yellow;text-decoration:none;}

.highlight {background-color: yellow;}
z {background-color: yellow;}


/* ICO */

/*****************************************************/
.ask { width:25px; height:81px; position:fixed; left:0; top: 50%;}

.asktw {
	background: url('/../../img/ico/tw.png') no-repeat;
    position:relative;
	width:18px;
	height:18px;
	margin-bottom:5px;
	}
	
	
.askrss {
	background: url('/../../img/ico/rss.png') no-repeat;
    position:relative;
	width:18px;
	height:18px;
	margin-bottom:5px;
}

.askvk {
	background: url('/../../img/ico/vkontakte-18.gif') no-repeat;
    position:relative;
	width:18px;
	height:18px;
	margin-bottom:5px;
}

.asklv{
	background: url('/../../img/ico/facebook-18.gif') no-repeat;
    position:relative;
	width:18px;
	height:18px;
	margin-bottom:5px;
}

.askf {
	background: url('/../../img/ico/livejournal-18.gif') no-repeat;
    position:relative;
	width:18px;
	height:18px;
	margin-bottom:5px;
}