body {background: #002A8B url("/images/head_bg.gif"); color: black; margin: 0; padding: 0; }
body, td, th {font: normal 12px/1.4em Tahoma, Arial, sans-serif; }
th {font-weight: bold;}
form {margin: 0;}
/* HTML tags style */
a {color: #0055cc; text-decoration: underline;}
a:hover {color: red; text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {color: #003399; font-weight: bold; line-height: 1.2em;}
h1 {font-size: 150%; text-transform: uppercase;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
h5 {font-size: 85%;}
h6 {font-size: 75%; font-weight: normal;}


/* HTML-combined style */
/*h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {margin-top: 0em;}*/
p+p, p {margin: 1em 0;}
a img {border: none;}

/* Common style */
#mainnav {position: absolute; list-style: none; margin: 0; padding: 2px 0 0 0; float: left; width: 420px; background: url("/images/mainnav_border.gif") repeat;}
#mainnav li {float: left; width: 210px; margin-bottom: 3px;}
#mainnav a {color: white!important; text-decoration: none; font: bold 11px/22px Tahoma, Arial, sans-serif; text-transform: uppercase; width: 100%; float: left;}
#mainnav a:hover {background: #017BDC url(/images/content_bg_small.gif) repeat;}
#mainnav li.current a {color: #002A8B!important; background: #E5E9F3 url("/images/mainnav_bg_s.gif") repeat;}
#mainnav li.current a span,
#mainnav a span {display: block; margin: 0 11px;}

.box {padding-left: 20px; padding-right: 20px;}
.vrezka {padding-top: 20px; padding-bottom: 20px; background: url(/images/vrezka_bg.gif) repeat;}
.vrezka h1,
.vrezka h2,
.vrezka h3 {margin-top: 0;}
.vrezka_shaddow {margin: 20px 0; padding: 0 0 16px 0; background: url(/images/vrezka_shaddow.jpg) right bottom no-repeat;}

/* Additional nav */
#contacts {font-size: 11px;}
#contacts:hover {color: red;}
#sitemap {font-weight: bold; font-size: 11px;}
#personal {font-weight: bold; font-size: 11px;}
#vacancy {font-weight: bold; font-size: 11px; color: #FE6767!important;}

/* Content zone */
#hp #l_content {background: url("/images/content_bg_small.gif") repeat; width: 100%;}
#hp #r_content {background: url("/images/content_bg_big.gif") repeat-y; width: 982px;}
#hp #m_content {background: white url("/images/content_bg.png") right repeat-y; margin: 0 12px; padding: 0 20px;}


/* HomePage style */
#hp #head {color: white; height: 275px; width: 970px; background: url("/images/top_shaddow_bg.gif") 0 217px repeat-x;}
#head a{color: white;}
#head a:hover {color: #FE6767;}
#hp #mainnav {top: 70px; left: 550px;}
#hp #headpic_top {position: absolute; top: 0; left: 0; width: 538px; height: 225px; background: url(/images/hp_headpic_top.jpg) no-repeat;}
#hp #headpic_bottom {position: absolute; top: 225px; left: 0; width: 538px; height: 106px; background: url(/images/hp_headpic_bottom.jpg) no-repeat;}
#head_right_shaddow {position: absolute; top: 225px; left: 787px; width: 195px; height: 50px; background: url(/images/head_right_shaddow.png) no-repeat;}

#hp #contacts {position: absolute; top: 10px; left: 550px;}
#hp #sitemap {position: absolute; top: 10px; left: 663px;}
#hp #personal {position: absolute; top: 10px; left: 773px;}
#hp #vacancy {position: absolute; top: 180px; left: 550px;}

#hp #l_content {float: none;}
#hp #m_content {float: none;}
#hp #r_content {float: none;}

#hp #content {border-collapse: collapse;}
#hp #content td#left_column,
#hp #content td#right_column {vertical-align: top; margin: 0;}
#hp #left_column {padding-top: 75px; background: url(/images/crane_top.jpg) 71px 100% no-repeat; width: 480px; padding-right: 20px;}
#hp #right_column {padding-left: 20px; width: 398px;}
#hp #right_column .detail {margin: 5px 0 20px 0; display: block; width: 7em;}

#hp #general_servises table {border: none; margin-bottom: 20px; width: 100%;}
#hp #additional_servises {margin-bottom: 200px;}
#hp #additional_servises table {width: 440px; border-collapse: collapse;}
#hp #additional_servises table td {padding: 3px; vertical-align: top;}
#hp #additional_servises table td.comment {width: 30%; border-left: 2px solid red; padding-left: 10px;}


/* Registration form */
#hp #reg {position: relative;}
#hp #reg p.formitem {border: 0px solid red; clear: both; margin: 0; height: 27px;}
#hp #reg form label {vertical-align: middle;}
#hp #reg form #login,
#hp #reg form #password {float: left; width: 120px; border: 1px solid #B2B9C4;}
#hp #reg form .label {width: 50px; line-height: 21px; float: left;}
#hp #reg form .text {border: 1px solid #B4B8C4; font-weight: bold; width: 150px;}
#hp #reg form #remember {vertical-align: middle; line-height: 21px; margin-left: 48px;}
#hp #reg form #button {margin-left: 50px; font-weight: bold; padding: 0 5px;}

#hp #reg ul {position: absolute; right: 30px; top: 45px; list-style: none; margin: 0; padding: 0; line-height: 2em;}

/* Internet Messengers Icons */
.im_status {margin: 0; padding: 10px 0;}
.im_status span {padding-right: 20px; line-height: 16px;}
.im_status img {vertical-align: middle;}

/* Homepage footer */
#hp #footer {position: relative; background: url(/images/footer_bg_shaddow.gif) repeat-x; width: 970px; height: 150px;}
#hp #footer a {color: white;}
#hp #footer #crane_bottom {position: absolute; bottom: 0; left: 0; height: 150px; width: 445px; background: url(/images/crane_bottom.jpg) no-repeat;}
#hp #footer_right_shaddow {position: absolute; top: 0; left: 787px; height: 49px; width: 195px; background: url(/images/footer_right_shaddow.png) no-repeat;}
#hp #footer #copyright {position: absolute; top: 0; left: 165px; width: 235px; font-size: 11px; color: white; margin: 8px 0; text-align: center;}

#hp #footer #copyright .phone {padding-left: 6px;}
#hp #footer #copyright .secondline {font-size: 10px; line-height: 1.2em; display: block; margin-top: 5px;}
#hp #footer #counters {position: absolute; top: 85px; right: 0px; height: 50px;}
#hp #footer #counters .count {float: right; margin-left: 20px; height: 50px; padding-top: 4px;}
#hp #footer #counters .unkom {font-size: 90%; background: url(/images/unkom.gif) 100% 0% no-repeat; width: 190px; padding: 6px 0 0 0; line-height: 1.2em;}
#hp #footer #counters .unkom a {text-decoration: none; display: block; height: 50px;}
#hp #footer #counters .unkom span {text-decoration: underline;}

#hp #footnav {position: absolute; top: 5px; left: 400px; height: 20px; list-style: none;}
#hp #footnav li {float: left; margin-left: 20px;}
#hp #footnav a {color: #0055cc;}
#hp #footnav a:hover {color: red;}
#hp #footnav a.contacts {background: url(/images/mail_ico_blue.gif) 0 65% no-repeat;}
#hp #footnav a.contacts:hover {background: url(/images/mail_ico_red.gif) 0 65% no-repeat;}


/*common classes */
.preview {width: 175px; height: 130px; border: 1px solid white;}
.preview2 {width: 150px; height: 110px; border: 1px solid white;}
.preview:hover,
.preview2:hover, {border: 1px solid #003399;}
.hand {cursor: pointer;}
.normal {font-size: 12px;}
.medium {font-size: 11px;}
.small {font-size: 10px;}
.meta {font-size: 85%; white-space: nowrap;}
.both {clear: both;}
.fl {float: left;}
.none {display: none;}
.theme {color: #003399;}
.theme2 {color: #990000;}
.theme3 {color: black;}
.theme4 {color: green;}
a.mail {background: url(/images/mail_ico.gif) 0 65% no-repeat; padding-left: 16px;}
a.mail:hover {background: url(/images/mail_ico_red.gif) 0 65% no-repeat;}
a.mail2 {background: url(/images/mail_ico_blue.gif) 0 65% no-repeat; padding-left: 16px;}
a.mail2:hover {background: url(/images/mail_ico_red.gif) 0 65% no-repeat;}
.zoom {background: url(/images/zoom_ico.gif) no-repeat;}
.h1{font-weight: bold; font-size: 150%; text-transform: uppercase;}
.nobullets,
.nobullets {list-style: none;}
a.bullet1 {background: url(/images/bullet1.gif) 0 50% no-repeat; padding-left: 15px; margin-left: 22px;}

ul.bullet1,
ol.bullet1 {margin: 10px; padding: 0; list-style: none;}
ul.bullet1 li,
ol.bullet1 li  {background: url(/images/bullet1.gif) 0 50% no-repeat; padding-left: 15px; margin-left: 10px;}

ul.bullet2,
ol.bullet2 {margin: 10px; padding: 0; list-style: none;}
ul.bullet2 li,
ol.bullet2 li  {background: url(/images/bullet2.gif) 0 0.8em no-repeat; padding-left: 15px; margin-left: 10px;}

.mrg_top0 {margin-top: 0px;}
.mrg_bot0 {margin-bottom: 0px;}
.mrg0 {margin: 0;}
.mrg_r0 {margin-right: 0;}
.mrg_l0 {margin-left: 0;}
.pad0 {padding: 0;}
.lhsmall {margin: 0.5em 0;}
.nowrap {white-space: nowrap;}
.block {display: block;}
.strong {font-weight: bold;}
.capitalize {text-transform: capitalize;}
.gray {color: gray;}

/* Docs format Icons */
.doc, .xls, .pdf, .down, .landscape, .docs, .page, .plus, .plus2, .sun, .tree {padding: 0 0 0 20px;}

.doc {background: url(/images/page_white_doc.gif) 0 0 no-repeat; }
.xls {background: url(/images/page_white_excel.gif) 0 0 no-repeat;}
.pdf {background: url(/images/page_white_pdf.gif) 0 0 no-repeat;}
.down {background: url(/images/page_white_down.gif) 0 0 no-repeat;}
.landscape {background: url(/images/page_white_landscape.gif) 0 0 no-repeat;}
.docs {background: url(/images/page_white_docs.gif) 0 0 no-repeat;}
.page {background: url(/images/page_white_page.gif) 0 0 no-repeat;}
.plus {background: url(/images/page_pic_plus.gif) 0 0 no-repeat;}
.plus2 {background: url(/images/page_pic_plus2.gif) 0 0 no-repeat;}
.sun {background: url(/images/page_pic_sun.gif) 0 0 no-repeat;}
.tree {background: url(/images/page_pic_tree.gif) 0 0 no-repeat;}


dl.dictionary dt{font-weight:bold;margin-top:10px;}
dl.dictionary dd{/*border-bottom:1px solid;*/padding-bottom:10px;/*margin:0;padding-left:40px;*/}


