/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background: url(../images/bgr/body.jpg) left top;}

/*
  #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:#1f70a8;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }
  form :focus, form a:active { outline:1px dotted;}

/*TAGS*/
  h1 {margin:0;padding: 0;font: 2.2em "Times new roman"; color:#000;}
  h2 {margin:0;padding: 0;font:2.0em "Times New Roman";color:#000;}
  h3 {margin: 0;padding:0;font:1.8em "Times New Roman";color:#000;}
  h4 {margin:0;padding: 0;font:bold 1.6em "Times New Roman";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: 10px 20px;}
  img{vertical-align:top}




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

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

/*layout*/

  /*=HEADER*/
    #header {background:#f0f0f0}

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

  /*=CONTENT*/
    #wrapper {position:relative;min-height:100%;height:100%;background:url(../images/bgr/bottom.jpg) repeat-x left bottom;}
      html>body #wrapper {height:auto;}
      #body {background: url(../images/bgr/top.jpg) repeat-x left top;padding:78px 0 100px 0;text-align:center}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}

        .hero{display:block;margin:0 auto;width:258px}
        .borodino{float:left;margin:57px 0 0 40px}
        .hundred{float:left;position:relative;margin:37px 0 0 173px}
        .wrap_a{width:680px;margin:0 auto;position:relative;left:-20px}
        .borodino_link{float:left;margin:20px 0 0 70px}
        .link_100{float:right;margin:15px -30px 0 0;}



  /*=SIDEBAR*/
    #sidebar {float: left;width: 269px;margin: 0 -269px 0 0;}

  /*=FOOTER*/
    #footer {position:absolute; bottom:0px;clear:both;width:100%;height:150px;background:#f0f0f0;}


/*form*/
  .field {clear:both;padding:0;margin:0 0 20px;padding:0 0 0 215px;}
    .field:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .field dt {position:relative;left:-215px;float:left;width:200px;text-align:right;margin:0 -200px 0 0;}
      .field dt label {margin:0;}
    .field dd {float:left;}
  label {margin:0 15px 0 0;}
  select{border:solid 1px #A5ACB2;width:248px;height:1.8em;}
  textarea {width:248px;height:100px;border:solid 1px #A5ACB2;}
  .form_buttons {margin:0 0 0 215px;}
  input[type="text"] {width:200px;height:1.5em;border:solid 1px #A5ACB2;}
  .input_text {width:200px;height:1.5em;border:solid 1px #A5ACB2;}