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

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

body { margin: 0; padding: 0; background-color: #030000; font: 12px Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #52636A; background-image: url(../img2009/common/top_bg2.jpg); background-position: center top;}

img {border: 0;}

a:link, a:visited  { color: #64777F; text-decoration: underline; }
a:hover { text-decoration: underline; color: #F7C801; }

h1 { font: 28px Arial, Tahoma, sans-serif; color: #eee; font-weight: normal;}
h2 { font: 18px Arial, Tahoma, sans-serif; color: #eee; font-weight: normal;}
h3 { font: 14px Arial, Tahoma, sans-serif; color: #eee; font-weight: bold;}

.stars {background-image: url(../img2009/art/news.jpg) !important; background-position: center 94px !important;}

/* common */
.page_limit { width: 980px; }

.page_top { position: relative; background-image:url(../img2009/common/mainmenu_pointer.gif); background-position: 0px -10px; }
.logo_container { padding-top: 18px; padding-bottom: 15px; height: 104px}

.menu_container { padding: 20px 50px 0 0; text-align: right; width: 70%;}

.lang_menu { /*visibility: hidden; display: none;*/ font: 9px Tahoma, Verdana, Arial, sans-serif; color: #64777F; }
.lang_menu a:link, .lang_menu a:visited  { color: #64777F; text-decoration: none; }
.lang_menu a:hover { color:#F7C801; text-decoration: underline;  }
.lang_menu .active {color: #eee !important; text-decoration: none;}

.mainmenu { font: 16px Arial, Tahoma, Verdana, sans-serif; color: #eee; margin-top: 38px; }
.mainmenu a {display: inline-block; padding: 3px 5px 2px 5px; margin-left: 26px; }
.mainmenu a:link, .mainmenu a:visited  { color: #eee; text-decoration: none; }
.mainmenu a:hover, .mainmenu a:active, .mainmenu a:focus { background-color: #F7C801; color: #000;}
.mainmenu .active { position: relative; background-color: #F7C801; color: #000 !important; text-decoration: none;}

#mainmenu_pointer {position: absolute; top: 0px; left: 500px; display: none;}

.submenu { padding-left: 130px; font: 14px Arial, Tahoma, Verdana, sans-serif; color: #eee; margin-top: 15px; text-align: left; }
.submenu a {display: inline-block; padding: 3px 3px 1px 3px; margin-right: 15px; margin-bottom: 15px }
.submenu a:link, .submenu a:visited  { color: #eee; text-decoration: none; }
.submenu a:hover { background-color: #F7C801; color: #000;}
.submenu .active {background-color: #F7C801; color: #000 !important; text-decoration: none;}

.horiz_menu { margin-top: 10px; background-color:#52636a; padding: 0; border-bottom: #f7c801 5px solid;}
.horiz_menu a { font: 15px Arial, Tahoma, sans-serif; display: inline-block; padding: 7px 10px 7px 10px; border-right: #46565C 1px solid; }
.horiz_menu a:link, .horiz_menu a:visited  { color: #333; text-decoration: none; background-image:url(../img2009/horizmenu/item_bg.jpg); background-repeat: repeat-x;  }
.horiz_menu a:hover { background-color: #82949c; color: #000; background-image:url(../img2009/horizmenu/item_bg_hover.jpg); background-repeat: repeat-x; }
.horiz_menu .active {background-color: #F7C801; color: #000 !important; text-decoration: none;  background-image:url(../img2009/horizmenu/item_bg_a.jpg) !important; background-repeat: repeat-x; }


.navibar { margin-top: 20px; background-color:#52636a; padding: 5px 0 0 0;}
.navibar a { color: #eee; }

.presentation {width: 900px;}

.accordionWrapper{display:inline-block; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto; width: 100%;}
.accordionWrapper div.title{cursor:pointer; width: 210px !important;}
.accordionWrapper div.content{/*display:none;*/ width: 100% !important; /*margin-bottom: 16px;*/}

.accordionWrapper .title a:link, .accordionWrapper .title a:visited { background-image:url(../img2009/buttons/accordion_marker.gif); background-position: 5px 50%;}
.accordionWrapper .title a:hover { background-image:url(../img2009/buttons/accordion_marker_hover.gif);}
.accordionWrapper .title a:active, .accordionWrapper .title a:focus { background-image:url(../img2009/buttons/accordion_marker_a.gif);}

.accordionWrapper .active { background-image:url(../img2009/buttons/accordion_marker_a.gif) !important;}



.left_menu { font: 15px Arial, Tahoma, Verdana, sans-serif; color: #eee; padding: 35px 20px 0 1px; background-image: url(../img2009/leftmenu/border.jpg); background-position: left top; }
.left_menu a {display: block; width: 80%; padding: 5px 5px 5px 30px; margin-bottom: 5px; }
.left_menu a:link, .left_menu a:visited  { color: #eee; text-decoration: none; }
.left_menu a:hover, .left_menu a:active, .left_menu a:focus { background-color: #F7C801; color: #000;}
.left_menu .active {background-color: #F7C801; color: #000 !important; text-decoration: none;}
.left_menu h1 {padding-left: 30px; margin: 10px 0 25px 0; font: 26px Tahoma, Arial, Verdana, sans-serif !important; font-weight: normal; }

.left_menu .sub { font: 12px Arial, Helvetica, sans-serif; }
.left_menu .sub a {display: inline-block; width: auto; padding: 3px 3px 1px 3px; margin-bottom: 5px; margin-left: 27px; width: auto; background-image:none; }
.left_menu .sub a:link, .left_menu .sub a:visited  { color: #64777f; text-decoration: none; }
.left_menu .sub a:hover, .left_menu .sub a:active, .left_menu .sub a:focus { color: #F7C801 !important; background: none !important;}
.left_menu .sub .active {color: #F7C801 !important; background: none !important;  text-decoration: none; background-image: none !important;}


.left_menu_plus_bg {/*background-image: url(../img2009/leftmenu/border_plus_bg.jpg);*/ padding: 0 20px 0 1px; background-position: left 35px; }



.recent_works { width: 670px; height: 335px; background-image: url(../img2009/presentation/shadow.png); background-position: center bottom; }
.recent_works .work { width: 670px; background-position: center 50%;}
/*.recent_works .work .border { width: 670px; background-image: url(../img2009/presentation/border.png); background-repeat: no-repeat; height: 286px; cursor: pointer;}*/
.recent_works .pages { font: 10px Tahoma, Verdana, Arial, sans-serif; cursor: default; text-align: right; padding-top: 12px; }
.recent_works .pages a {display: inline-block; padding: 1px 5px 0px 5px; cursor: pointer !important; }
.recent_works .pages a:link, .recent_works .pages a:visited  { color: #64777F; text-decoration: none; }
.recent_works .pages a:hover {background-color: #F7C801; color: #000; }
.recent_works .pages .active {background-color: #F7C801; color: #000 !important; text-decoration: none;}

.content { width:900px;}
.content .left_column { width: 50%; padding-top: 20px;}

.content .right_column { width: 50%; padding-top: 0px; padding-left: 40px;}

.content .featured {}
.content .featured th { width: 134px; height: 133px; background-position: left 10px; }
.content .featured td { padding-top: 40px; padding-left: 10px}
.content h3 { margin: 0 0 5px 0; font: 18px Arial, Tahoma, sans-serif }
.content .featured a:link, .content .featured a:visited { color: #eee;}
.content .featured a:hover { color: #fff; text-decoration: none;}

.content p {line-height: 18px; font-size: 12px;}
.content li {line-height: 18px; font-size: 12px; margin-bottom: 8px;}

.content .events { margin-top: 20px;}
.content .events th { width: 134px;}
.content .events td { padding-top: 40px; padding-left: 10px}
.content .events h3 { margin: 0 0 5px 0; font: 18px Arial, Tahoma, sans-serif }
.content .events .news .date { padding: 0 10px 0 0; width: 55px; font: 9px Tahoma, Verdana, Arial, sans-serif}
.content .events .news .link { padding: 0 0 10px 0; font: 12px Arial, Tahoma, Verdana, sans-serif}
.content .events a:link, .content .events a:visited { color: #eee;}
.content .events a:hover { color: #fff; text-decoration: none;}
.content .events .news a:link, .content .events .news a:visited { color: #ddd; text-decoration: none;}
.content .events .news a:hover { color: #F7C801; text-decoration: underline;}

.content .events .news .active td{background-color: #F7C801; color: #000;}
.content .events .news .active a {color: #000; text-decoration: none; }

.content .services { background-image:url(../img2009/icons/mid_bg.jpg); background-repeat: repeat-y; }
.content .services th { width: 200px; height: 154px; background-position: 75% 50%; cursor: pointer;}
.content .services td { padding-top: 20px; padding-left: 20px}
.content .services h3 { margin: 0 0 5px 0; font: 18px Arial, Tahoma, sans-serif }
.content .services h4 { font: 12px Arial, Tahoma, sans-serif; font-weight: normal; color: #eee; }
.content .services ul { margin: 0; padding: 0;}
.content .services li {list-style-type: none; margin: 0 0 5px 0;}


.icons_container { text-align: center; padding: 30px 0 0 0; background-image: url(../img2009/icons/bg.jpg); background-position: 45% 10px; margin-bottom: 40px}
.icons {}
.icons th { width: 25%; height: 172px; text-align: left; cursor: pointer;}
.icons .en th { width: 33%; height: 152px; text-align: left; cursor: pointer; padding-left: 150px; padding-top: 30px;}
.icons td { text-align: left;}
.icons .en td { text-align: left; width: 16%; padding-top: 20px;}
.icons h4 { font: 15px Arial, Tahoma, sans-serif; font-weight: normal; color: #eee; }
.icons .en h4 { font: 15px Arial, Tahoma, sans-serif; font-weight: normal; color: #eee; margin-bottom: 8px; }
.icons ul { margin: 0; padding: 0 0 0 3px;}
.icons li {list-style-type: none; margin: 0 0 5px 0;}
.icons h4 a {display: inline-block; padding: 3px 3px 1px 3px;}
.icons h4 a:link, .icons h4 a:visited  { color: #eee; text-decoration: none; }
.icons h4 a:hover { background-color: #F7C801; color: #000;}
.icons h4 .active {background-color: #F7C801; color: #000 !important; text-decoration: none;}

.services_menu { margin-top: 3px; position: relative; z-index: 100;}
.services_menu td { width: 25%; height: 24px; }
.services_menu .active { background-image:url(../img2009/services/pointer.gif); background-position: 25% top; }

.seo {}
.seo td { padding-top: 20px;}


/* inner style */
.inner {/*background-image: url(../img2009/art/fairytale.jpg);*/ background-position: center 78px;}

/*.inner .mainmenu a:link, .inner .mainmenu a:visited  { color: #64777F; text-decoration: none; }
.inner .mainmenu a:hover { background-color: #F7C801; color: #000;}*/

.inner .content .left_column { width: 60%; padding-right: 40px; padding-top: 20px;}
.inner .content .right_column { width: 40%; padding-left: 0px; padding-top: 20px;}
.inner .content h3 {font-size: 16px;}
.inner .content p {line-height: 18px; font-size: 13px; text-align: justify;}
.inner .content li {font-size: 13px; margin-bottom: 10px;}
.inner .content .left_column a:link, .inner .content .left_column a:visited { color: #CCC;}
.inner .content .left_column a:hover { color: #F7C801;}

.inner .hhf {
	/* width of hyphen character */
	margin-right: -0.66ex;
	/*margin-right: -0.86ex;*/
}


/* News page */
.news_page {/*background-image: url(../img2009/art/dark.jpg);*/ background-position:center top; background-attachment: fixed; }
.news_page h1 {/*position: fixed;*/ margin: 0 0 0 10px !important;}
.news_page .content {margin-top: 50px; }
.news_page .content .left_column { width: 30%; padding-right: 40px; padding-top: 0px;}
.news_page .content .right_column { position: relative; z-index: 100; width: 70%; padding-left: 0px; padding-top: 5px;}
.news_page .content .right_column h2 { margin-top: 0; font-size: 24px;}

.news_page .page_top { background-image:none;/*position: fixed; z-index: 9999; width: 980px; background-color:#030000; background-image:url(../img2009/common/mainmenu_pointer.gif); background-position: 0px 0px;*/ }
.news_page #mainmenu_pointer { /*visibility: hidden;*/}

.news_page .content .events { /*position: fixed;*/ margin-top: 50px; width: 250px;}
.news_page .content .events td { padding-top: 0px; padding-left: 10px}
.news_page .content .events .news .date { padding: 5px 10px 5px 5px; width: 55px; font: 9px Tahoma, Verdana, Arial, sans-serif}
.news_page .content .events .news .link { padding: 5px 5px 5px 0; font: 12px Arial, Tahoma, Verdana, sans-serif}
.news_page .content .events .news .active a {color: #000; text-decoration: none; }


/* Text page */

.text_page { background-image: none;/*background-image: url(../img2009/art/news.jpg);background-image: url(../img2009/art/dark.jpg);*/ background-position: right top; background-attachment: fixed; }
.text_page h1 { margin: 50px 0 40px 0; padding-left: 50px;}
.text_page .content { }
.text_page .content .left_column { width: 60%; padding-right: 40px; padding-top: 0px; padding-left: 10px}
.text_page .content .right_column { position: relative; z-index: 100; width: 40%; padding-left: 0px; padding-top: 0px;}
.text_page .content .right_column h2 { margin-top: 0; font-size: 24px;}


.text_block {/*background: transparent; background-image:url(../img2009/common/dark_bg.png);*/ background-color: #cbd0d2; background-repeat: repeat; padding: 15px; }
.text_block h2 { margin-top: 0px; }

.form { font-size: 12px; }
.form form {padding: 0;}
.form select { font-size: 12px; width: 98%; }
.form input, .form textarea { font-size: 12px; width: 98%; background-color: #eee; border: #a8b1b4 1px solid; padding: 5px;}

.form th {text-align: left; font-weight: normal; width: 180px; vertical-align: middle !important; }
.form td {text-align: left; font-weight: normal; padding-bottom: 5px;  }
.form .button {}

.form #status{width:50%; padding:10px; height:42px; outline:none;}
.form .focusField{border: #F7C801 1px solid !important; background-color: #fff !important; color:#000 !important;}
.form .idleField{background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF;}		

.comment_form { background-color: #F2F3F3; background-image: none; color: #eee; width: 400px; padding: 10px;}
.comment_form .focusField{border: #F7C801 1px solid !important; background-color: #fff !important; color:#000 !important;}
.comment_form .idleField{background-color:#f3f3f3 !important; color: #6F6F6F; border: solid 1px #DFDFDF;}		
.comment_form input, .comment_form textarea { font-size: 12px; width: 97%; background-color: #f9f9f9; border: #52636A 1px solid; padding: 5px;}
.comment_form p {line-height: normal;}

.stars .content p {text-align: left;}


/* White text page */
.white_area { text-align: center; background-color: #FFF; padding-bottom: 20px; border-top: #52636a 5px solid; border-bottom: #52636a 5px solid;}
.white_area .content {text-align: left; color: #030000;}
.white_area .content h1 { color: #000;}
.white_area .content .left_column h1 {/*margin: 50px 0 40px 0;*/ padding-left: 0px; color: #000;}
.white_area .content h2 {text-align: left; color: #030000;}
.white_area .content h3 {text-align: left; color: #030000;}
.white_area .content a:link, .white_area .content a:visited {color: #10310F !important;}
.white_area .content a:hover {color: #256024 !important;}

.white_area .hso, .white_area .hsi, .white_area .hsf {
	background-color: #fff !important; /* set to page background - it hydes the hyphen */
	text-decoration: inherit;
}

/* Content in border */
.inborder { position: relative; z-index: 99; width: 940px; background-image: url(../img2009/services/border.gif); background-position: 10px top; }
.inborder {text-align: left; color: #030000;}
.inborder h1 { color: #000;}
.inborder .left_column { width: 100%; padding: 7px 0px 7px 55px;  }
.inborder .left_column h1 {/*margin: 50px 0 40px 0;*/ padding-left: 0px; color: #000;}
.inborder .overflow { width: 100%; height: 320px; overflow: auto; }
.inborder h2 {text-align: left; color: #030000;}
.inborder h3 {text-align: left; color: #030000;}
.inborder a:link, .inborder a:visited {color: #10310F !important;}
.inborder a:hover {color: #256024 !important;}

.inborder .hso, .inborder .hsi, .inborder .hsf {
	background-color: #efefef !important; /* set to page background - it hydes the hyphen */
	text-decoration: inherit;
}


/* Services */

.services_page { background-image: none; }
.services_page h1 { margin: 50px 0 40px 0; padding-left: 50px;}

.services_recent { margin: 0; padding: 0; padding-left: 15px;}
.services_recent li { margin: 8px 0 8px 0;}

/* Portfolio */

.portfolio {}

.portfolio .recent_works { width: 620px;}

.portfolio .navibar, .portfolio .navibar table  { width: 100% !important; background: none; margin-top: 5px; margin-bottom: 8px;}
.portfolio .navibar a { display: inline-block; padding: 1px 3px 1px 3px;}
.portfolio .navibar a:link, .portfolio .navibar a:visited {color: #64777f; text-decoration: none;} 
.portfolio .navibar a:hover { background-color: #F7C801; color: #000;}

.project_preview { margin-left: 10px;}
.project_preview .main_img { width: 395px; height: 160px;}
.project_preview .main_img img { border: #52636a 3px double; }
.project_preview .title { font: 22px Arial, Tahoma, sans-serif; margin-bottom: 8px;}
.project_preview a:link, .project_preview a:visited { color: #eee; text-decoration: none; }
.project_preview a:hover { color:#F7C801; }
.project_preview a:hover img { border: #F7C801 3px double; }
.project_preview .customer { font: 11px Tahoma, Arial, sans-serif; margin-top: 16px; }
.project_preview .customer span { color: #8098A2; }

.portfolio .white_area { width: 606px; padding: 0;}
.portfolio .previews img {margin-bottom: 8px; border: #52636a 3px double;}
.portfolio .project_info { background-color: #fff; width: 100%; }
.portfolio .project_info h2 {}

.portfolio .project_info .read_blog { background-image: url(../img2009/art/pic_blog.gif); padding-left: 45px; height: 38px; padding-top: 12px; }
.portfolio .project_info .write_feedback { background-image: url(../img2009/art/pic_write.gif); padding-left: 45px; height: 38px; padding-top: 8px;   }
.portfolio .project_info .website_url { background-image: url(../img2009/art/pic_go.gif); padding-left: 45px; height: 38px; padding-top: 8px;   }


.portfolio .project_staff { margin-bottom: 8px; }
.portfolio .project_staff .title { font: 11px Tahoma, Arial, sans-serif; color: #64777f; }


/* Blogs */
.blog {}
.blog .left_column { width: 70% !important; }
.blog .right_column { width: 30% !important; }

.block_header { clear: both; background-color:#52636a; font: 10px  Tahoma, Arial, sans-serif; text-transform: uppercase; color: #eee; margin-bottom: 10px; padding: 3px 5px 3px 5px; }
.blog .author_ext {}
.blog .author_ext img {float: left; margin-right: 15px; margin-bottom: 10px;}
.blog .recent_posts { clear: both; }
.blog .recent_posts_line { clear: both; font: 16px Arial, Helvetica, sans-serif; margin: 8px 0 8px 0;}

.blog .post_controls {display:block;text-align:right;}
.blog .post_controls a { display: inline-block; font: 10px Tahoma, Arial; margin-right: 10px;}

.blog .comments {}
.blog .comment_line {border: #cbd0d2 1px dotted; margin-bottom: 16px; padding: 10px;}
.blog .comment_line .date { padding-bottom: 5px; padding-left: 8px; font: 9px Tahoma, Arial, sans-serif; color: #52636A; }
.blog .comment_line .date span { display: inline-block; padding: 3px 2px 0 2px; background-color: #FFF; }
.blog .comment_text {}

.blog_anons { border-bottom: #cbd0d2 1px dotted; padding-bottom: 15px; }
.blog_anons h2 { font-size: 24px; margin-bottom: 10px;}
.blog_anons .small_pic { width: 600px; height: 400px; overflow: hidden; border: #cbd0d2 1px solid;}
.blog_anons .date { margin-bottom: 10px; font: 11px Tahoma, Arial, sans-serif; color: #52636A;}
.blog_anons .anons { margin-top: 15px}


.blogpost_line { padding: 0 0 10px 0; /*background-image: url(../img2009/blog/post_border_bottom.gif);*/ background-position: -10px bottom; cursor: pointer;}
.blogpost_line table { }
.blogpost_line .date { padding-bottom: 5px; padding-left: 8px; font: 9px Tahoma, Arial, sans-serif; color: #52636A; background-image: url(../img2009/blog/post_border_top.gif); background-position: -10px top; }
.blogpost_line .date span { display: inline-block; padding: 3px 2px 0 2px; background-color: #FFF; }
.blogpost_line .small_pic { width: 65px; padding: 0 10px 0 10px; }
.blogpost_line .blog_author { font: 10px Tahoma, Arial, sans-serif; color: #999; padding-top: 5px; }
.blogpost_line .anons { font: 12px Arial, Tahoma, sans-serif;}
.blogpost_line .comments_count {width: 20%;}

.blogpost_line:hover { /*background-image: url(../img2009/blog/post_border_bottom_a.gif);*/}
.blogpost_line:hover .date { background-image: url(../img2009/blog/post_border_top_a.gif);}

.groovie_photo img { margin: 0 0 5px 0;}

.contact_faces { width: 920px;}
.contact_faces td {padding: 0;}
.contact_faces img { float: left; margin-right: 16px; margin-bottom: 16px;}
.contact_faces .job_title { color: #52636A; margin-bottom: 16px;}
.contact_faces .city { font: 11px Tahoma, Arial, sans-serif; color: #52636A; margin-bottom: 20px;}
.contact_faces .lang { font: 11px Tahoma, Arial, sans-serif; color: #52636A; padding-right: 10px;}
.contact_faces .talk { line-height: 18px; padding: 0 20px 0 10px; }



/* BOTTOM STYLES */

.page_bottom { background-color: #030000 /*#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;}

.placement { padding: 0px 0 20px 290px;}
.placement th { text-align: left;}

.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;}