/*page*/
  html, body {width:100%;height:100%;} 
  body {background: #fff;padding:0; margin:0;min-width:1003px}
  body#main_page {background:#fff url(../images/bgr/main_page.gif) no-repeat 850px 160px;}
/*design*/
  a img{border:0;}
  
/*navigation*/
  a{text-decoration:underline; font:bold 13px Arial; color:#336699;}
  a:hover{text-decoration:none;}

/*TAGS*/
  h1{font: 23px Arial; color:#008641; margin:0 0 20px;padding: 0;}
  h2{font:18px Arial;color:#d71920;margin: 5px 0 10px;}
   h2 a{font:18px Arial;color:#d71920;margin: 5px 0 10px;}
  h3{font:18px Arial;color:#94999c;margin:5px 0;padding:  0;}
  h4{font:bold 12pt "Times New Roman";color:#000;margin:0;}
  dl, dt, dd, form {margin:0;padding: 0;}
  p {margin: 0;padding:0 0 15px;}
  ul {margin: 0;padding: 10px 20px;}
  table {border-spacing: 0;border-collapse: collapse;border:0;}

/*FONT*/
  body, td, table, ul{font:13px Arial; color:#010101}
  #front_benefits  td{font:bold 13px/17px Arial;color:#94999c}
  #main_menu a{font:bold 18px "Trebuchet MS";color:#008641}
  #main_menu .submenu li a{font:bold 12px Arial;}
  #menu a{font:14px Arial;color:#000} 
  #contacts_phone {font:14px Arial;color:#232323}
  #contacts_phone b {font:bold 23px Arial;}
  .our_works a, .techniques a {font:bold 14px Arial;}
  .techniques b {font:bold 12px Arial;}
  .techniques b span {color:#666666}
  .table2 th{font:bold 10px Arial;}
  
/*Misc*/
  .clearing {height: 0;clear: both;}
  .border_img {border:1px solid #b2b2b2;float:left;margin: 0 8px 20px 0;padding:3px;}
  .border_img2 {border:1px solid #b2b2b2;margin:3px 0 6px;padding:3px; text-align:center;verticalAlign:middle;vertical-align:middle;float:left}
  .border {border:1px solid #b2b2b2;}
  .border_img img, .border_img2 img  {border:0}
  .fluid_img {float:left;margin: 0 36px 0 0;}
  .our_works {overflow:hidden;margin-bottom:24px;}
  *html .our_works {height:1%}
  .photo {border:0;width:100%;}
  .photo td {width:25%;text-align:center;vertical-align:bottom;padding-bottom:20px}
  .techniques {width:45%;float:left;margin-bottom:20px;overflow:hidden;margin-right:20px;}
  .techniques b {display:block;margin-top:5px;}
  
    
    /*LIST*/
      .list {margin:0;clear:both;padding-top: 1px;overflow:hidden;}
      .list dd {overflow:hidden;margin: 4px 0 20px ;padding: 0;}
      *html .list dd {height:1%;}
      .list dd a {display:block;margin-bottom:5px;}
      .list .img {float:left;margin:0px 10px 20px 0;width:120px;height:120px;}
      *html .list .img {margin-bottom:10px;}
  
    /*BORDER*/

    .h_border {background:#fff url(../images/bgr/border/h.gif) repeat-x left top;display:block;height:8px;overflow:hidden;margin: 0 257px 0 30px;}
      .h_border .l {background: url(../images/bgr/border/lt.gif) no-repeat left top;float:left;width:8px;height:8px;}
      .h_border .r {background: url(../images/bgr/border/rt.gif) no-repeat right top;float:right;width:8px;height:8px;}
    .c_border {background:#fff url(../images/bgr/border/v.gif) repeat-y left top;margin: 0 257px 0 30px;}
    .f_border {background: url(../images/bgr/border/h.gif) repeat-x left 7px;display:block;height:8px;overflow:hidden;margin: 0 257px 0 30px;}
      .f_border .l {background: url(../images/bgr/border/lb.gif) no-repeat left top;float:left;width:8px;height:8px}
      .f_border .r {background: url(../images/bgr/border/rb.gif) no-repeat left top;float:right;width:8px;height:8px}
      
    .h_border2 {background: url(../images/bgr/border/h.gif) repeat-x left top;display:block;height:8px;overflow:hidden;}
      .h_border2 .l {background: url(../images/bgr/border/lt.gif) no-repeat left top;float:left;width:8px;height:8px;}
      .h_border2 .r {background: url(../images/bgr/border/rt.gif) no-repeat right top;float:right;width:8px;height:8px;}
    .c_border2 {background:#fff url(../images/bgr/border/v.gif) repeat-y left top; height:100%;}
    .f_border2 {background: url(../images/bgr/border/h.gif) repeat-x left 7px;display:block;height:8px;overflow:hidden;}
      .f_border2 .l {background: url(../images/bgr/border/lb.gif) no-repeat left top;float:left;width:8px;height:8px}
      .f_border2 .r {background: url(../images/bgr/border/rb.gif) no-repeat left top;float:right;width:8px;height:8px}
      
    /*TABLE*/
      .table, .table2 {width:100%;border:0;clear:both}
      .table td, .table2 td {padding: 10px;border:1px solid #e3e3e3;border-width:1px 0;}
      .table .odd td{background:#f8f7f7;}
      .table2 th {background:#f8f7f7;padding:0 2px;}
    
    
    

/*layout*/

  /*=HEADER*/
    #main_page  #header {height:361px}
	 #main_page  #header {//height:371px}
    #header {margin-left:30px;}
      #logo {float:left;margin: 34px 0 0 0;}
      #main_page #contacts_phone .content {margin:0 180px 0 0;}
      #contacts_phone {background: url(../images/bgr/header.gif) repeat-x left top;padding: 50px 140px 0 0;margin: 0  0 0 410px;}
        #contacts_phone .content {background: url(../images/marker/phone.gif) no-repeat left top;overflow:hidden;padding-left:60px}
        *html #contacts_phone .content{height:1%}
        #contacts_phone .phone{float:left;padding:5px 15px 5px 0;}
            #contacts_phone b {display:block;white-space:nowrap}
            #contacts_phone a {display: block; color: #d71920; font-size: 12pt; padding-TOP: 5px; text-align: right;}
      #tools {position:absolute;top:34px;left:235px;}
        #tools a{margin: 0 65px 0 0;}
      #video {position:absolute;right:5px;top:55px}
        
        
  /*=NAVIGATION*/
    #main_page #navigation {margin:0;}
    #navigation {clear:both;margin:0 30px 0;padding-top:30px}
    #main_page #main_menu, #main_page #menu {float:none;clear:both}
      #main_menu, #menu {list-style-type:none;margin: 0;padding:0;}
      #main_menu li, #menu li {float:left;position: relative;display: inline;}
      #main_menu {float:left;position: relative;}
      #main_menu li{background: url(../images/menu/main_menu.gif) no-repeat left center;padding-left:14px;margin-right: 12px;}
      #main_menu .submenu {background:#fff;border:1px solid #b2b2b2;border-width:1px 1px 0;display: none;position: absolute;top: 24px;left:14px;z-index:200;}
      #main_menu .submenu ul {margin:0;padding:0;}
      #main_menu .submenu li {list-style-type:none;background: none;float: none;display:block;border-bottom:1px solid #b2b2b2;padding:5px 10px;margin:0;white-space:nowrap}
      #menu {float:right;position:relative;top:5px;z-index:1}
      *html #menu{z-index:-1}
      #menu .item {background: url(../images/menu/menu.gif) no-repeat center center;padding: 0 9px;width:1px;}
    
    .benefits_menu {height:154px;margin:80px 0 0px 0;padding:0px 0;clear:both;position:relative;z-index:1; width:70%}
	
  .benefits_menu {//height:154px;}

    *html .benefits_menu {z-index:-1;}
    .benefits_menu ul {list-style-type:none;margin:0;padding:0;}
    .benefits_menu ul li {float:left;margin:0 20px 0 0;}
    
  /*=CONTENT*/
    #wrapper {min-height:100%;position:relative;}
    *html #wrapper {height:100%}
    #main_page #container {position:relative;z-index:2}
    #container {width:100%;clear:both}
      #container {margin: 100px 0 120px 0px;float: left;width:100%}
	#container{margin: 20px 0 120px 0px !ie;}
      #content {background: url(../images/bgr/border/v.gif) repeat-y right top;padding: 11px 14px 10px;overflow:hidden}
      *html #content {height:1%;}
      
      #front_benefits {margin: 0 257px 10px 30px;}
      *html #front_benefits {height:1%}
        #front_benefits table{width:100%;}
        #front_benefits td {text-align:center;width:33%}
          #front_benefits .content {background: url(../images/bgr/border/v.gif) repeat-y right top;padding:8px 10px;width:33%}
          #front_benefits a {display:block;margin-bottom:5px}
          

  /*=SIDEBAR*/
  #main_page #sidebar {position:relative;z-index:2}
    #sidebar {float: right;margin:30px 0 120px -267px;width:247px}
      #contacts, #other_techniques, #front_photogallery {margin:0 30px 0 20px;}
	  #contacts, #other_techniques, #front_photogallery {//margin:0 30px 30px 20px;}
      #other_techniques a, #other_techniques b {display:block;margin:5px 0;}
      
  /*=FOOTER*/
    #footer {background:url(../images/bgr/footer.gif) repeat-x left top;clear:both;width:100%;height:100px;position:absolute;bottom:0px;left:0;}
      #bit {float:left;margin: 50px 0 0 30px;}
      #footer span {display:block;margin: 50px 0 0 80%;}


/*form*/
  .fields {clear:both;margin: 0 0 18px 0;}
  .fields label {display:block;float:left;width:160px;margin: 0 20px 0 40px;font:11px Arial;}
  .fields .input {border:1px solid #7f9db9;width:300px;height:20px;padding: 1px 5px 0;}
  .fields select {border:1px solid #7f9db9;margin-right: 3px;}
  .fields .textarea {border:1px solid #7f9db9;width:300px;height:100px;padding: 1px 5px 0;}


  /*.input{border:solid 1px #A5ACB2; font:8pt Verdana; color:#000000}
  .select{border:solid 0px #A5ACB2; font:8pt Verdana; color:#000000}
  .req {font:8pt Tahoma, sans;text-align:right;padding: 12px 10px 0 0 ; height:35px}
  .input, .textArea {width:248px}
  .textArea {height:100px}
  .form-errors .title {color:#bd1a01;font-weight:bold}
  */