html, body { height:100%; margin:0; position:relative; background-color:#fff; }
html, body, table, table td { color:#000; font:8pt verdana, tahoma; }

a { text-decoration:underline; color:#000; }
a:hover { text-decoration:none; }

h1 { font:17pt arial, verdana; color:#ff8a00; margin:0 0 0 -1px; padding-bottom:40px; line-height:18px; display:block; text-transform:uppercase; }
h2 { font:14pt arial, verdana; color:#777; margin:0; padding-bottom:15px; display:block; }
h3 { font:bold 10pt tahoma, arial; color:#000; margin:0; padding-bottom:10px; display:block; }

p { display:block; margin:0; padding:1px 0 8px 0; }
i { font-family:arial; }

sup { text-decoration:none; }

div, span { overflow:hidden; _overflow:visible; _height:1px; }

ul, ol { margin-left:0; padding-left:25px; margin-top:0; }
ol { padding-left:35px; list-style-type:none; }
ul li, ol li { margin:10px 0 0 0; }

hr { border:none; height:1px; background-color:#000; color:#000; clear:both; margin:5px 0; * margin:0; }

.error { color:red; }


/* -- forms --------------------- */
form { display:inline; }
form div {  }
label { float:left; }
input, textarea, select { font:10pt tahoma; color:#333; float:left; }
textarea { width:200px; height:80px; }
input.check_box { margin:2px; * margin:-1px; margin-right:5px; border:none; background:none; }





/* ============================================== common blocks styles ============================================== */

/* ----------- главный контейнер ----------- */

.main { width:975px; margin:0 auto; }



/* ----------- все стили хедера ----------- */

.header { height:271px; position:relative; }



/* ----------- все стили главного меню ----------- */

.main_menu { background:#222 url('images/main_menu_bg.gif') repeat 0 0; height:37px; font:11px tahoma, arial; padding:0 24px; border:solid #fff; border-width:0 7px; }

.main_menu .menu_item { padding:0 24px; height:37px; float:left; }
.main_menu .menu_item a { color:#a1a1a1; text-decoration:none; line-height:34px; }
.main_menu .menu_item a:hover { text-decoration:underline; }
.main_menu .menu_item#active { background:url('images/main_menu_active.gif') no-repeat 50% 100%; }
.main_menu .menu_item#active a, .main_menu .menu_item#active a:hover { color:#fff; text-decoration:none; }

.main_menu .additional_links { float:right; }
.main_menu .additional_links .menu_item { float:right; }



/* ----------- все стили контента ----------- */

.content { padding:27px 4px; border:solid #fff; border-width:0 7px; }



/* ----------- все стили футера ------------ */

.footer { padding:20px 0px 40px 0px; border-top:1px solid #bbb; margin:0 8px; font-size:11px; }
.footer .copy { color:#888; }
.footer .bottom_menu { color:#888; padding:4px 0; }
.footer .bottom_menu a { color:#888; }

.footer .contacts { float:left; padding:0 37px 0 0px; color:#888; width:140px; }
.footer .contacts div { padding:0 0 4px 0; }
.footer .contacts span { float:right; }
.footer .contacts a { color:#888; }


/* ============================== СТИЛИ ПО КОМПОНЕНТАМ ===================================== */

.back_link { float:left; padding-right:36px; position:relative; right:4px; z-index:99; }
.back_link a { display:block; background:#222 url('images/main_menu_bg.gif') repeat 0 0; width:37px; height:37px; color:#fff; line-height:35px; text-decoration:none; text-align:center; }


/* --------- артикли ---------- */

.article_item { padding:0 150px 20px 0; }


/* --------- клиенты ---------- */

table.client_list { width:991px; margin:0 -20px; }
table.client_list td { height:110px; }
table.client_list td a { font:bold 10pt tahoma, arial; color:#666; }
table.client_list td a img { border:none; }
table.client_list td a img:hover {  }


.client_item { width:700px; }
.client_item .client_logo { float:left; padding:0 25px 0 0; }
.client_item .client_logo img { border:none; }
.client_item h3 {}

.client_item .client_projects { border-top:5px solid #222; padding:20px 0; margin-top:25px; clear:both; }
.client_item .client_projects .project_item { float:left; width:340px; }
.client_item .client_projects .project_item#right { padding-left:20px; }
.client_item .client_projects .project_item .project_locations { width:auto; }


/* --------- индекс ---------- */

.index_services { background-color:#0c0c0c; margin:0 -4px; padding:0 20px; clear:both; }
.index_services table {  }
.index_services table td { color:#999; font:8pt tahoma, verdana; width:25%; padding:20px 15px; vertical-align:top; }
.index_services table td b, .index_services table td strong { color:#ddd; font-size:9pt; }

.index_map { width:346px; padding:180px 0 25px 38px; border-left:1px solid #222; background:transparent url('images/map_mini.gif') no-repeat 38px 0; float:right; position:relative; left:4px; }

.index_intro { padding:0 100px 30px 0; position:relative; right:4px; }