@charset "UTF-8";
/* CSS Document */

* {background-repeat: no-repeat; vertical-align: top;}

body {
margin:0; padding: 0;
font: 12px Arial, Verdana, Helvetica sans-serif;
width: 100%;
background-color: #0F1011;
}

img {border:none;}

h1 {font: 32px Tahoma, Georgia, Arial, Helvetica, Verdava,  sans-serif; color: #121212; margin-top: 10px; }
h2 {font: 22px Georgia, Arial, Helvetica, Verdava,  sans-serif; font-style:italic; color: #121212; }
h3 {font: 20px Arial, Helvetica, Verdava,  sans-serif; color: #121212; }


.nopadding {padding:0 !important;}


.page_top {height: 270px; text-align: center; vertical-align: top; /*background-image:url(../img/common/top_bg.jpg);*/ background-repeat: repeat-x; }
.page_top_content {
	max-width: 915px; min-width: 915px; width:expression(body.clientWidth<1024?"100%":"915px"); 
	/*background-image: url(../img/common/fox.gif); background-position: 400px -23px;*/
}
.page_top_content td {text-align: left;}

.content_limit {
	max-width: 915px; min-width: 915px; width:expression(body.clientWidth<1024?"100%":"915px"); 
}

.logo_container { padding: 5px 0 10px 0px; width: 50%; }
/*.logo { background-color: #0f1011; padding: 15px 0 15px 25px; }*/

.mainmenu2_container {width: 50%; padding: 60px 0px 0 0;}
.mainmenu2 {}
.mainmenu2 td {padding: 0 5px 0 5px;}
.mainmenu2 .item {padding: 70px 15px 5px 12px; margin: 0 0 0 0; font: 18px Arial, Tahoma, sans-serif; text-align: center;}
.mainmenu2 a:link, .mainmenu2 a:visited {color: #fff; padding: 3px;}
.mainmenu2 a:hover { background-color: #f9cc02; text-decoration: none; color: #000; }

.mainmenu2 .active {padding: 0px 0px 0px 0px; background-color: #f9c901;  background-image: url(../img/mainmenu4/bg.jpg); background-repeat: repeat-x; }
.mainmenu2 .active .left   { background-image: url(../img/mainmenu4/left.jpg); background-position: left top; }
.mainmenu2 .active .right { background-image: url(../img/mainmenu4/right.jpg); background-position: right top; }
.mainmenu2 .active .icon { padding: 70px 15px 2px 12px; width: 110px; background-position: center top; }

.mainmenu2 .active a:link, .mainmenu2 .active a:visited {color: #000; padding: 3px; text-decoration: none;}
.mainmenu2 .active a:hover { color: #000; text-decoration: none; }



.mainmenu2 h3 {margin:0; padding: 0; font: 12px Arial, Helvetica, sans-serif;}

.submenu {padding: 10px 0 10px 10px;}
.submenu .item {font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; }
.submenu .active { background: none;}
.submenu a:link, .submenu a:visited {color: #eeeeee; text-decoration: none;}
.submenu a:hover {color: #FFFFFF; border-bottom: #cc0000 1px solid;}
.submenu .active a {color: #FFFFFF; border-bottom: #cc0000 1px solid;}

.submenu2 { width: 275px; background-image:url(../img/submenu2/bg.gif); background-repeat: repeat-y; background-position: left 31px;}
.submenu2 .top { padding: 17px 0 20px 0; background-image:url(../img/submenu2/top.jpg); }
.submenu2 .bottom { background-image:url(../img/submenu2/bottom.gif); background-position: left bottom;}
.submenu2 .item { padding: 8px 0 9px 25px; margin: 0 20px 0px 20px; font: 18px Arial, Helvetica, sans-serif; background-image: url(../img/submenu2/marker.gif); background-position: left 50%; }
.submenu2 a:link, .submenu2 a:visited {color: #eeeeee; text-decoration: none;}
.submenu2 a:hover {color: #FFFFFF; text-decoration: underline;}
.submenu2 .active { margin: 0 13px 0px 13px; background-image:url(../img/submenu2/active_item_bg.gif);}
.submenu2 .active a {color: #121212;}


.inner_menu { height: 86px; background-image:url(../img/innermenu/bg.gif); background-repeat: repeat; background-position: right top; background-color: #161b1e;}
.inner_menu .left {height: 86px; background-image:url(../img/innermenu/left.gif); background-position: left top; }
.inner_menu .right {padding: 14px 3px 14px 14px; height: 58px; background-image:url(../img/innermenu/right.gif); background-position: right top; }
.inner_menu .items_container { height: 54px; width: 634px; overflow: hidden;}
.inner_menu .items { height: 54px; width: 1000px;}

.inner_menu .staff_menu {float: left; width: 50px; margin-right: 10px; margin-bottom: 10px; position: relative; top: 0px;}
.inner_menu .staff_menu td {padding-top: 0px;}
.inner_menu .staff_menu .active  { }

.inner_menu .staff_menu a  { display: block; width: 50px; height: 45px; overflow: hidden; }
.inner_menu .staff_menu a span {cursor: pointer; background-position: -25px top;}
.inner_menu .staff_menu img {margin:0; border: none !important; position: relative; left: -50px;}
.inner_menu .staff_menu  a {border: #121212 2px solid;}
.inner_menu .staff_menu .active a {border: #ffcc00 2px solid;}
.inner_menu .title {padding-bottom: 0;}
.inner_menu .title a { font: 16px Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; color: #ffcc00; text-decoration: none; }

.ikea_menu {float: left; width: 50px; margin-right: 10px; margin-bottom: 10px; position: relative; top: 0px;}
.ikea_menu a  { display: block; width: 50px; height: 45px; overflow: hidden; }
.ikea_menu a span {cursor: pointer; background-position: left top;}
.ikea_menu img {margin:0; border: none !important; position: relative; left: -50px;}



#thumbs { background-color: #f2f2f2; }
#box {}
.thumbs .thumb {border: #f9f9f9 3px solid;}
.thumbs .active {border: #ffcc00 3px solid; background-color:#ffcc00; }
.thumbs .thumb span {background-position: -10px top !important;}

.formula {background-image:url(../img/main_rus/reflection.jpg); background-position: left bottom; height: 41px; margin-top: 66px;}
.formula  img {margin-right: 15px;}

.yellow_line {background-color: #FFCC00; height: 90px; text-align: center;}
.yellow_tab { position: relative; background-image: url(../img/tabs/yellow.gif); top: -23px; width: 136px; padding: 8px 0 3px 0; text-transform: uppercase; }

.left_column {width: 70%; padding-left: 30px; }
.right_column {width: 30%; padding-right: 30px;}

.featured_links {text-align: left; font: 24px Arial, Verdana, Helvetica, sans-serif;  margin-top: 10px;}
.featured_links a { display: block; float: left; width: 33%; text-align: center; }
.featured_links a span { border-bottom: #cc0000 2px solid;}
.featured_links a:link, .featured_links a:visited {color: #000000; text-decoration: none;}
.featured_links a:hover {color: #000000; text-decoration: none;}

.tabs_container {vertical-align: bottom !important; height: 90px; }
.tabs {}
.tabs .tab {
	display: block; float: left; width: 110px; padding: 4px 0 4px 0; color: #CCCCCC; cursor: pointer;
	background-image: url(../img/tabs/grey.gif);  font: 18px Tahoma, Arial, Verdana, sans-serif; 
}
.tabs .active {background-image: url(../img/tabs/white.gif); color: #000000; }
.tabs a {color: #333333;}


.page_middle { text-align: center;  background-color: #ffffff; }
.content_left { background-color: #FFFFFF; text-align: left;   }
.content_right {width: 275px; /*background-color: #23292c;*/ text-align: left; /*background-image:url(../img/inner/content_right_bg.png);*/ background-repeat: repeat-y; /*border-top: #ffcc00 10px solid;*/}

#doing_box { width: 100%;  /*overflow: hidden;*/}
#doings { }
#doings a {width: 110px; height: 110px; display: block; overflow: hidden; float: left; margin: 1px;}
#doings span {display: block; width: 110px; height: 110px; background-position: -30px top; }
#doings a img {}

.featured_main { padding: 15px; width: 600px; height: 500px; overflow: hidden; }
.featured_main  .picture {margin-bottom: 15px;}
.featured_main th {
	width: 30%; border-right: #CDCDCD 1px solid; padding-right: 15px; 
	font-weight: normal; font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; text-transform: uppercase; color: #52585E;  
}
.featured_main td {
	width: 70%; padding-left: 15px; 
	font-weight: normal; font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; text-transform: uppercase; color: #52585E;  
}
.featured_main td {
	width: 70%; padding-left: 15px; 
	font-weight: normal; font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; text-transform: uppercase; color: #52585E;  
}


.news { padding: 25px;}
.news .item {margin-bottom: 20px;}
.news .item .date { color: #B4B4B4; font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 8px 0 8px 0;padding-left: 20px;}
.news .item .header { font: 14px Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; background-image: url(../img/common/marker_yellow.gif); background-position: left 2px; padding-left: 20px; }
.news .item .anons { font: 12px "Lucida Grande","Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#4F555B; padding-left: 20px;}
.news a:link, .news a:visited { color:#4F555B; text-decoration: none;}
.news a:hover { color:#4F555B; text-decoration: underline;}
.news .item .header a {color: #Ffcf00;}
.anons_img { width: 115px; float: left; padding: 15px 0 0 0; }

.rss {padding-left: 20px;}
.rss a:link, .rss a:visited { background-color: #dddddd; padding: 4px; text-decoration:none; }
.rss a:hover { background-color: #cc0000; color: #FFFFFF; padding: 4px; text-decoration:none; }


/* CONTENT STYLES */
.path { font: 10px Tahoma, Verdana, Arial, sans-serif; background-color: #ffcc00; background-image:url(../img/inner/topline_bg.jpg); background-repeat: repeat-x;}
.path_bottom { height: 25px; font: 10px Tahoma, Verdana, Arial, sans-serif; background-color: #ffcc00; background-image:url(../img/inner/bottomline_bg.jpg); background-repeat: repeat-x;}
.path #navibar { padding: 0px 13px 0px 0px; height: 32px; vertical-align: middle;}
.path #navibar .button { display: inline-block; width: auto; height: 19px; background-image:url(../img/inner/path_button_left.gif); }
.path #navibar .button td { padding: 0 9px 0 9px; vertical-align: middle; height: 19px; background-image:url(../img/inner/path_button_right.gif); background-position: right top; }
.path .left   { width: 12px; background-image: url(../img/inner/topline_left.jpg); background-position: left top; }
.path .right { width: 12px; background-image: url(../img/inner/topline_right.jpg); background-position: right top; }
.path .connect { width: 2px; background-image: url(../img/inner/topline_right_connect.jpg); background-position: right top; }

.path_bottom .left_bottom   { width: 12px; background-image: url(../img/inner/bottomline_left.jpg); background-position: left top; }
.path_bottom .right_bottom { width: 12px; background-image: url(../img/inner/bottomline_right.jpg); background-position: right top; }

.path a:link, .path a:visited { color: #000000; text-decoration: none;  }
.path a:hover { color: #000000; }

.page_header {text-align: left;}
.page_header h1 {/*font: 28px Arial, Helvetica, Verdava,  sans-serif;*/ color: #000000; padding-left: 25px; }

.page_content {padding: 0 25px 25px 25px; font: 14px Arial, Helvetica, Verdana, sans-serif; }
.page_content p {line-height: 18px;}
.page_content li {line-height: 18px;}

.page_content ul {line-height: 18px; list-style-image: url(../img/common/marker_yellow_small.gif); marin-left: 0; padding-left: 20px;}

.list { font: 16px Arial, Verdana, Helvetica, sans-serif; }
.list .item {margin-bottom: 10px; background-image: url(../img/common/marker_large.gif); background-position: left 2px; padding-left: 25px;}
.list a:link, .list a:visited {color: #000000; text-decoration: none; border-bottom: #cc0000 1px solid;}
.list a:hover { color: #CC0000;}

.order_form table {width: 500px;}
.order_form td {padding: 5px 0 5px 0}
.order_form input[type="text"] {width: 180px;}
.order_form input[type="submit"] {margin: 20px 0 0 150px;}
.order_form textarea {width: 350px !important; height: 150px;}

.studio_staff { }
.studio_staff .title {margin: 5px 0 5px 0;}
.studio_staff .anons { font-size: 12px; color: #666;}

.citata {padding: 2px 15px 2px 15px; font-size: 12px;}



/* BLOG */
.bloglist_item { width: 200px; float: left; margin-right: 20px;}
.bloglist_item th {width: 65px; padding-right: 20px;}
.bloglist_item h4 {font: 12pt Tahoma, Geneva, sans-serif; margin: 0; margin-bottom: 10px;}
.bloglist_item .comment {font: 10px Verdana, Geneva, sans-serif; color: #999;}

.blogpost_line {}
.blogpost_line h4 {font: 12pt Tahoma, Geneva, sans-serif; margin: 0; margin-bottom: 10px;}
.blogpost_line .date {font: 9px Verdana, Geneva, sans-serif; color: #999;}


/* PORTFOLIO */
.portfolio {}
.project_preview { width: 100%; margin-bottom: 25px;}
.project_preview .title { font: 22px Arial, Verdana, Helvetica, sans-serif; line-height: 20px; padding: 5px 0 5px 0; }
.project_preview .title a:link, .project_preview .title a:visited { color: #121212; text-decoration: none;} 
.project_preview .title a:hover { color: #121212; text-decoration: underline;} 
.project_preview .anons { font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666666; }
.project_preview .main_img { padding-right: 25px; width: 360px; }
.project_preview .main_img a { display: block; width: 360px; height: 110px; }
.project_preview .main_img a:link img, .project_preview .main_img a:visited img { border: #eee 3px solid; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85); }
.project_preview .main_img a:hover img { border: #ffcc00 3px solid; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }

.project_preview a {color: #000000;}

.portfolio_img { width: 100%; height: auto; overflow:hidden;}

.top_website_url { vertical-align: middle; font: 15px Arial, Helvetica, sans-serif; padding-right: 25px;}
.top_website_url a:link {color: #000; text-decoration: underline; }
.top_website_url a:visited {color: #999; text-decoration: underline; }
.top_website_url a:hover {color: #000; text-decoration: underline; }

.website_url {clear: both; padding-top: 20px; padding-left: 15px; background-image: url(../img/common/marker_yellow_small.gif); background-position: left 24px; }
.website_url a {color: #000; /*border-bottom: #cc0000 1px solid;*/ text-decoration: none; }

.project_staff_container {padding: 0px 25px 0 25px; font: 12px Arial, Helvetica, sans-serif sans-serif}
.project_staff .title {font-weight: bold}
.project_staff_container a:link {color: #ffcc00; text-decoration: underline;}
.project_staff_container a:visited {color: #ffcc00; text-decoration: underline;}
.project_staff_container a:hover {color: #fff; text-decoration: underline;}

.page_selector {}
.page_selector .prev {background-image:url(../img/pages/prev.gif); width: 19px; height: 19px;}
.page_selector .prev_a {background-image:url(../img/pages/prev.gif); width: 19px; height: 19px; opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}
.page_selector .next {background-image:url(../img/pages/next.gif); width: 19px; height: 19px; }
.page_selector .next_a {background-image:url(../img/pages/next.gif); width: 19px; height: 19px; opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}
.page_selector .item {background-image: url(../img/pages/page.gif); width: 14px; background-position: center 50%; vertical-align: middle; text-align: center;}
.page_selector .active {background-image: url(../img/pages/page_a.gif);}

.mask { position: relative; width:600px; height:500px; overflow:hidden; }
#box { position: relative; left: 0px; width: 5000px; }
#box span { display:block; float:left; width: 600px; }
#thumbs { margin: 10px 0 20px 0; text-align: center !important; width:100%; }
#thumbs .thumbs, #thumbs_handles, #thumbs_mask { width:100%; }
#thumbs span { display:block; width:58px; height:58px; overflow: hidden; float:left; cursor:pointer; margin: 0 2px 2px 0; /*opacity:0.50;
	-moz-opacity:0.50;
	filter:alpha(opacity=50);*/
}
#thumbs .thumbs img { height: 57px; margin: 0 !important; border: none !important; }

.previews {}
.previews img {margin-bottom: 10px;}

.context_block { color:#cccccc;}
.context_block h3 {color: #facd02; }
.context_block a {color: #FFF;}


/* BOTTOM STYLES */

/*.page_bottom {text-align: center; padding: 30px;}

.bottommenu_container { text-align: left;  width: 25%;}
.bottommenu { font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; text-transform: uppercase; width: 90px; padding-left: 15px; }
.bottommenu .item { margin-bottom: 3px;}
.bottommenu .active { background-color: #f9cc02; padding: 2px; }
.bottommenu a:link, .bottommenu a:visited {color: #f3f3f3; text-decoration: none; }
.bottommenu a:hover { background-color: #f9cc02; color:#000; text-decoration: underline; }
.bottommenu .active a {color: #000;}

.copyright {color: #787C81;  font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; margin-top: 15px;}

.coordinats_container { text-align: left; }
.coordinats th {width: 50%; font-weight: normal;}
.coordinats td {width: 50%; color: #FFFFFF;}
.home { width: 40px; float: left; margin-right: 30px; }
.address { font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; color: #FFFFFF; }
.address span { text-transform: uppercase; color: #787C81; }

.contact { vertical-align: middle;}
.contact th { font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; vertical-align: middle; text-transform: uppercase; color: #787C81; width: auto !important; padding: 0 5px 5px 0;} 
.contact td {width: auto !important; padding: 0 0 5px 0;}
.contact a:link, .contact a:visited { font-size: 12px; color: #FFFFFF; text-decoration: none; border-bottom: #f9cc02 1px solid;}
.contact a:hover {color: #f9cc02;}
 .phone {font-size: 18px; color: #FFFFFF; vertical-align: middle;}*/
 
 /* BOTTOM STYLES */

.page_bottom { background-color: #131518; margin-top: 30px; margin-bottom: 20px;}
.inner .page_bottom {background: transparent; background-image:url(../img2009/common/dark_bg.png); background-repeat: repeat;/* background-color: #131518;*/ margin-top: 30px; margin-bottom: 20px;}
.white_area .page_bottom, .services_page .page_bottom { background-color: #131518; margin-top: 30px; margin-bottom: 20px; background-image:none}

.bottommenu_container { text-align: left; width: 220px; padding: 20px 0 10px 16px;}
.bottommenu { font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; text-transform: uppercase; width: 90px; padding-left: 14px; }
.bottommenu .item { margin-bottom: 3px;}
.bottommenu .active { background-color: #f9cc02; color: #000; }
.bottommenu a:link, .bottommenu a:visited {color: #eee; text-decoration: none; }
.bottommenu a:hover { background-color: #f9cc02; color:#000 !important; text-decoration: underline; }
.bottommenu .active a { color: #000; text-decoration: none; }


.copyright { color: #52636A;   font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; margin-top: 15px;}

.coordinats_container { text-align: left; padding: 20px 6px 20px 10px; }
.coordinats th { font-weight: normal;}
.coordinats td {width: 50%; color: #eee;}
.home { width: 40px; float: left; margin-right: 30px; }
.address { font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; color: #eee; }
.address span { text-transform: uppercase; color: #52636A; }

.contact { vertical-align: middle;}
.contact th { font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; vertical-align: middle; text-transform: uppercase; color: #52636A; width: auto !important; padding: 0 5px 5px 0;} 
.contact td {width: auto !important; padding: 0 0 5px 0;}
.contact a:link, .contact a:visited { font-size: 12px; color: #eee; text-decoration: none; border-bottom: #f9cc02 1px solid;}
.contact a:hover {color: #f9cc02;}
 .phone {font-size: 18px; color: #eee; vertical-align: middle;}
 
 .umi { text-align: center; vertical-align: middle;}

 
/*.contact { vertical-align: middle;}
.contact th { font: 9px Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; vertical-align: middle; text-transform: uppercase; color: #787C81; width: auto !important;} 
.contact td {width: auto !important;}
.contact a { font-size: 12px; color: #FFFFFF; text-decoration: none; border-bottom: #cc0000 1px solid;}
 .phone {font-size: 18px; color: #FFFFFF; vertical-align: middle;}*/