/*************************** General *************************/
* {margin: 0; padding:0px; font-family: Arial, Helvetica, sans-serif;}
html, body { height: 100%; margin: 0; padding: 0; vertical-align: baseline; color: #434B4D; min-width:1000px; font-size: 0.95em; //font-size: 13px; }
img { border:none; }
p { margin-top: 0px; padding: 5px 0px 5px 0px; line-height:1.3; text-align:left; }
a { text-decoration: none; color: #000;} /*#0079BB*/
a:hover { text-decoration: underline; color: #009DEE;}
ul  {display:block; padding-left: 25px;}
input, textarea, select { font-size: 1em; margin: 3px 0px; }
form { padding: 0; margin: 0; display: inline; }

h1, h2, h3, h4, h5, h6 {display: block;	color: #00ADEF; padding: 0px;	margin: 5px 0px 5px 0px; line-height: 100%; font-weight: normal; font-family: Arial;}
h1 { font-size: 180%;}
h2 { font-size: 160%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; font-family: Arial; }

.tbl  { width:100%; border-collapse: collapse; margin:0px; padding:0px;}
.tbl td  { padding:0px; vertical-align:top;}
.pt    { padding-left:41px;}
.fr    { float: right; }
.clear { clear: both; }

/*************************** layout *************************/
.body       { display: block; height: 100%; text-align: center; }
.wrapper    { display: block; min-height: 100%; height: auto !important; height: 100%; width:941px; margin: 0 auto -270px; text-align:left; background: url(../images/site/header.jpg) no-repeat;  }
.footer     { height:270px; width:941px; margin:0 auto; background: url(../images/site/footer.png) no-repeat;}
.push       { height:270px; clear: both;}

/*********************** header ******************************/
.header         { position:relative;height:142px; padding-top:8px; color: white;}
.header .hleft  { float:left; padding-left: 15px;}
.header .hright  { float:right; padding-right: 15px; text-align:right; }
.header a       { color: white; font-size: 0.9em; padding:  0px 8px; display: inline-block; vertical-align: top;}
.header a:hover { color: white;}
.header a.active { border-right: 1px dotted #fff; text-decoration: underline; }
.header .icon   { background: url(../images/site/icon.png) 0px 0px no-repeat; padding-left:23px; height:14px;  cursor: pointer;}
.header .i_home { background-position: 0px -30px;}
.header .i_map  { background-position: 0px -60px;}

.search { display: inline-block; vertical-align: middle}
.search form    { display:inline-block; height:19px; margin:0px 0px 0px 10px; padding:0px 0px 0px 10px; background: url(../images/site/form.png) no-repeat;}
.search input   { border: none; background: none; margin:0px; }
.search_keyword { font-size: 0.9em; color: #646C6E; width:135px; border: 1px solid aqua}
.search_submit  { cursor:pointer; }

.header .logo   { position:absolute; top: 63px; left:4px; display:block; height:58px; width:198px; background: url(../images/site/logo.png) no-repeat; }

.menu { position: absolute; top: 75px; right:0px;  background: url(../images/site/menu_l.png) no-repeat; }
.menu_r { display:inline-block; padding:0px; background: url(../images/site/menu_r.png) top right no-repeat; -float:left;}
.menu .menuitem { float:left; height:38px; position:relative; text-transform: uppercase;  }
.menu .menuitem a { display: inline-block; height:20px; padding:10px 8px 8px 9px; font: bold 1.05em Verdana; color:#f5f5f5; text-shadow: #999 -1px -1px 0px; background: url(../images/site/menu_border.png) left top no-repeat;}
.menu .first a {  background: transparent; padding-left:12px;}
.menu .last a {  padding-right:12px;}
.menu .menuitem:hover { text-decoration:none; background: url(../images/site/menu_hover.png) left top repeat-x; text-decoration:none;}
.menu .menuitem:hover a { color: #fff; text-decoration:none;}
.menu .menuitem:hover.first {  background: url(../images/site/menu_hover_first.png) left top no-repeat;}
.menu .menuitem:hover.last {  background: url(../images/site/menu_hover_last.png) right top no-repeat;}

.menu .submenu {display:none; position:absolute; top:38px; z-index:100; min-width: 100%; background: url(../images/site/menu_sub_bg.png) left bottom repeat-x; //left:0px; //width: 180px;}
.menu .first .submenu { left:5px;}
.menu .last .submenu { right:5px;}
.menu .last2 .submenu { right:0px;}
.menu .submenu a { display:block; width:100%; height: 32px; padding:0px; margin:0px; white-space:nowrap; text-transform: none; background: url(../images/site/menu_sub_border.png) top no-repeat; }
.menu .submenu a span { display:inline-block; padding:7px 8px; margin:0px; font: bold 0.9em Verdana;  }
.menu .submenu .subend  { padding-right:8px; background: url(../images/site/menu_sub_br.png) right bottom no-repeat; //background:#b0b0b0;}
.menu .submenu .subend div { display:block; height:8px; background: url(../images/site/menu_sub_bl.png) left bottom no-repeat; }
.menu .menuitem:hover .submenu, .menuitem:active .submenu, .menuitem:focus .submenu {display:block; }
.menu .menuitem:hover .submenu a { color: #f2f2f2; text-decoration:none;}
.menu .submenu a:hover { background-color:#b0b0b0; color: #fff !important;}
.menu .home_item { display: inline-block; height:16px; width:19px; background: url(../images/site/icon.png) 0px -98px no-repeat; }

/*********************** footer ******************************/
.footer th    { height:40px; text-align: left; text-transform: uppercase; font-size:1em;  }
.footer .bord { background: url(../images/site/footer_bord.png) right top no-repeat;}
.footer th span  { display:inline-block; padding:0px 15px; font: 1.15em Verdana; text-shadow: #999 -1px -1px 0px; color:#f5f5f5; background: url(../images/site/footer_arr.png) right no-repeat;}
.footer td    { padding:10px 15px 10px 15px; text-align: left; line-height:1.3; font-size:0.9em; }

.contact_div { display: inline-block;}
.contact_form { position: relative; }
.contact_us_name, .contact_us_email, .contact_us_question { margin: 3px 0px; padding: 4px 7px; background: url(../images/site/form.png) no-repeat;}
.contact_us_name, .contact_us_email { height: 18px; width: 208px; background-position: -233px 0px;}
.contact_us_email { margin-left: 8px;}
.contact_us_question { height: 105px; width: 455px;background-position: 0px -40px;}
.contact_us_company { display: none;}

#contact_us_name, #contact_us_email, #contact_us_question { padding: 0px; margin: 0px; color: #555; width:98%; border: none;}
#contact_us_question { height: 99px; overflow: auto;}
#contact_btn { float: right; margin-right:15px; }
#contact_loader { position: absolute; top:80px; left: 220px; z-index: 1000;}

.error {color: red; font-size: 0.85em; padding: 3px; background: #FFFFCC;}
.notice {color: #33CC00; font-size: 0.85em; padding: 3px; background: #FFFFCC;}
.error ul { list-style: none; padding-left: 0px; margin-left: 0px;}

/*********************** content ******************************/
.conteiner          { padding-bottom:20px;}
.conteiner h1       { font-size: 180%; text-transform:uppercase; text-align:right; border-bottom:1px solid #CDCCCC; padding-bottom:5px; margin-bottom:20px; margin-top: 0px; padding-top:0px;}
.conteiner h3       { color: black; padding-top: 10px; padding-bottom: 8px; font: normal 1.4em Arial; }
.conteiner h3 a     { font: normal 1em Arial; }
.conteiner h5.gray  { color: #777; font-weight:bold;}
.conteiner .text    { line-height: 1.4;}
.conteiner .text h4    { padding-top: 5px;}
.conteiner ul       { list-style:none; padding: 7px 0px; margin:0px;}
.conteiner ul li    { list-style:none; padding: 3px 0px 4px 10px ; margin-left: 10px; background: url(../images/site/li_blue.png) 0px 9px no-repeat;}
.conteiner .nopad   { padding: 0px;}

.conteiner td.column_right { width: 200px; padding-left: 70px;}

.path    { position: absolute; top:162px; font-size: 0.8em; text-transform: lowercase; }
.path span { display: inline-block; width: 5px; height: 7px; margin: 0px 3px; background: url(../images/site/icon_arr.png) -7px -179px no-repeat;}
.path .nostyle {text-transform: none; }

.button { display: inline-block; padding-right: 7px; text-align: center; background: url(../images/site/button_r.png)  100% top no-repeat;}
.button  span { display: inline-block; position:relative; padding:0px 15px 0px 12px; line-height: 25px; font-weight:bold; font-size:13px; color:#fff; text-align:center; background: url(../images/site/button_l.png) 0px top no-repeat;}
.button  b { display: inline-block;position: absolute; top:7px; right: 0px; width:10px; height:10px; background: url(../images/site/icon_arr.png) -3px -58px no-repeat;}
.button.left span { padding-left: 22px; padding-right: 5px;}
.button.left b     { right: auto; left:5px;}
.button:hover { background-position: 100% -30px;  text-decoration: none; }
.button:hover span{ background-position: 0px -30px;}
.button.gray { background-position: 100% -60px;}
.button.gray span{ background-position: 0px -60px; color: #444;}
.button.gray:hover { background-position: 100% -90px;}
.button.gray:hover span{ background-position: 0px -90px; color: #111;}
.button b.awr{ background-position: 0px -20px;}
.button b.awl{ background: url(../images/site/icon_arrl.png) 0px 0px no-repeat;}
.button b.abr{ background-position: 0px 0px;}
.button_wedo { color: #333; font-size: 0.9em; font-weight: bold; padding:8px 12px; width:120px; margin-right: 13px; background: url(../images/site/btn_wedo.png) no-repeat; }
.button_wedo:hover { color: #000;background: url(../images/site/btn_wedo.png) no-repeat; }

.nav_btn           { text-align: center; text-transform: uppercase;}
.nav_btn  span  { width:80px;}
.proj_btn a       { margin-right:7px;}
.proj_btn  span  { min-width:100px;}

.info_list h3       { padding-top: 0px;}
.info_list .text    { padding-bottom: 30px;}
.info_list .col2    { width:450px; float:left; padding: 0px 10px;}
.info_list .col2last { clear:both; padding: 0px 10px;}
.info_list .link_to { font-size: 0.9em; padding-top:10px;}
.article_list       { border-bottom:1px solid #CDCCCC; margin-bottom: 20px;}

/*** HOME  ***/
td.home_banner        { width:616px; height:345px; background: url(../images/site/home_video.png) 0px 1px no-repeat;}
.home_banner p        { padding: 6px 0px 0px 6px; margin: 0px; }
td.home_wedo          { width:325px; background: url(../images/site/home_wedo.png) no-repeat;}
.wedo_title           { display: inline-block; margin-left: 30px; padding:7px 30px 0px 0px; height:19px; min-width: 60px; text-transform: uppercase; text-shadow: #88a -1px -1px 0px;  font: 1.15em  Verdana; color:#fff; background: url(../images/site/home_wedo_title.png) top right no-repeat; //float:left; }
.wedo_body            { height: 255px;  padding: 10px 15px; color:white; font-size:0.9em; line-height:1.3; /*overflow:hidden; */ //clear:both;}
.wedo_body a, .wedo_body a:hover  { color:white;}
.wedo_body ul li      { background-image: url(../images/site/li_white.png);}

.tabs                 { margin:25px 0px; background: url(../images/site/round_grey_bl.png) bottom left no-repeat;}
.tabs_right           { width:50%; background: url(../images/site/round_grey_br.png) bottom right no-repeat;}
.tabs .page           { margin:20px 0px; padding:5px 15px;}
.tabs_left .page      { background: url(../images/site/tab_page_line.png) right no-repeat;}
.tab_body             { font-size:0.9em; line-height:1.3;  min-height:250px; padding-bottom: 10px; }
.tab_body p           { line-height:1.3; text-align: left;}
.tab_title            { height:26px; background: white; overflow:visible;}
.tab_title a          { position:relative; display:block; float:left; margin-left:-16px; padding-left:10px;   background: url(../images/site/tab_title_l.png) no-repeat; cursor:pointer;}
.tab_title a span     { display: inline-block; padding:7px 20px 5px 10px; min-width:80px;  color: white; text-align:center; text-transform:uppercase; font: normal 0.8em Verdana; background: url(../images/site/tab_title_r.png) 100% 0px no-repeat;}
.tabs_left .tab_title a.first    { margin-left:0px;}
.tabs_right .tab_title a.first    { margin-left:2px; // margin-left:0px;}
.ti0 {z-index:105;} .ti1 {z-index:104;} .ti2 {z-index:103;} .ti3 {z-index:102;} .ti4 {z-index:101;}
.tab_title a.selected { z-index:200; background-position: 0px -30px;}
.tab_title a.selected span { color:#333B3D;  background-position: 100% -30px;}
.tab_title a:hover span { text-decoration:underline; }
.tab_title a.selected:hover span { color:#333B3D; text-decoration:none;}
.tabs h3 span { font: normal 1.4em Verdana; color: #12A0EA; line-height: 1em; }

/********** For Stas ************/
.tab_social   { position:relative; padding-top:25px;  }
.tabs h3      { color: #444; padding-bottom: 15px; padding-top: 0px; margin: 0px; font: bold 1.1em Verdana; }
.home_blog    { width: 215px; padding: 0px 15px;background: url(../images/site/tab_page_line.png) right no-repeat;}
.home_blog_body  { min-height: 230px; }
.home_blog_title { color: #000; padding-bottom: 8px;}
.home_blog_annonce { padding-bottom: 5px;}
.home_twitter { width: 205px; position: absolute; top:25px; right: 10px; height: 250px; background: url(../images/site/twiter.png) 0px 40px no-repeat;}
.home_twitter_body  { height: 110px; padding:10px 13px;}

.social   { padding-left: 20px; display:inline-block;}
.social p { padding:0px; margin:0px; display: inline-block;}
.social a { vertical-align: middle; float: none; display:inline-block; padding: 0px; margin: 0px; width: 16px; height: 16px; background: url(../images/site/icon_social.png) no-repeat;}
.social a.social_flick    { background-position: 0px -20px; }
.social a.social_facebook { background-position: 0px -40px; }
.social a.social_twitter  { background-position: 0px -60px; }

.social_home {float:right; background: #F1F1F1 url(../images/site/round_grey_tl.png) top left no-repeat;}
.social_home div { display:inline-block; padding: 7px 15px 5px 15px; color:#333B3D; text-transform:uppercase; font: bold 0.85em Verdana; background: url(../images/site/round_grey_tr.png) top right no-repeat;}
.social_home span a { float: none;}

/****/

.block                { width:225px; background: url(../images/site/round_bl.png) bottom left no-repeat; margin-left:13px;}
.block_br             { background: url(../images/site/round_br.png) bottom right no-repeat;}
.block_tl             { background: url(../images/site/round_tl.png) top left no-repeat;}
.block_tr             { position: relative; height:195px; padding:7px 10px 10px 10px; background: url(../images/site/round_tr.png) top right no-repeat;}
.blocks .first        { margin-left: 0px; }
.block_title          { padding-bottom:7px; color:#3F3F3F; text-align:center; font:bold 1.1em Verdana;}
.block_body           { height:143px; padding:5px 0px; font-size:0.9em; line-height:1.3; }
.block_body p         { text-align: left; line-height:1.3; padding-left: 3px;}
.more                 { text-align: right;}
.more a               { display:inline-block; font-size:0.9em; padding-right:8px; background: url(../images/site/icon_arr.png) 100% -173px no-repeat;}
.more a:hover         { background-position: 100% -113px }

.block .tech          { height:41px; background: url(../images/site/round_line.png) bottom no-repeat;}
.block .tech span     { display: block; height:40px; background: url(../images/tech_logo.png) 50% 0px no-repeat;}
.block .tech_bi span  { background-position: 50% -50px;}
.block .tech_app span { background-position: 50% -100px;}
.block .tech_ec span  { background-position: 50% -0px;}
.block .tech_pub span { background-position: 50% -150px;}

/*** Contact page ***/
.contact_text         { overflow: hidden; /*min-height: 390px; padding-right: 500px;background: url(../images/info/map.png)  90% 50% no-repeat;*/ }
.contact_map        { float: right; padding: 2px; border: 1px solid #00adef; }

/*** TEAM LIST  ***/
td.company_team     { width:430px; }
.team               { padding-top:10px;}
.team td            { text-align:center; padding-left:35px;}
.team img           { border: 3px solid #C5C6C6;}
.team span          { display:block; padding:3px 0px 20px 0px; text-transform: uppercase; }

/*** PROJECT ***/
.proj_slideshow     { margin-bottom:30px;}

.proj_head          { color: black; font-size:1.5em; font-weight:bold; padding-bottom: 15px;}
.proj_time          { color: #00ADEF; font-size:1.1em;  padding-bottom: 15px; padding-top: 25px;}

td.project_team           { width:470px; }
td.project_team .team td  { padding-left:0px; padding-right:35px; }
td.project_team .pt       { padding-left: 44px;}
td.project_team .proj_btn { padding-left: 42px; }

.button_screenshot { display: block; width: 206px; margin-bottom: 10px; height: 42px; background: url(../images/site/button_screenshot.png) no-repeat;}
.button_screenshot:hover { background-position: 0px -50px;}
.button_demo { display: block; width: 206px; margin-bottom: 10px; height: 60px; background: url(../images/site/button_demo.png) no-repeat;}
.button_demo:hover { background-position: 0px -70px;}
.button_present { display: block; width: 206px; margin-bottom: 10px; height: 60px; background: url(../images/site/button_present.png) no-repeat;}
.button_present:hover { background-position: 0px -70px;}

/*** PROJECT LIST ***/
.proj_list                { margin-top: -20px;}
.proj_list .item          { border-bottom: 1px solid #CDCCCC; padding-top: 20px;}
.proj_list .proj_img      { float: left; width: 440px;}
.proj_list .proj_info     { float: left;  width: 500px;}
.proj_list .proj_btn      { clear: both; padding-left: 440px; position: relative; top: -23px; }

.proj_img img  { border: 1px solid #CDCCCC; padding: 2px; }
.proj_img:hover img  { border-color: #00ADEF; }

.small_head         { color: #00ADEF; font-size: 0.7em; margin-bottom:10px; text-transform:uppercase;}
.proj_head a        { color: black; }
.proj_item .text    { padding-bottom: 20px;/*height:180px; padding-top:10px; */}


/****** BLOCKS *****/
.proj_list_simple { padding-top: 10px;}
.proj_list_simple .item { display: block; padding-bottom: 15px;}
.proj_list_simple .item span { display: block; padding-bottom: 5px; }
/*.proj_list_simple .item img { border: 1px solid #CDCCCC; padding: 2px;} */