/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background: #c0c0c0;}

/*
  #SomeBox
  {
    position - position [ left , top ] ,
    liquid model - float, clear,
    block modle - display, width, height, margin, padding, overflow,
    visual property - background, border,
    text property - list-style, text-align
   }
*/

/*design*/
  a img{border:0;}

/*navigation*/
  a {font:1em/1.5 "Trebuchet MS"; color:#002299;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }

/*TAGS*/
  h1 {margin:0;padding: 0;font: 2.2em "Trebuchet MS"; color:#000;}
  h2{font:bold 2.1em 'Trebuchet MS';font-style:italic;margin:0 0 10px 0;padding:0}
  h3 {margin: 0;padding:0;font:1.8em "Trebuchet MS";color:#000;}
  h4 {margin:0;padding: 0;font:bold 1.6em "Trebuchet MS";color:#000;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:5px 0;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;text-align:left;vertical-align:top;}
  ul {margin: 0;padding:0;list-style-type:none}



/*FONT*/
  html {font-size:100%;}
  body {font:62.5%/1.5 Trebuchet MS, sans; color:#000000}
  table, td, th, ul, textarea, input, select {font: 1em/1.5 Trebuchet MS;}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}

/*layout*/

  /*=HEADER*/
    #header {background: url(../images/bgr/header.png) left top;;height:137px}
    #logo{position:absolute;left:55px;top:62px;}
     .links {position:absolute;left:121px;top:20px;}
     .links li{float:left;margin-right:28px}
       .links a{display:block;width:19px;height:19px}
       .main{background: url(../images/menu/links.png) no-repeat 0px -19px;}
       .main:hover{background: url(../images/menu/links.png) no-repeat left top;}
       .map{background: url(../images/menu/links.png) no-repeat -47px -19px;}
       .map:hover{background: url(../images/menu/links.png) no-repeat -47px top;}
       .mail{background: url(../images/menu/links.png) no-repeat -96px -19px;}
       .mail:hover{background: url(../images/menu/links.png) no-repeat -96px top;}

     .slogan{position:absolute;left:430px;top:83px}
     .phone{position:absolute;left:801px;top:53px}


  /*=MENU*/
    #menu {background: silver;}


  /*CONTENT*/
    #outer_wrapper {position:relative;min-height:100%;height:100%;width:1000px;margin:0 auto;background:#ececec;}
      html>body #outer_wrapper {height:auto;}
      #wrapper {}
        #container {width: 100%;float: left;}
          #content {float: right;width:100%}
            #main {margin:44px 51px 120px 273px;}
            #main p{font-size:1.3em}
            .main_menu {margin:0 0 49px 4px}
            .main_menu:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
            .main_menu li{float:left;background: url(../images/bgr/li.png) no-repeat left bottom;width:172px;height:133px;text-align:center;margin:0 0 0 -4px;position:relative}
            .main_menu a{font:bold 1.2em 'Trebuchet MS';color:#fff;display:block;padding:0 3px;margin:0 0 0 -8px}
            .top{background: url(../images/bgr/top.png) no-repeat left top;width:257px;height:39px;float:right;margin:-25px -12px 0 10px}
            .scince_work{background: url(../images/bgr/bottom.png) no-repeat left bottom;float:right;clear:both;padding:0 11px 10px 11px;width:234px;margin:-25px -12px 0 10px }
            .scince_work h2{text-align:right;margin-top:-5px;position:relative}
            .scince_work .load{background: url(../images/bgr/load.png) no-repeat left top;font:bold 1.2em 'Trebuchet MS';padding:39px 0 10px 77px;color:#fff;margin:-27px 0 0 0}
            .load a{color:#fff;font-weight:bold}
            .scince_work p{padding:5px 12px}
  /*SIDEBAR*/
    #left {width: 273px;float: left;margin:74px -273px 0px 0;padding-bottom:120px;}
    .catalog_menu{font:bold 1.2em Trebuchet MS;color:#737373;border-left:7px solid #002299;padding-left:48px}
    .catalog_menu li{width:184px;border-top:1px solid #b6bfc6;background: url(../images/marker/a.png) no-repeat 168px 15px;padding:10px 0 8px 0}
     .catalog_menu li.current{width:184px;border-top:1px solid #b6bfc6;background: url(../images/marker/li.png) no-repeat 168px 15px;}
     .catalog_menu li.last{border-bottom:1px solid #b6bfc6;}
    .catalog_menu a{font-weight:bold;color:#002299}


  /*FOOTER*/
    #footer {position:absolute;bottom:0px;width:890px;left:55px;height:95px;border-top:7px solid #9b9b9b;overflow:hidden}
    .copyright{font-size:1.2em;position:absolute;top:18px}
    .contact_info{position:absolute;top:18px;right:0;font-size:1.2em;}


/*form*/
  .field {clear:both;padding:0 0 10px}
  label {width:200px;text-align:right;font:bold 1.2em 'Trebuchet MS';padding:0 0 0 2px}
  input {width:178px;padding:2px 0 2px 5px;border:1px solid #cecece}
  .input{width:200px;border:solid 1px #A5ACB2;}
  select{border:solid 1px #A5ACB2;}
  textarea {width:248px;height:100px;border:solid 1px #A5ACB2;}
  .feedback_form{margin:37px 0 0 55px}
  .feedback_form h2{font:bold 2.1em 'Trebuchet MS';font-style:italic;margin:0 0 10px 0}
  .feedback_form dl{margin:0 0 14px 0}
  .button{width:auto;border:none;margin:0 0 0 80px}