body {
   width: 100%;
   height: 100%;
   background-color: #000;
}
body, th, td {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   color: #FFF;
}
body, form, h1, h2, h3, h4, h5, h6, p {
   margin: 0;
   padding: 0;
}
h2 {
  color: #799BB6;
  font-size: 140%;
  font-style: italic;
}
h1, h3, h4, h5, h6 {
   font-weight: normal;
}
img, table {
   border: none;
}
table {
   border-collapse: collapse;
}
table td {
   padding: 0;
}
a:link, a:active, a:visited {
   color: #000000;
   text-decoration: underline;
}
a:hover {
   color: #000000;
   text-decoration: none;
}
input {
   margin: 0;
}
hr {
   border-top: 1px solid #979FBC;
   border-bottom: none;
   border-left: none;
   border-right: none;
   height: 1px;
}
.red {
  color: #ff0000;
  font-size: 140%;
  font-style: italic;
}
/* Универсальные классы */
.p1 {
   padding: 0.2em;
}
.p2 {
   padding: 0.4em;
}
.p3 {
   padding: 0.6em;
}
.p4 {
   padding: 0.8em;
}
.p5 {
   padding: 1em;
}
.p6 {
   padding: 2.5em;
}
.font_sml {
   font-size: 85%;
}
.font_lgt {
   color: #555;
}
.fl {
   float: left;
}
.fr {
   float: right;
}
.cl {
   clear: both;
   font-size: 1px;
}
.nowrap {
   white-space: nowrap;
}
.top {
   vertical-align: top;
}
.bot {
   vertical-align: bottom;
}
.mid {
   vertical-align: middle;
}
.cnt {
   text-align: center;
}
.r {
   text-align: right;
}
.w100 {
   width: 100%;
}
.b {
   font-weight: bold;
}
.hand {
   cursor: pointer;
   //cursor: hand;
}
.white {
   color: #FFF;
}
.ml {
   margin-left: 0.3em;
}

/* Архитектура */
.main {
  width: 100%;
  height: 100%;
}
.b_top_left {
  background: url(img/b_top_left.jpg) no-repeat right top;
  height: 232px;
}
.b_top_right {
  background: url(img/b_top_right.jpg) no-repeat left top;
  height: 232px;
}
.header {
  background: url(img/header.jpg) no-repeat;
  width: 1024px;
  height: 112px;
}
.b_bot_left {
  background: url(img/b_bot_left.jpg) no-repeat right bottom;
  height: 211px;
}
.b_bot_right {
  background: url(img/b_bot_right.jpg) no-repeat left bottom;
  height: 211px;
}
.footer {
  background: url(img/footer.jpg) no-repeat center bottom;
  width: 1024px;
  height: 211px;
}
.ws {
  margin-bottom: 46px;
}

/* Меню */
.menu_body {
  width: 225px;
}
.menu_left {
  background: url(img/menu_left.jpg) no-repeat;
  width: 74px;
  height: 528px;
}
.menu_top {
  background: url(img/menu_top.jpg) no-repeat;
  width: 139px;
  height: 37px;
}
.menu_center {
  width: 139px;
  height: 528px;
}
.menu_bot {
  background: url(img/menu_bot.jpg) no-repeat;
  width: 139px;
  height: 327px;
}
.menu_right {
  background: url(img/menu_right.jpg) no-repeat;
  width: 12px;
  height: 528px;
}

.mb_home, .mb_our_work, .mb_process, .mb_qa, .mb_cont {
  background: url(img/menu_btns.gif) no-repeat;
  width: 139px;
}
.mb_home_active, .mb_our_work_active, .mb_process_active, .mb_qa_active, .mb_cont_active {
  background: url(img/menu_btns_an.gif) no-repeat;
  width: 139px;
}
.mb_home, .mb_home_active {
  background-position: 0 0;
  height: 38px;
}
a:hover .mb_home {
  background-position: -140px 0;
  height: 38px;
}
.mb_our_work, .mb_our_work_active {
  background-position: 0 -38px;
  height: 36px;
}
a:hover .mb_our_work {
  background-position: -140px -38px;
  height: 36px;
}
.mb_process, .mb_process_active {
  background-position: 0 -74px;
  height: 30px;
}
a:hover .mb_process {
  background-position: -140px -74px;
  height: 30px;
}
.mb_qa, .mb_qa_active {
  background-position: 0 -104px;
  height: 30px;
}
a:hover .mb_qa {
  background-position: -140px -104px;
  height: 30px;
}
.mb_cont, .mb_cont_active {
  background-position: 0 -134px;
  height: 30px;
}
a:hover .mb_cont {
  background-position: -140px -134px;
  height: 30px;
}

/* Контент блок */
.cont_body {
  background: url(img/sub_header.jpg) no-repeat center top;
  width: 799px;
}
.price {
  color: #799BB6;
  font-size: 150%;
  font-style: italic;
}
.zag {
  color: #799BB6;
  font-size: 150%;
  font-style: italic;
}
.c_tit {
  padding: 0.8em 1em 1.1em 0;
  font-style: italic;
  font-size: 125%;
}
.c_text {
  color: #696969;
}
.c_top_left {
  background: url(img/cont/c_top_left.gif) no-repeat;
  width: 36px;
  height: 56px;
}
.c_top_bg {
  background: url(img/cont/c_top_bg.gif) repeat-x;
}
.c_top_right {
  background: url(img/cont/c_top_right.gif) no-repeat;
  width: 335px;
  height: 56px;
}
.с_cen_left_bg {
  background: url(img/cont/c_cen_left_bg.gif) repeat-y;
  width: 32px;
}
.c_cen_center {
  background-color: #FFF;
  padding: 0.3em;
  padding-bottom: 0;
}
.с_cen_right_bg {
  background: url(img/cont/c_cen_right_bg.gif) repeat-y;
  width: 20px;
}
.с_bot_left {
  background: url(img/cont/c_bot_left.gif) no-repeat;
  width: 255px;
  height: 56px;
}
.c_bot_bg {
  background: url(img/cont/c_bot_bg.gif) repeat-x;
}
.с_bot_right {
  background: url(img/cont/c_bot_right.gif) no-repeat;
  width: 180px;
  height: 56px;
}
.с_bot_right_2 {
  background: url(img/cont/c_bot_right_2.gif) no-repeat;
  width: 180px;
  height: 56px;
}
.c_order {
  margin: 3px 0 0 33px;
}
.form_table td {
  background-color: #CCC;
  color: #333;
  padding: 0.4em;
  border-top: 4px solid #FFF;
  border-bottom: 4px solid #FFF;
}
.form_table .tf {
  border: 1px solid #FFF;
}
.sm_photo {
  background: url(img/photo_block.gif) no-repeat;
  width: 262px;
  height: 265px;
}
.sph {
  padding: 6px 0 0 20px;
}
.in_text, .in_text_focus {
  height: 2em;
}
.in_text {
  border: 1px solid #A3B3CA;
  padding: 4px;
}
.in_text_focus {
  border: 2px solid #6383B1;
  padding: 3px;
}

/* Баннерное место */
.r_top {
  background: url(img/right/r_top.gif) no-repeat;
  width: 217px;
  height: 43px;
}
.r_cnt {
  background-color: #3B4D88;
}
.r_bot {
  background: url(img/right/r_bot.gif) no-repeat;
  width: 217px;
  height: 10px;
}
.r_left_bg {
  background: url(img/right/r_left_bg.gif) repeat-y;
  width: 8px;
}
.r_right_bg {
  background: url(img/right/r_right_bg.gif) repeat-y;
  width: 4px;
}
.cont {
  background: url(img/menu_contacts.gif) no-repeat;
  width: 225px;
  height: 173px;
}

/* Контакты */
.tel, .icq, .skype, .cs {
  color: #7DB3CF;
  padding-left: 74px;
}
.tel {
  padding-top: 9px;
}
.icq {
   padding-top: 31px;
}
.skype {
   padding-top: 11px;
}
.cs {
   padding-top: 28px;
}
.ts td {
   border: 1px solid #666;
   padding: 5px;
}

.price {
  color: #799BB6;
  font-size: 110%;
}
