@charset "utf-8";
/* CSS Document */
html, body { background:#fff /*url(../images/body_bg.gif) left top repeat*/; padding:0; margin:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

a:link { text-decoration:underline; outline:none; color:#2020e8; }
a:visited { color:#5e2980; }
a:hover { text-decoration:none; color:#e01818; }
a img { border:none; }

ul { list-style:square; }
ol ol { list-style:lower-latin; }

h1 { font-weight:normal; font-size:22px; margin:0 0 20px 0;}
h2 { font-weight:bold; font-size:14px; margin:0 0 10px 0; }
h3 { font-weight:bold; font-size:12px; margin:0 0 5px 0; }
p { margin:0 0 20px 0; }

div.left-side { margin-right:205px; }
div.left-side div.inner { float:left; width:100%; }
div.right-side { width:205px; float:right; }
div.clear { clear:both; height:1px; line-height:1px; font-size:1px; }

div.top-links { height:30px; line-height:30px; text-align:right; color:#999; }
div.top-links a:link,
div.top-links a:visited { text-decoration:none; color:#999; padding:0 10px; }
div.top-links a:hover { text-decoration:underline; }

div#header { min-height:190px; }
* html div#header { height:190px; }
	div#header div.left-side div.inner { background:url(../images/robots.jpg) 794px 24px no-repeat; min-height:190px; }
	* html div#header div.left-side div.inner { height:190px; }
	div#header div.left-side div.inner div.link-box { background:#082f2e url(../images/plashka.jpg) left top no-repeat; height:110px; width:295px; float:left; margin:0 15px 0 0; }
	div#header div.left-side div.inner div.link-box ul { margin:14px 0 0 20px	; padding:0; list-style:none; }
	div#header div.left-side div.inner div.link-box ul li { margin:0; padding:0; }
	div#header div.left-side div.inner div.link-box ul a { color:#879a9a; text-decoration:none; }
	div#header div.left-side div.inner img.logo { margin-top:24px; margin-right:230px; }
	
* html div#header div.inner,
* html div#header { height:190px; }

 
div#main { background:url(../images/main_bg.gif) top right repeat-y; clear:both; margin-bottom:1px; padding-bottom:20px; }
	div#main div.left-side { padding:0 10px 0 12px; }
	div#main div.right-side { width:194px; padding:10px 3px 0 8px; }
	div#main div.right-side span.title { background:url(../images/spiral.gif) 10px top no-repeat; color:#0c3a3a; display:block; padding:0 0 0 30px; margin:0 0 6px 0; }

div#content { font-size:12px; }
div#content  { line-height:20px; }
div#content ul,
div#content ol { margin-bottom:20px; margin-top:5px; line-height:20px; }

div.rounded-box { float:left; width:33.3333%; }
div.rounded-box-inner { min-height:190px; border:1px solid #bbb; margin:0 2px 1px 0; padding:10px; position:relative; }
* html div.rounded-box-inner { height:190px; }
div#content div.rounded-box p,
div#content div.rounded-box ul,
div#content div.rounded-box ol { line-height:normal; }
b.tl-angle,
b.tr-angle,
b.bl-angle,
b.br-angle { position:absolute; height:11px; width:11px; font-size:1px; line-height:1px; } 
b.tl-angle { background:url(../images/grey_border_angles.gif) left top no-repeat; top:0; left:0; margin:-1px 0 0 -1px; }
b.tr-angle { background:url(../images/grey_border_angles.gif) right top no-repeat; top:0; right:0; margin:-1px -1px 0 0; }
b.bl-angle { background:url(../images/grey_border_angles.gif) left bottom no-repeat; bottom:0; left:0; margin:0 0 -1px -1px; }
b.br-angle { background:url(../images/grey_border_angles.gif) right bottom no-repeat; bottom:0; right:0; margin:0 -1px -1px 0; }

div.service a { color:#000; text-decoration:none; outline:none; }
div.serv-1 { background:url(../images/services_1.jpg) right bottom no-repeat; }
div.serv-2 { background:url(../images/services_2.jpg) right bottom no-repeat; }
div.serv-3 { background:url(../images/services_3.jpg) right bottom no-repeat; }
div.serv-4 { background:url(../images/services_4.jpg) right bottom no-repeat; }
div.serv-5 { background:url(../images/services_5.jpg) right bottom no-repeat; }
span.more { font-size:18px; line-height:10px; }

div.h-small div.rounded-box-inner { min-height:150px; }
* html div.h-small div.rounded-box-inner { height:150px; }
div.h-small h2 a { text-decoration:none; }

div.logos { width:49.9999%; }
div.logos div.rounded-box-inner { min-height:100px; }
* html div.logos div.rounded-box-inner { height:100px; }
div.logos div.head-and-shoulders { background:url(../images/service/logo-hs.gif) center center no-repeat; }
div.logos div.hummer { background:url(../images/service/logo-hammer.gif) center center no-repeat; }
div.logos div.bic { background:url(../images/service/logo-bic.gif) center center no-repeat; }
div.logos div.jacobs { background:url(../images/service/logo-j.gif) center center no-repeat; }

div.technical-profile div.rounded-box-inner { min-height:680px; }
* html div.technical-profile div.rounded-box-inner { height:680px; }

div.green-box { background:#2f6060 url(../images/green_box_bg.jpg) left top no-repeat; width:194px; color:#fff; margin:0 0 10px 0; }
div.green-box-inner { background:url(../images/green_box_bottom_angles.gif) right bottom no-repeat; padding:10px 5px; }
div.green-box a:link, 
div.green-box a:visited,
div.green-box a:hover { color:#fff; }

div.green-box-with-grey-border { background:#2f6060 url(../images/green_box_with_grey_border_bg.jpg) left top no-repeat; width:205px; color:#fff; margin:0 0 5px 0; }
div.green-box-with-grey-border-inner { background:url(../images/green_box_with_grey_border_bottom_angles.gif) right bottom no-repeat; padding:13px; }

ul#menu { margin:0; padding:0; list-style:none; font-size:14px; }
ul#menu li { border-bottom:1px solid #8aa2a2; text-transform:uppercase; background:url(../images/spiral_2.gif) left 3px	 no-repeat; padding:3px 0 3px 20px;  }
ul#menu li a:link,
ul#menu li a:visited { color:#d8e1e1; text-decoration:none; display:block; }
ul#menu li a.current:link,
ul#menu li a.current:visited,
ul#menu li a:hover { padding-left:15px; color:#fff; }

ul#sub-menu { margin:0; padding:0; list-style:none; }
ul#sub-menu li { margin:0; padding:0 0 10px 8px; display:block; }
ul#sub-menu li.current { background:url(../images/sub_menu_marker.gif) left 6px no-repeat; }

ul.news { margin:0; padding:0; list-style:none; font-size:11px; }
ul.news li { margin:0 0 15px 0; padding:0; }
ul.news li span.date { padding:0 10px 0 0; }

div#footer { border-top:2px solid #043333; border-bottom:2px solid #043333; background:#fff; min-height:30px; padding:1px 0; color:#fff; font-size:12px; margin-bottom:2px; clear:both; }
	div#footer div.right-side { border-left:5px solid #1e1e1e; min-height:30px; width:200px; background:#144341 url(../images/footer_right_side_bg.jpg) left top no-repeat; line-height:30px; font-size:10px; text-align:center; } 
	div#footer div.left-side div.inner { min-height:30px; background:#073636 url(../images/footer_left_side_bg.jpg) left top no-repeat; } 
* html div#footer,
* html div#footer div.left-side div.inner,
* html div#footer div.right-side { height:30px; }

div.counters { padding:10px; height:31px; }
div.counters img { float:right; margin-left:20px; }

div.formated-table-box { position:relative; margin:0 0 20px 0; }
table.formated-table { border:1px solid #2f5f5f; width:100%; background:#fff; border-collapse:collapse; margin:0; }
table.formated-table th,
table.formated-table td { padding:6px; border-left:1px solid #2f5f5f; }
table.formated-table tfoot td { border-top:1px solid #2f5f5f; }
table.formated-table th { text-align:left; font-weight:bolder; background:#2f5f5f; color:#fff; padding-left:10px; }
table.formated-table tr.second td { background:#e1f9c9; }
div.formated-table-box b.tl-angle { background:url(../images/formated_table_angles.gif) left top no-repeat; }
div.formated-table-box b.tr-angle { background:url(../images/formated_table_angles.gif) right top no-repeat; margin-right:0; }
div.formated-table-box b.bl-angle { background:url(../images/formated_table_angles.gif) left bottom no-repeat; margin-bottom:0; }
div.formated-table-box b.br-angle { background:url(../images/formated_table_angles.gif) right bottom no-repeat; margin:0; }

div.pagenum { border-bottom:1px dashed #999; padding:0 0 6px 0; margin-bottom:30px; }
div.pagenum a:link,
div.pagenum a:visited { color:#999; text-decoration:none; margin-right:10px; }
div.pagenum a:hover {  }
div.pagenum b { margin-right:10px; }

div.map { background:url(../../images/about/map.jpg) no-repeat left top; height:620px; margin:20px; }

/*Стили для ссылки Вернуться в портфолио*/
a.vernytsa { background:url(../../../images/portfolio/arrow_portfolio.png) left center no-repeat; color:#2020e8; padding:0 0 0 10px; outline:none; }