html, body {
	margin: 0px;
	padding: 0px;
	font:9pt Helvetica, "Trebuchet MS", Arial, sans-serif;
	color: #555555;	/* цвет текста задается для загрузчика, чтобы не вносить изменений в главный index.php */
	width: 100%;
	height: 100%;
}

h2, h3, h4, p, ul { margin:0; padding:0 0 10px 0; }

h1 { color:#000; font-size:10pt; font-weight:bold; margin:10px 0px; text-transform:uppercase; }

p { line-height:140%; }

img { border:none; }

img.background { position:fixed; z-index:-1; min-width:100%; height:100%; }

a { color:#717ebd; }

div.clear { clear:both; } 

div.limiter { width: 100%; height: 100%; min-height: 680px; min-width: 980px; overflow: hidden; position: relative; }
div.center { position: absolute; width: 1px; height: 1px; top: 50%; left: 50%; }
div#container {	width: 980px; height:700px; position: absolute; left: 50%; top: 50%; margin-left: -490px; margin-top:-350px; }

.debug { outline:1px solid #FFF; }

div#header { height:90px; }
	div#header a.gohome { display:block; overflow:hidden; float:left; width:116px; height:58px; margin:10px 0px 0px 30px; }
	
	ul.menu { float:left; width:550px; height:18px; position: relative; top: 50%; margin: -20px 0px 0px 90px; list-style:none; padding:0px; text-shadow: 1px 1px 0 rgb(0,0,0); letter-spacing:1pt; }
		ul.menu li { float:left; background:url(../images/menu_item_border.gif) right no-repeat; padding:0px 20px }
		ul.menu li.last { background-position:0px 20px; }
		ul.menu li a { color:#ffffff; text-decoration:none; }
		ul.menu li a:hover { color:#96d8f4; text-decoration:none; }
		
	div.languges { float:right; height:18px; position: relative; top: 50%; margin:-20px 150px 0px 0px; color:#FFF; text-shadow: 0 1px 0 rgb(0,0,0); letter-spacing:1pt; width:50px; }
		div.languges a { color:#FFF; text-decoration:none; }
		div.languges a:hover { color:#96d8f4; text-decoration:none; }
		
div#content { clear:both; }
	div#content div.left_border { width:10px; height:600px; float:left; }
	div#content div.center_container { background:url(../images/content_bg.png) repeat-x; float:left; width:960px; height:600px; overflow:hidden; }
	div#content div.right_border { width:10px; height:600px; float:left; }
	
	div.column { float:left; }
	
	ul.menu_vert { text-transform:uppercase; color:#717ebd; text-shadow: 0 1px 0 rgb(255,255,255);  letter-spacing:1pt; margin:30px 0px 0px 20px; list-style:none; width:170px; }
		ul.menu_vert li { margin-bottom:18px; line-height:11pt; }
		ul.menu_vert li a { color:#717ebd; text-decoration:none; }
		ul.menu_vert li a:hover, ul.menu_vert li a.selected { color:#2f3545; text-decoration:none; }
		
	div#content div.content { width:520px; overflow:hidden; margin:0px 30px 0px 30px; }
	div.margin { margin-top:30px; }

	
	div#library { margin-top:75px; width:170px; font-size:8pt; color:#494848; }
		div#library div.heading { margin:0px 0px 5px 20px; }
		div#library p { margin-left:20px; }
		div#library div.heading a { color:#717ebd; font-size:11pt; font-weight:bold; }
		div#library a.library { display:block; width:202px; height:159px; }
	
	div#clients { margin-top:20px; margin-bottom:20px; width:170px; height:310px; overflow:hidden; }
		div#clients div.heading { color:#717ebd; font-size:11pt; font-weight:bold; }
		div#clients div.heading a { color:#717ebd; }
		div#clients img { margin-right:20px; margin-top:15px; vertical-align:middle; outline:none; }
		div#clients a { outline:none; }
	
	div.projheading	{ color:#717ebd; font-size:11pt; font-weight:bold; margin:30px 0px 15px 0px; }
	div#resproj {  width:170px; height:413px; overflow: hidden; }
		div#resproj a.project { display:block; margin-bottom:15px; }
	
	div#feedbacks { margin-top:30px; width:170px; color:#717ebd; }
		div#feedbacks div.heading a { color:#717ebd; font-size:11pt; font-weight:bold; }
		div#feedbacks div.feedback { width:170px; height:135px; margin:10px 0px; }
		div#feedbacks div.title a { color:#717ebd; font-weight:bold; }
	
	div#news { margin-left:18px; overflow:hidden; width:550px; }
		div#news div.news_item { float:left; width:160px; margin:0px 10px; }
		div#news div.news_item div.date { margin-bottom:5px; color:#717ebd; }
		div#news div.news_item a { color:#717ebd; text-decoration:underline; }
		div#news img { float:left; }
		
	div.substr-story { font-size:8pt; margin-top:-5px; }
		
div#footer { padding:15px 0px; clear:both;}
	
	div#footer div#share { margin-left: 30px; float:left; width:170px; }
	div#footer div#share img { border:none; margin:0px 5px; }
	div.twitter { float:right; margin-left:5px; margin-top:-1px; width:100px; overflow:hidden;}
	*+html div.twitter { position:absolute; }
	
	div#footer ul#citys { list-style:none; float:left; margin-left:50px; }
		div#footer ul#citys li { float:left; margin:0px 20px; text-transform:uppercase; font-size:8pt; text-shadow: 1px 1px 0 rgb(0,0,0); }
		div#footer ul#citys li a { color:#FFF; text-decoration:none }

	div#footer div#copyright { float:right; color:#FFF; font-size:8pt; margin-right:30px; text-shadow: 1px 1px 0 rgb(0,0,0); }

div.main-text { width:900px; margin:0px auto 30px; color:#fff; }
	div.main-text ul { margin-left:20px; }
	
	/* Новости */
div#content div.center_container div.content div.partition { font-weight:bold; color:#2f3545; text-transform:uppercase; font-size:10pt; }

	div#news_list div.news_item { margin:5px 0px; display:block; width:520px; height:60px; background:url(../images/news_hover.png) 0px 75px no-repeat; padding:7px; }
	div#news_list div.news_item:hover { background-position:0px 0px; }
	div#news_list div.news_item img { float:left; margin-right:15px; outline:none; }
	div#news_list div.news_item div.date { color:#717ebd; }
	div#news_list a { color:#494848; }
	div#news_list a p { text-decoration:underline; }
	div#news_list a:hover { color:#717ebd; }
	

div.navigation { text-align:center; height:30px; }

		div.pages-container { padding-top:10px; }

		.navigation a#back { background:url(../images/left_arrow.png); float:left; display:block; width:24px; height:40px; padding:0; }
		.navigation a#back:hover { background-position:0% 100%; text-decoration:none; }
		.navigation a#back:hover span { display:block; left:33px; top:5px; }
		.navigation a#forward { background:url(../images/right_arrow.png); float:right; display:block; width:24px; height:40px; padding:0; }
		.navigation a#forward:hover { background-position:0% 100%; text-decoration:none; }
		.navigation a#forward:hover span { display:block; right:70px; top:5px; text-align:right; }
		
		.navigation { font-size: 1.3em; }
		.navigation a { text-decoration: none; color:#fff; }
		.navigation a, .navigation span { padding:0 6px; height: 22px; line-height: 21px; }
			.navigation a:hover { color: #fff; background-color: #eee; }
			.navigation span { color: #222; font-weight:bold; }


		
	div#rss_print { position:absolute; margin-left:450px; margin-top:-28px; }
		div#rss_print img { outline:none; margin:0px 10px; }
	
	div#full_story { color:#484848; }
		div#full_story div.date { color:#717ebd; margin-bottom:5px; }	
		div#full_story div.heading { color:#717ebd; font-weight:bold; font-size:10pt; margin-top:10px; margin-bottom:5px; }
		div#full_story img { margin-right:15px; outline:none; }
		div#full_story p { padding:7px 0px; }
		div#full_story a#to_news_list { margin-top:10px; display:block; width:160px; }

	/* Контакты */
	
div.general_contact { margin:15px 0px 0px 0px;}
div.contacts div.container div.text { padding:20px; overflow:hidden; }
div.contacts div.container div#petr {background: url(../images/petr.png) no-repeat; width:344px; height:310px; margin-left:165px; position:absolute; }
div.contacts div.container div#mos {background: url(../images/moscow.png) no-repeat; width:344px; height:0px; margin-left:165px; margin-top:280px; position:absolute; display:none; }
div.contacts div.container div#vorota {background: url(../images/vorota.png) no-repeat; width:344px; height:0px; margin-left:165px; margin-top:280px; position:absolute; display:none; }
div.contacts div.container div#sochi {background: url(../images/sochi.png) no-repeat; width:344px; height:0px; margin-left:165px; margin-top:280px; position:absolute; display:none; }

.basic  { width: 280px; margin-top:10px; position:absolute; }
	.basic div { clear:both; }
	.basic a { cursor:pointer; display:block; font-size: 14pt; color:#717ebd; margin-bottom:10px; border-bottom:1px dashed #717ebd; float:left; clear:both; }
	.basic a.golink { font-size: 9pt; color:#717ebd; margin-bottom:0px; border-bottom:0px; float:none; }

div.sub_menu_left_brdr { background:url(../images/sub_menu_left_brdr.png) no-repeat; width:5px; height:55px; float:left; }
div.sub_menu { float:left; background:url(../images/sub_menu_bg.gif); height:50px; padding:5px 0px 0px 0px; text-transform:uppercase; }
div.sub_menu a { color:#FFF; text-shadow: 1px 1px 0 rgb(0,0,0); }
div.sub_menu a:hover { text-decoration:underline; }
div.sub_menu div.sub_menu_item { padding:15px 0px 0px 0px; float:left; cursor:pointer; font-size:10px; }
div.sub_menu div.selected { float:left; }
div.sub_menu div.selected div.sub_menu_item { background:url(../images/sub_menu_item_bg.png); height:35px; float:left; color:#FFF; text-shadow: 1px 1px 0 rgb(0,0,0); }
div.sub_menu div.selected div.sub_menu_item_left_brdr { background:url(../images/sub_menu_item_left_brdr.png); width:8px; height:50px; float:left; }
div.sub_menu a div.sub_menu_item_left_brdr { background:url(../images/sub_menu_item_left_brdr.png) 100px no-repeat; width:8px; height:50px; float:left; }
div.sub_menu div.selected div.sub_menu_item_right_brdr { background:url(../images/sub_menu_item_right_brdr.png); width:8px; height:50px; float:left; }
div.sub_menu a div.sub_menu_item_right_brdr { background:url(../images/sub_menu_item_right_brdr.png) 100px no-repeat; width:8px; height:50px; float:left; }
div.sub_menu_right_brdr { background:url(../images/sub_menu_right_brdr.png); width:5px; height:55px; float:left; }

div.heading { color:#000; font-size:10pt; font-weight:bold; margin:10px 0px; }

/* Табы */

.tabs div.left_brdr, div.contacts div.left_brdr, div.feedbacks div.left_brdr { background:url(../images/tabs_left_brdr.png); width:6px; height:390px; float:left; }
.tabs div.container, div.contacts div.container, div.feedbacks div.container { background:url(../images/tabs_bg.png) repeat-x; width:508px; height:390px; float:left; overflow: hidden; }
	div.feedbacks div.container { width:505px; padding:10px 0px 0px 3px; }
.tabs div.container img { border:0px; outline:none; }
.tabs div.right_brdr, div.contacts div.right_brdr, div.feedbacks div.right_brdr { background:url(../images/tabs_right_brdr.png); width:6px; height:390px; float:left; }
	.tabs div.container ul#links { padding: 0; text-decoration: none; list-style: none; float: left; position: relative; margin-bottom:8px; }
		.tabs div.container ul#links li { float: left; margin:0px 1px; }
			.tabs div.container ul#links li a { outline: 0; text-decoration: none; padding:5px; color:#000; background:url(../images/tab_button.png); width:66px; height:20px; display:block; text-align:center; }
			.tabs div.container ul#links li a:hover { color: #fff; background-position:0px -30px; }
			.tabs div.container ul#links li.selected-tab a, .tabs div.container ul#links li.selected-tab a:hover { background-position:0px -60px; color:#000; }
.tabs div.container div.tab-panel { clear:left; }
	.tabs div.container div#info { padding:0px 10px; }
	.tabs div.container div#video { padding:0px 3px; }
	div#video div.mask, div.feedbacks div.mask { width:501px; overflow:hidden; }

/* Галерея фото */

.ad-gallery { width: 508px; }
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
  .ad-gallery .ad-image-wrapper { width: 100%; height: 272px; margin-bottom: 8px; position: relative; overflow: hidden; }
    .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 40%; left: 40%; }
    .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
    .ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_prev.png) right no-repeat; width:44px; height:59px; display: none; position: absolute; top: 40%; left: 0; z-index: 101; }
	  .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_next.png); width:34px; height:59px; right:10px; left: auto; }	  

    .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9;}
      .ad-gallery .ad-image-wrapper .ad-image a img { border: 0;}
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../images/opa75.png); color: #000; }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
  .ad-gallery .ad-controls { position:absolute; z-index:100; color:#FFF; text-shadow: 1px 1px 0 rgb(0,0,0); width:488px; margin:-275px 0px 0px 10px; }
    .ad-gallery .ad-info { float: left; }
    .ad-gallery .ad-slideshow-controls { float: right;}
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer;}
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; }
  .ad-gallery .ad-nav { position: relative; overflow: hidden; width: 100%; }

	.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10;  }
		/* IE 6 doesn't like height: 100% */
		* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
		.ad-gallery .ad-back { cursor: pointer; width: 20px; display: block; left: 0px; z-index:5; background: url(../images/ad_scroll_back.png) 2px 16px no-repeat; }
		.ad-gallery .ad-forward { cursor: pointer; width:16px; display: block; right: 0px; z-index:5; background: url(../images/ad_scroll_forward.png) 0px 16px no-repeat; margin-left:10px;}
		.ad-thumbs { overflow: hidden; width:460px; margin:0px auto; }
		  .ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
		  .ad-gallery .ad-thumbs ul { float: left; width: 9000px; list-style: none; }
			.ad-gallery .ad-thumbs li { float: left; padding-right: 5px;}
			  .ad-gallery .ad-thumbs li a { display: block;}
				.ad-gallery .ad-thumbs li a img { border: 1px solid #CCC; display: block; }
				.ad-gallery .ad-thumbs li a.ad-active img { border: 1px solid #616161; }
	/* Can't do display none, since Opera won't load the images then */
	.ad-preloads {  display: none; }

/* Галерея видео */
	
.uls { width:9999px; }
	.uls li { float:left; margin:0; padding:0; width:505px; }
.select { list-style-type:none; padding:10px 0 0; }
	.select li { text-decoration:underline; float:left; margin-right:10px; }
	.select li:hover { cursor:pointer; text-decoration:none; }


div.controls div.prev { width:80px; height:190px; position:absolute; z-index:10; cursor:pointer; opacity: 0.7; padding:120px 0px 0px 10px; }
div.controls div.prev img, div.controls div.next img { outline:none; }
div.controls div.prev:hover { opacity: 1; }
div.controls div.next { width:40px; height:190px; position:absolute; z-index:10; cursor:pointer; margin-left:438px; opacity: 0.7; padding:120px 0px 0px 40px; }
div.controls div.next:hover { opacity: 1; }

div.projects { overflow:hidden; position: relative; z-index:2; left:0px; outline:none; border:none; height:290px;}
div.projects ul { margin: 0px; padding:0px; position:relative; list-style-type: none; z-index:1; overflow: hidden; }
div.projects ul li { overflow:hidden; outline:none; border:none; }
div.projects ul li  img { outline:none; border:none; }
div.projects ul li span { position:absolute; width:510px; background:url(../images/opa_black75.png); color:#FFF; font-size:13pt; font-weight:bold; padding:5px; text-shadow: 1px 1px 0 rgb(0,0,0); text-align:center; }
div.projects ul li a { background:url(../images/enter.png) -100px -100px no-repeat; position:absolute; display:block; width:520px; height:290px; outline:none; border:none;}
div.projects ul li a:hover { background-position:center; }

#slide-panel { width:520px; height:157px; overflow:hidden; z-index:50; position:absolute; background:url(../images/fulltext_bg.png) 0px 170px repeat-x; padding-top:10px;}
#slide-panel-main {  width:520px; height:80px; overflow:hidden; z-index:50; position:absolute; background:url(../images/fulltext_bg_main.gif) 0px 93px repeat-x; padding-top:10px; }
#btn-slide { width: 60px; height: 20px; padding:5px; display: block; margin-top:170px; float:right; outline:none; background:url(../images/hide.png) 60px -20px no-repeat; }
#btn-slide-main { width: 60px; height: 20px; padding:5px; display: block; margin-top:85px; margin-bottom:5px; float:right; outline:none; background:url(../images/hide.png) 60px -20px no-repeat; }
div.small_text { height: 450px; padding-right:5px; overflow:auto; }
	div.small_text img { max-width:495px; height:auto; }
#slide-panel-main div.small_text { height: 360px; }
div.small_text ul { margin-left:30px; }

div.marginTop { height:20px; clear:both; }

/* Клиенты */
div.column_clients { float:left; overflow:hidden; margin:0px 0px 30px 30px; }

div.all_logos { width:510px; float:left; padding-left:10px; margin-right:30px; }
div.clients_info { float:left; width:170px; height:390px; overflow:hidden; margin-top:10px; }
div.clients_info div.container { width:157px;  }
div.clients_info div#projects ul { margin:10px 5px 0px 5px; clear:both; }
div.clients_info div#projects ul li { margin:15px 0px; }

a.left_arr { margin:-15px 0px 0px 5px; float:left; font-weight:bold; }
a.right_arr { margin:-15px 5px 0px 0px; float:right; font-weight:bold; }


.o-vcenter { float:left; width:95px; height:54px; display: table; #position: relative; background:url(../images/client_logo_hover.png) 0px 54px no-repeat; margin-right:5px;}
	.active { background-position:0px; }
	.o-vcenter:hover { background-position:0px; }
	.o-vcenter .m { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle;}
	.o-vcenter .m .i  {  text-align: center; #position: relative; #top: -50%; }
	.o-vcenter .m .i a { margin:auto; display:block; width:95px; outline:none; }
	.o-vcenter .m .i img { outline:none; }


div.pages { clear:both; padding-top:30px; }

ul.library-menu { margin-bottom:10px; }
ul.library-menu li { float:left; margin-right:10px; list-style:none; text-transform:uppercase; }
ul.library-menu li a.act { color:#222; text-decoration:none; }
div.library { clear:both; margin-top:20px; }
div.library div.book { background:url(../images/book-big.png) no-repeat; width:240px; height:120px; float:left; margin-bottom:0px; position:relative; }
div.library div.book div.book-cover { top:17px; left:6px; z-index:2; position:absolute; }
div.library div.book div.book-name-top { background:url(../images/book_top.png) right top no-repeat; width:195px; position:absolute; top:5px; left:45px; }
div.library div.book div.book-name { margin-top:8px; padding-left:30px; padding-right:10px; background:url(../images/book_name_bg.png) right repeat-y; }
div.library div.book-name-bottom { background:url(../images/book_name_bottom.png) right no-repeat; height:9px; } 
div.library div.book div.author { padding:3px 0 0 30px; font-size:0.9em; }
div.library div.library-column { float:left; width:40px; height:70px; }

div.library-navigation { clear:both; padding-top:20px; }
*+html div.library-navigation { padding-top:10px; }