/*page*/
  html, body {width:100%; height:100%;}
  body {padding:10px; margin:0; background:#6b9029;}
  body {background:#f7f7d6;}

/*
  #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 "Tahoma"; color:#7b7a1d;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 0 53px 0;padding: 0;font: 2.2em "Times new roman"; color:#7b7a1d;text-align:center;position:relative;left:20px}
  h2 {margin:0;padding: 0;font:2.0em "Tahoma";color:#7b7a1d;}
  h3 {margin: 0;padding:0;font:1.8em "Tahoma";color:#7b7a1d;}
  h4 {margin:0;padding: 0;font:bold 1.6em "Tahoma";color:#7b7a1d;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:0px 0 15px 0;font-size:11px;text-indent:20px;text-align:justify}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;text-align:left;vertical-align:top;}
  ul {margin: 0 0 15px 0;padding:0;}
  ul li{list-style-type:none;font-size:11px}



/*FONT*/
  html {font-size:100%;}
  body {font:62.5%/1.2 Tahoma, sans; color:#7b7a1d}
  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: url(../images/bgr/header.png) no-repeat left top;height:513px;position:relative;z-index:10}
    #logo{position:absolute;left:657px;top:37px;}
    .phone{position:absolute;left:724px;top:230px}
    .tools{position:absolute;left:875px;top:12px;}
     .tools li{float:left;margin-right:17px}
      .tools a{display:block}
      .main{width:18px;height:18px;background: url(../images/bgr/tools.gif) no-repeat left bottom;}
      .main:hover{width:18px;height:18px;background: url(../images/bgr/tools.gif) no-repeat left top;}
      .map{width:18px;height:18px;background: url(../images/bgr/tools.gif) no-repeat -35px bottom;}
      .map:hover{width:18px;height:18px;background: url(../images/bgr/tools.gif) no-repeat -35px top;}
      .message{width:18px;height:18px;background: url(../images/bgr/tools.gif) no-repeat -66px bottom;}
      .message:hover{width:18px;height:18px;background: url(../images/bgr/tools.gif) no-repeat -66px top;}

  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
    #wrapper {position:relative; min-height:100%; height:100% auto; background:#fff url(../images/bgr/sidebar.gif) repeat-y left top; width:1000px; margin:0 auto;}
      html>body #wrapper {height:auto;}
      #body {padding:0 0 150px;}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_col {float: right;width:100%;}
        #main_col_content {margin: -5px 0 0 262px;background: url(../images/bgr/main_col.png) no-repeat right top;padding-right:47px}

        .main_menu {font-size:13px;}
        .main_menu li{font-size:13px}
        .main_menu a{display:block;padding:7px 0 16px 24px;text-decoration:none}
        .main_menu li{background: url(../images/bgr/li.png) no-repeat 19px bottom;padding-bottom:1px}
        .main_menu a:hover{background: url(../images/bgr/a.png) no-repeat left top;color:#fdffdb;text-decoration:underline;padding:7px 0 16px 24px;}

        .gallery{float:right;margin-left:40px}
        .gallery img{background: url(../images/bgr/img_border.gif) no-repeat left top;padding:5px}
        .separator{background: url(../images/bgr/separator.gif) no-repeat left top;width:215px;height:8px;margin:19px 0}

        .contact{line-height:1.5;text-indent:0;margin:0 0 0 20px;}


  /*=SIDEBAR*/
    #sidebar {float:left; width:242px; margin: -5px -262px 0 20px;}

  /*=FOOTER*/
    #footer {clear:both; width:100%; height:115px; background: url(../images/bgr/footer.png) no-repeat left top;}
    .copyright{color:#fdffda; text-indent:0; line-height:1.5; position: relative; left:21px; top:50px;}
    .copyright a{color:#fdffda}

  /*=KEYWORDS*/
    #keywords {text-indent:0; text-align:center; line-height: 1.5; width: 100%;}

/*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;}

