/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background:#fff url(../images/bgr/body.jpg) no-repeat center 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 arial; 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 arial; color:#646464;}
  h2 {margin:0 0 20px 0;padding: 0;font:2.0em arial;color:#646464;}
  h3 {margin: 0;padding:0;font:1.8em arial;color:#646464;}
  h4 {margin:0;padding: 0;font:bold 1.6em arial;color:#646464;}
  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;}




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

/*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 {height:462px}
    #logo{left:222px;top:95px;position:absolute;z-index:1000}
    .main_menu{padding:0;margin:0;position:absolute;left:-42px;top:25px}
    .main_menu li{float:left;padding:0 0 0 17px;margin:0 0 0 73px;list-style-type:none;background: url(../images/bgr/li.jpg) no-repeat left 3px;line-height:1}
    .main_menu a{font:16px arial;color:#198dd7}
    .main_menu a.current{font:16px arial;color:#525252}

    .catalog_menu{position:absolute;padding:0;margin:0;left:735px;top:219px;width:230px}
    .catalog_menu li{padding:0 0 0 11px;margin:0 0 18px 0;list-style-type:none;background: url(../images/bgr/li.png) no-repeat left 3px;line-height:1}
    .catalog_menu a{font-size:13px;color:#464646;text-decoration:none}
    .catalog_menu a:hover{text-decoration:underline}
    .catalog_menu li.last{padding:0;margin:10px 0 0 0;padding:0;background:none;}
    .catalog_menu li.last a{color:#198dd7;text-decoration:underline}
    .catalog_menu li.last a:hover{color:#198dd7;text-decoration:none}

    .tools{position:absolute;padding:0;margin:0;}
    .tools li{list-style-type:none;}
    .tools a{display:block;position:absolute;width:24px;height:24px;}
    .tools a.main{background: url(../images/menu/tools2.png) no-repeat 0px -56px;left:170px;top:266px}
    .tools a.search{background: url(../images/menu/tools2.png) no-repeat -51px top;left:221px;top:212px}
    .tools a.message{background: url(../images/menu/tools2.png) no-repeat right -64px;left:252px;top:275px}

    .tools a.main:hover{background: url(../images/menu/tools1.png) no-repeat 0px -56px;left:170px;top:266px}
    .tools a.search:hover{background: url(../images/menu/tools1.png) no-repeat -51px top;left:221px;top:212px}
    .tools a.message:hover{background: url(../images/menu/tools1.png) no-repeat right -64px;left:252px;top:275px}

    .phone{background: url(../images/bgr/phone.png) no-repeat left 10px;position:absolute;left:723px;top:91px;padding:0 0 0 57px;color:#3b3b3b;font-size:15px}
    .phone img{margin-top:10px}
  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
    #wrapper {position:relative;min-height:100%;height:100%;width:1000px;margin:0 auto}
      html>body #wrapper {height:auto;}
      #body {padding:0 0 140px;}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_col {float: right;width:100%;}
        #main_col_content {margin: 0 0 0 323px;font-size:15px;line-height:1.2}
        #main_col_content ul{margin:0;padding:0;overflow:hidden}
        #main_col_content ul li{padding:0 0 10px 12px;background: url(../images/bgr/ul.png) no-repeat left 5px;list-style-type:none}

        #main_col_content ul.breadcrumbs{padding:0;margin:0;background: url(../images/bgr/bread.png) no-repeat left top;padding:4px 0 30px 32px}
        #main_col_content ul.breadcrumbs:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_col_content ul.breadcrumbs li{padding:0;margin:0;background:none;padding:0;float:left;list-style-type:none;color:#464646;font-size:13px}
        #main_col_content ul.breadcrumbs li.sep{background: url(../images/bgr/sep.png) no-repeat left top;width:10px;height:14px;margin:0 0 0 1px;position:relative;top:2px}
        #main_col_content ul.breadcrumbs a{color:#198dd7}

        .wrap_img{position:relative;float:left;margin:0 10px 10px 0}
        .border_img2{background: url(../images/bgr/border2.png) no-repeat left top;width:207px;height:152px;position:absolute;top:0;left:0;z-index:1000}

  /*=SIDEBAR*/
    #sidebar {float: left;width: 274px;margin: 0 -290px 0 0;padding:0 0 0 16px}
    .news {padding:0;margin:0;}
    .news li{padding:0;margin:0 0 30px 0;list-style-type:none}
    .news li:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .news li span{color:#7544bb;font:bold 11px arial;display:block;margin:0 0 9px 0}
    .news dt{float:left;position:relative;width:100px;overflow:hidden; height: 102px;;margin-right:13px}
    .news dd{width:150px;float:left;font-size:12px}
    .news dd a{font:bold 13px arial;color:#198dd7}
    .border_img{background: url(../images/bgr/border.png) no-repeat left top;width:100px;height:102px;position:absolute;top:0;left:0;z-index:1000}

  /*=FOOTER*/
    #footer {position:absolute; bottom:0px;clear:both;width:100%;height:127px;background: url(../images/bgr/footer.jpg) no-repeat left top;}
    .copyright{position:absolute;padding:0;top:34px;left:50px;color:#6e6e6e;font-size:13px}
    .copyright a{color:#198dd7;font-size:12px}
    .miridea{color:#6e6e6e;font-size:10px;background: url(../images/bgr/miridea.png) no-repeat center top;position:absolute;right:65px;top:16px;padding-top:45px}
    .miridea a{color:#6e6e6e}

/*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;}