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

/*
  #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.2; color:#786b1d;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }

/*TAGS*/
  h1 {margin:0;padding: 0;font: 2.2em "Myriad Pro", arial; color:#4c4c4c;}
  h2 {margin:0 0 15px 0;padding: 0;font:21px "Myriad Pro", arial;color:#4c4c4c;}
  h3 {margin: 0;padding:0;font:1.8em "Myriad Pro", arial;color:#4c4c4c;}
  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:0px 0 15px;}
  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:13px/1.2 Tahoma, sans; color:#2d2d2d}
  table, td, th, ul, textarea, input, select {font: 13px/1.2 Tahoma;}

/*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.jpg) no-repeat left top;height:306px;position:relative;}
    .logo{position:absolute;left:45px;top:85px;}
    .phone{position:absolute;left:494px;top:75px;}
    .phone p{float:left;text-align:right;margin:0 5px 0 0;text-transform:uppercase;color:#ede582;font:12px "Myriad Pro", arial}
    .phone span{font-size:19px}
    .phone p.number{font-size:44px;line-height:0.8;position:relative;top:-4px}
    .slogan{position:absolute;left:417px;top:155px;color:#ede582;width:475px}

    .tools{position:absolute;left:67px;top:248px;padding:0;margin:0}
    .tools li{list-style-type:none;margin:0 0 5px 0}
    .tools a{padding:0 0 0 14px;font:11px "Myriad Pro", arial;color:#fff;text-decoration:none;text-transform:uppercase;background: url(../images/bgr/a.png) no-repeat left center;}

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


  /*CONTENT*/
    #outer_wrapper {position:relative;min-height:100%;height:100%;width:1004px;margin:0 auto;background:#eae7d0 url(../images/bgr/wrap.jpg) repeat-x left top;}
      html>body #outer_wrapper {height:auto;}
      #wrapper {}
        #container {width: 100%;float: left;}
          #content {float: right;width:100%}
            #main {margin:0 225px 100px 282px;}

            .front_img{position:relative;margin:-69px 0 30px 0}
            .f3{position:absolute;left:1px;top:0}

            .all_text{margin:0 15px 0 22px;}

  /*SIDEBAR*/
    #left {width: 227px;float: left;margin:0 -276px 0 0;padding-bottom:100px;padding-left:49px}
    .main_menu{padding:50px 0 0 0;margin:0 0 20px 0;width:227px;height:288px;background: url(../images/bgr/main_menu.png) no-repeat left top;}
    .main_menu li{list-style-type:none;margin:0 0 8px 23px;}
    .main_menu a{padding:0 0 0 16px;font:bold 14px tahoma;color:#786b1d;background: url(../images/bgr/a2.png) no-repeat left center;}
    #left h2{margin:0 0 15px 31px}
    .news{margin:0 0 20px 31px;font-size:11px}
    .news dt{margin:0 0 2px 0}


    #right {width: 214px;float: right;padding-left:11px;margin:-69px 0 100px -225px;padding:8px 0 0 11px;background: url(../images/bgr/right.jpg) no-repeat left top;height:335px;position:relative;z-index:10}
    #right h2{line-height:0.8}
    .info{margin:0 0 0 27px}
    .catalog_menu{padding:0;margin:0;height:162px}
    .catalog_menu li{list-style-type:none;padding:0 0 10px 20px;background: url(../images/bgr/li.png) no-repeat left 3px;}
    .catalog_menu a{font:bold 15px tahoma}
    .sale_block{height:143px;background: url(../images/bgr/sale.jpg) no-repeat left top;margin:0 0 0 0px;padding:5px 0 0 25px}
    .sale_block h2{color:#fff}
    .sale_block p{background: url(../images/bgr/phone.png) no-repeat left top;padding:0 0 0 20px;margin:0 0 14px 7px;color:#fff}
    .sale_block b{color:#e4d34b;font:bold 14px tahoma}
    .sale_block .a1{margin:0 0 0 5px;padding:0 0 3px 22px;color:#e4d34b;font-size:9px;background: url(../images/bgr/a3.png) no-repeat left 1px;float:left}    

  /*FOOTER*/
    #footer {background: url(../images/bgr/footer.png) no-repeat left top;position:absolute;bottom:0px;width:100%;height:89px;}
    .copyright{position:absolute;left:70px;top:30px;font-size:11px;}
    .miridea{position:absolute;right:47px;top:37px;font-size:11px;padding-left:31px;background: url(../images/bgr/miridea.jpg) no-repeat left top;}


/*form*/
  .field {clear:both;padding:0 0 10px}
  label {width:200px;float:left;text-align:right;}
  .input{width:200px;border:solid 1px #A5ACB2;}
  select{border:solid 1px #A5ACB2;}
  textarea {width:248px;height:100px;border:solid 1px #A5ACB2;}