body,html { margin:0; padding:0; height:100%; background: #18191a url('../images/bg.jpg'); }
body { font-size:0.81em; font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; color:#fff; line-height:1.54em }
a img { border:0 }
p { margin-bottom:12px; margin-top:0 }
a { color:#0099ff; text-decoration:underline; outline:none }
a:hover {  }
a:focus { outline:none }
a.blue { color:#0066ff; text-decoration:underline; outline:none; }
a.a_big { color:#0099ff; font-size: 110%; font-weight: bold; outline:none;  }
a.a_small{ color:#0099ff; font-size: 80%;  outline:none;  }
a.dash { color:#0099ff; text-decoration: none; border-bottom: 1px dashed #0099ff; }
a.a_red_dash { color:#dd0101; text-decoration: none; border-bottom: 1px dashed #dd0101; }
div { margin: 0; padding: 0; }
table { border-collapse: collapse; }

form { margin: 0; padding: 0; position: relative; }
input, select,textarea { font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif; }

h1 { font:1.70em Tahoma, Verdana, sans-serif; line-height:1.17em; font-weight:normal; margin:0 0 10px 0 }
h2 { font-size:1.38em; line-height:1.17em; font-weight:normal; margin:0 0 14px 0 }
h3 { font-size:1.2em;  font-weight:normal; margin:0}
form { margin:0; padding:0 }

ol li {font-size: 12px; margin: 0; }
ul { margin: 0; padding: 0; }
ul li { list-style:none; margin: 0; padding: 5px 0 0 20px; line-height: 20px;}

.hidden { display:none; }
br.clear{ clear:both; height:0px; font-size:0px; line-height:0px }

.img_top_10 { position: relative; top: 8px; left: 4px; margin-left: 30px;}
.img_top_5 { position: relative; top: 5px; margin-right: 10px;}
.img_top_9 { position: relative; top: 9px; margin-right: 10px;}
.img_top_3 { position: relative; top: 3px; margin-right: 10px;}
.img_border_dot { border: 1px dotted #616161; padding: 10px; } 


div.spacer { line-height:1px; font-size:1px; height:1px; clear:both }
.mainwrapper { height:100% }

.top {height: 110px; width: 100%; margin-bottom: 10px;   }
.logo {	width: 169px; height: 57px; position: absolute; padding: 0;  top: 33px; left: 70px;  }
.top_nav { padding: 0; margin: 0; width: 50px; position: absolute; top: 11px; left: 330px;  text-align: right; }
.enter { padding: 0; margin: 0;	width: 150px; position: absolute; top: 10px; left: 760px;  text-align: right;  }
.enter a { color: #a2a2a2; font-size: 11px; text-decoration: none; border-bottom: 1px dashed #a2a2a2; }
* html .enter a  { display: inline-block; }

.lang { position: absolute; top: 42px; left: 950px; width: 16px;  }
.lang img { margin: 0 0 10px 0; }
.phone {  position: absolute; top: 80px; left: 165px; width: 160px; font-family:Arial, Helvetica, sans-serif; }

.phone span { color: #fff; }

.entrancePopup { display:none }
.entrancePopup { position:absolute; top:-200px; left: 450px; width: 285px; background: #363636 url('../images/main_scroll_bg.gif'); border: 2px solid #191919; border-top: none; z-index:400; display:none; padding: 25px 20px 30px 25px; }
.close_popup { position: absolute; right: 25px; top: 20px; margin: 0; padding: 0;  width: 10px; height: 10px; }
#popup_table { margin: 0; padding: 0;  }
#popup_table td { margin: 0; padding: 0;  }

/* Tooltip */
.tooltip{ position:absolute; z-index:999; top:-9999px; background-color: #fff; padding:2px; border:1px solid #666666; width:250px; }
.tooltip p{ margin:0; padding:0; font-size: 12px; line-height: 16px; color:#fff; background-color:#666666; padding:5px 7px; }

/* input */
.inp { color: #fff; width: 180px; background: #363636; border: 1px solid #a2a2a2; padding: 6px 8px;  }
.inp_reg { color: #fff; width: 120px; background: #363636; border: 1px solid #a2a2a2; padding: 4px 8px 4px 7px;  }
.submit_but { background: #01b0e9 url('../images/submit_button_bg.gif') repeat-x; cursor: pointer;	border:1px solid #000; padding:3px 10px; //padding:2px 5px;  }

.error_table { width: 100%; border: 1px dashed #660000; }
.error_table td { padding: 10px 0 10px 20px; color: #c23837;  }

/* TOP_MENU*/
#menu_table { border-collapse: collapse; position: absolute; width: 606px; left: 295px;  top: 40px; }	

.menu_table_left { width: 23px;	background: url('../images/menu/left_side.jpg') no-repeat; } 
.menu_table_right { width: 23px;	 background: url('../images/menu/right_side.jpg') no-repeat; } 
.menu_table_td { padding: 10px 0 10px 20px; height: 20px; background: #18191a;  } 
#menu_table a { text-decoration: none; cursor: pointer; }
#menu_table div { cursor: pointer; }

div#main {width: 90px;  background: url('../images/menu/main.jpg') 0 2px no-repeat;}
div#services {width: 82px; background: url('../images/menu/services.jpg') 0 2px no-repeat; }
div#works {width: 130px; background: url('../images/menu/works.jpg') 0 2px no-repeat; }
div#teem {width: 107px; background: url('../images/menu/teem.jpg') 0 2px no-repeat; }
div#partners {width: 107px; background: url('../images/menu/partners.jpg') 0 2px no-repeat; }
div#contacts {width: 90px; background: url('../images/menu/contacts.jpg') 0 2px no-repeat; }

div#main_en {width: 90px;  background: url('../images/menu/main_en.jpg') 0 2px no-repeat;}
div#services_en {width: 85px; background: url('../images/menu/services_en.jpg') 0 2px no-repeat; }
div#works_en {width: 119px; background: url('../images/menu/works_en.jpg') 0 2px no-repeat; }
div#teem_en {width: 107px; background: url('../images/menu/teem_en.jpg') 0 2px no-repeat; }
div#partners_en {width: 115px; background: url('../images/menu/partners_en.jpg') 0 2px no-repeat; }
div#contacts_en {width: 90px; background: url('../images/menu/contacts_en.jpg') 0 2px no-repeat; }

div#main_ua {width: 90px;  background: url('../images/menu/main_ua.jpg') 0 2px no-repeat;}
div#services_ua {width: 88px; background: url('../images/menu/services_ua.jpg') 0 2px no-repeat; }
div#works_ua {width: 124px; background: url('../images/menu/works_ua.jpg') 0 2px no-repeat; }
div#teem_ua {width: 105px; background: url('../images/menu/teem_ua.jpg') 0 2px no-repeat; }
div#partners_ua {width: 109px; background: url('../images/menu/partners_ua.jpg') 0 2px no-repeat; }
div#contacts_ua {width: 90px; background: url('../images/menu/contacts_ua.jpg') 0 2px no-repeat; }


div.menu_a { background-position: 0 2;  }
div.menu_a_hover {  background-position: 0 -22px !important; }
div.menu_a_act {  background-position: 0 -47px !important;  }
div.menu_a_act_hover {  background-position: 0 -72px !important;  }


.a_portf { padding: 0 0 5px 70px; clear: both; }
.a_portf table { margin: 0; padding: 0;  }
.a_portf table td { padding: 0;  }
.a_portf a { text-decoration: none; color: #fff; font-size: 14px; font-variant: small-caps; font-family: Arial; font-weight: bolder; line-height:1.17em; }

#main_port_table { margin:0; padding: 0; }
#main_port_table td { vertical-align: top; }


/*SCROLLER*/
.scroller { height:200px; background: #363636 url('../images/main_scroll_bg.gif');  position:relative; overflow:hidden;  border-top: 2px solid #191919; border-bottom: 2px solid #191919; border-right: 2px solid #191919;}
.scroller #cat_on_main { height:100%;  position:relative;  }
.scroller ul { position:absolute; top:10px; left:60px; margin:0; padding:0; list-style:none; z-index:40; background:none; }
.scroller ul li { float:left; display:inline; margin: 0; padding:0; background:none }

.scroller ul li .photo { position:relative; cursor:hand; cursor:pointer; display:block; overflow:hidden; margin-top:5px }
.scroller ul li .photo img { display:block; width: 270px; height: 225px; }
.scroller ul li .photo:hover img { display:block; } 

.scroller a.toLeft2 { width:60px; height:255px; position:absolute; background:url('../images/toLeft2.gif') 0 0 no-repeat;  left:0; padding:0; z-index:100 }
.scroller a.toRight2 { width:60px; height:255px; position:absolute; background:url('../images/toright.gif') 0 0 no-repeat;  right:0; padding:0; z-index:100 }
#scroll_descr { color: #0099ff; }



/* IN_WORKING*/
.in_work_block { margin: 0; padding: 0; line-height: 18px; }
.in_work_div {  font-size: 11px; padding: 0 0 10px 20px; line-height: 18px; }


#in_work_table { margin: 5px 0 0 0; border-collapse: collapse; }
#in_work_table td { margin: 0; }
#in_work_table .in_work_top { width: 108px; height: 100px;  } 
.in_work_top img { margin: 0 0 3px 2px; padding: 0; }
#in_work_table .in_work_bot { width: 108px; height: 20px; background: url('../images/status.gif') no-repeat top; vertical-align: top; }
.in_work_arrow { position: relative; top: 2px; padding: 0; margin: 0; background: url('../images/arrow_in_work.gif') no-repeat top; width: 7px; height: 7px;  }

.a_in_work { color:#999999; margin: 0 0 10px 0; border-bottom:#999999 1px dashed; font-size: 12px; display:inline; text-decoration:none }
.a_in_work:hover { text-decoration:none; color:#999999; border-bottom:#999999 1px dashed; font-size: 12px; }
.a_in_work_act { color:#0099ff; text-decoration:none; font-size: 12px; }
.a_in_work_act:hover { color:#0099ff; text-decoration:none; cursor:default; font-size: 12px; }



/* NEWS BLOCK */
.news_div {  padding: 0 15px 0 25px; } 
.newsBlock a { color: #fff; font-size: 11px; }
.news_date {color: #666666; font-size: 11px; clear: both; }

/* NEWS */
#news_table { border-collapse: collapse; margin-bottom: 20px; }  
#news_table td {  padding: 5px; vertical-align: top; } 

.news_block { margin: 0 0 15px 0; padding: 5px 10px 10px 0; font-size: 12px; line-height:1.54em; clear: both;  }
.news_block_main { margin: 0 0 15px -10px; padding: 5px 0 10px 10px; font-size: 12px; line-height: 17px; clear: both; background: #fff;  border-bottom: 1px solid #999999; border-right: 1px solid #999999;}
img.news_img { float: left; margin: 0 20px 10px 0; }


/* CONTENT */
.contents { margin:0 0 0 0; padding:0; border:none; border-collapse:collapse; clear:both; width:100%; }
.col0 { width: 180px; vertical-align:top; padding:22px 27px 0 55px;  background: url('../images/td_vert_bord.gif') repeat-y right;  }
.col1 { vertical-align:top;  padding: 22px 40px 0 35px;  }
.col2 { width: 220px; vertical-align: top; padding: 22px 30px 0 0;  background: url('../images/td_vert_bord.gif') repeat-y left;  }

.main_content { padding: 0 30px 0 40px; color: #cccccc;}
.main_content_div  { margin: 0; padding: 10px 0 0 40px; } 

table#content_nav { margin: 0 0 20px 0; padding: 0; border-collapse: collapse; border: none; }
table#content_nav .content_nav_tittle { padding: 12px 20px 12px 30px; background: #444444;  vertical-align: middle; border: none; }
.content_nav_tittle span { font-size:1.85em;  font-weight:normal; margin: 0; color: #fff;  }
.content_nav_tittle a { color: #fff;  }
table#content_nav .content_nav_td { padding: 12px 10px 12px 30px; background: #444444; border: none; }
table#content_nav .content_nav_td2 { padding: 12px 10px 12px 20px; background: #444444; border-right: 1px solid #222222; border-left: 1px solid #222222; }
.content_nav_td span { font-size:1.85em;  font-weight:normal; margin: 0; color: #fff;  }

span.span_gray { color: #999999; font-size: 110%; }

/* SERVICES */

#services_table { margin: 0; padding: 0; border-collapse: collapse; }
#services_table  td { vertical-align: top; padding: 20px 30px 0 40px; }
#services_table .left_menu_td { width: 250px; padding: 23px 0 0 10px; border: none; }

ul.left_menu { margin: 0; padding:0; list-style:none; }
ul.left_menu li { margin:0; padding:10px 0 10px 15px;  border-right: 1px dotted #656565;  }
ul.left_menu .left_menu_act { border: 1px dotted #656565;  border-right: none; }
ul.left_menu li a { font-weight: bold; font-size: 14px; color: #0099ff; }

.dropPart { margin-left: 20px; padding: 0; }
.dropPartAnswer { display:none; margin: 0 0 0 40px; padding: 0;  }

/* CLIENTS */
#project_procent td { height: 25px; padding: 7px 0 7px 0; text-align: center; font-weight: bold; }
.project_procent_red { background: url('../images/project_procent_red.gif') repeat-x top;  }
.project_procent_gray { background: url('../images/project_procent_gray.gif') repeat-x top; }
 
/* PORTFOLIO */
.portf_div { width: 180px; padding: 10px; height: 300px; float: left; background: #333333 url('../images/main_scroll_bg.gif');  margin: 0 10px 20px 10px; position: relative; }
.portf_div_title { margin-top: 10px; padding: 5px; font-size: 100%; font-weight: bold; color: #e76f00; }
.portf_div_opis { color: #fff;  padding: 0 5px 5px 5px; font-size: 11px; }
.portf_div_url { padding: 0 5px 5px 5px; }
.portf_div_url a { color: #00a8ff; font-size: 11px; }
.portf_date  {  font-size: 85%; color: #999999; }
img.port_ico_win { margin-right: 120px; } 


.icon_show_gal, .icon_show_gal_act, .icon_show_list, .icon_show_list_act { float: left; margin-right: 15px; padding: 0; cursor: pointer; }
.icon_show_gal { width: 13px; height: 13px; background: url('../images/icon_show_gal.gif') 0 -13px no-repeat; }
.icon_show_gal_act { width: 13px; height: 13px; background: url('../images/icon_show_gal.gif') 0 0 no-repeat; }
.icon_show_list{ width: 13px; height: 13px; background: url('../images/icon_show_list.gif') 0 -13px no-repeat; }
.icon_show_list_act { width: 13px; height: 13px; background: url('../images/icon_show_list.gif') 0 0 no-repeat; }

#dropdown_1{ position:relative;  color:#fff; font-family:tahoma; font-weight:bold; font-size:11px; cursor:pointer; z-index:300;}
.dropdown{ position:absolute; z-index:300; margin-left:-20px; padding-top: 13px; }
* html .dropdown { padding-top: 15px; z-index:300;}
.dropdown a { text-decoration: none; cursor: pointer; }
.dropdownItem{ width: 250px; padding:3px 29px 3px 15px; font-family:tahoma; font-size:11px; color:#262626; font-weight:normal; text-decoration:none; background:#fff; border-bottom: 1px solid #cccccc;}
.dropdownItemHref{ width: 250px; padding:3px 29px 3px 15px; font-family:tahoma; font-size:11px; color:#ffffff; font-weight:normal; background:#434343; border-bottom: 1px solid #cccccc; }




/* CONTACTS */
#contact_table { margin: 0;  }
#contact_table td { padding: 0 0 40px 0; vertical-align: top; line-height: 24px; }
.contact_table_td { padding: 0 20px 0 0 !important; color: #999999 }

.contacts_div {  width: 450px; float: left; }

span.big_italic { padding: 0; margin: 0; font-size: 150%;   }
span.big_city { padding: 0; margin: 0; font-size: 160%; line-height: 1.2; color: #999999   }

.map_loader_simple{ position: absolute; left: -1000px; background: url('../images/map_simple.gif') top no-repeat; }
.map_loader_sputnic{ position: absolute; left: -1000px; background: url('../images/map_sputnic.gif') top no-repeat; }

.contacts_input, .contacts_input_cru { border: 2px solid #fff; background: none; width: 500px; padding: 7px 10px 7px 10px; color: #fff; font-size: 14px; font-weight: bold; }
.contacts_input_cru {  background: url('../images/input_cru_bg.gif');  }
.contacts_area, .contacts_area_cru { border: 2px solid #fff; background: none; width: 500px; height: 200px; padding: 7px 10px 7px 10px; color: #fff; font-size: 14px; font-weight: bold; }
.contacts_area_cru {  background: url('../images/input_cru_bg.gif'); }


.a_sputnic { width: 90px; color: #fff; background: #2e82d2; text-decoration: underline; font-weight: bold; position: relative; top: 40px; left: 65px; cursor: pointer; padding: 2px 0 2px 0; text-align: center; }
.map { width: 576px; padding: 0; margin: 0 0 15px 50px; height: 329px; background: url('../images/map_simple.gif') top no-repeat; }
.map_sputnic { width: 576px; padding: 0; margin: 0 0 15px 50px; height: 329px; background: url('../images/map_sputnic.gif') top no-repeat; }

.animate_teem { position: absolute; width: 100%; text-align: center; bottom: -300px;  }
.animate_teem_close{ position: absolute; top: 40px; right: 50px; width: 27px; height: 27px;   }


/*FOOTER*/
.footer { height:50px; font-size: 11px; color:#666666; position:relative; margin:45px 0 0 0; padding: 0 0 30px 55px; line-height:1.38em }
.counter { float: left; width: 100px; }
.counter2 { float: left; width: 45px; }
#footer_table { margin-bottom: 10px;}
#footer_table td a { color: #999999; font-size: 11px; margin: 0 10px 0 10px;}