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

.footer .social img {border: 0px;}
.footer .social {float:left; margin:0px 20px 0px 0px;}



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

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

.pagination { padding:0 0 35px 0; }
.pagination a { display:block; float:left; height:25px; width:25px; text-align:center; line-height:24px; text-decoration:none; border:1px solid #555; color:#333; margin-right:3px; }
.pagination a#back, .pagination a#all { width:auto; padding:0 10px; }
.pagination a#all { margin-left:10px; }

.pagination a.active, .pagination a.active:hover { cursor:default; }
.pagination a.active, .pagination a.active#all { background:#222 url('images/main_menu_bg.gif') repeat 0 0; color:#fff; border-color:#222; font-weight:bold; }
.pagination a.active#back { background:none; color:#888; border-color:#aaa; font-weight:normal; }



/* --------- новости ---------- */

.news_list { padding:0 0 15px 0; }

.news_item { padding-bottom:20px; width:550px; }
.news_item .news_date { background:#ff9c10 url('images/date_bg.jpg') no-repeat -10px -13px; padding:1px 0 1px 4px; width:100px; font-size:7pt; color:#fff; margin-bottom:2px; border:1px solid #ff9c10; }
.news_item .news_announce {  }
.news_item .news_announce a { text-decoration:none; }
.news_item .news_announce a:hover { text-decoration:underline; }
.news_item .news_description { padding-top:10px; }


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

.pages_list { padding:20px 100px 0 5px; border-top:1px solid #e5e5e5; }
.pages_list .list_item { padding-left:13px; padding-bottom:15px; }
.pages_list .list_item a {  }

.section_list { padding:20px 100px 0 5px; }
.section_list .list_item { padding-left:13px; padding-bottom:15px; }
.section_list .list_item a {  }

.parent_link { border-bottom:1px solid #e5e5e5; margin-bottom:25px; padding:5px 0 5px 5px; }
.parent_link a {  }

.article_item { padding:0 100px 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; }



/* --------- проекты ---------- */

.year_list { width:140px; float:left; padding-right:36px; position:relative; right:4px; z-index:99; }
.year_list a { display:block; height:25px; text-align:center; line-height:24px; text-decoration:none; border:1px solid #555; color:#333; margin-bottom:5px; }
.year_list a.active { background:#222 url('images/main_menu_bg.gif') repeat 0 0; color:#fff; border-color:#222; font-weight:bold; }



.project_list {}

.project_item { padding:0 0 55px 0; width:600px; }
.project_item .icon { float:left; border-right:36px solid #fff; }
.project_item .icon a {}
.project_item .icon a img { border:none; float:right; }
.project_item h2 { color:#fff; text-transform:uppercase; }
.project_item h3 { color:#000; padding-bottom:0px; padding-top:15px; }
.project_item h3 a { color:#000; text-decoration:none;}
.project_item h3 a:hover { text-decoration:underline;}
.project_item .project_date { color:#555; padding:7px 2px; }
.project_item .project_client { color:#000; padding:0 0 4px 2px; }
.project_item .project_description { clear:both; padding:30px 0 10px 0; }
.project_item .project_images { border-top:5px solid #222; padding:20px 0; margin-top:25px; clear:both; }
.project_item .project_images div { float:left; padding:0 5px 5px 0; }
.project_item .project_images div a {}
.project_item .project_images div a img { border:none; }

.project_item#isnew {  }
.project_item#isnew h3 {  }
.project_item#isnew h3 a { color:#fea700; }
.project_item#isnew .project_date { color:#996800; }



/* --------- компания ---------- */

.submenu { width:140px; float:left; padding-right:36px; position:relative; right:4px; z-index:99; }
.submenu a { display:block; height:25px; line-height:24px; padding-left:10px; text-decoration:none; border:1px solid #555; color:#333; margin-bottom:5px; }
.submenu a.active { background:#222 url('images/main_menu_bg.gif') repeat 0 0; color:#fff; border-color:#222; font-weight:bold; }

.publication_list { padding:0 0 15px 0; }
.publication_list .publication_item { padding-bottom:20px; width:550px; }
.publication_list .publication_item a { text-decoration:none; }
.publication_list .publication_item .publication_date { background:#ff9c10 url('images/date_bg.jpg') no-repeat -10px -13px; padding:1px 0 1px 4px; width:100px; font-size:7pt; color:#fff; margin-bottom:2px; border:1px solid #ff9c10; }
.publication_list .publication_item .publication_edition { padding-bottom:4px; }
.publication_list .publication_item .publication_announce { color:#666; }
.publication_list .publication_item .publication_announce:hover { text-decoration:underline; }


.department_list {}
.department_item { padding-bottom:20px; width:500px; }
.department_item a { color:#000; text-decoration:none; }
.department_item h3 { padding-bottom:5px; }
.department_item a h3 { text-decoration:underline; }
.department_item a h3:hover { text-decoration:none; }
.department_item .department_description {}

.employee_list { border-top:5px solid #222; padding:20px 0; clear:both; }
.employee_list .employee_item { padding:0 0 30px 0; width:400px; }
.employee_list .employee_item .employee_foto { float:left; padding-right:15px; }
.employee_list .employee_item .employee_foto img { border:none; }
.employee_list .employee_item .employee_fio { font-weight:bold; }
.employee_list .employee_item .employee_post { padding:3px 0 7px 4px; color:#555; }
.employee_list .employee_item .employee_description {  }


/* --------- картинки в контенте ---------- */

.article_item img, .news_item .news_description img { border:5px solid #fff; }