@charset "UTF-8";
 
    /*
    900px grid system ~ Core CSS.
    2 Columns ~ Margin left: 60px ~ Margin right: 60px

    Based on the 960.gs grid system - http://960.gs/
    by Nathan Smith

    Created by the Grid System Generator - v1.04
    Learn more ~ http://www.gridsystemgenerator.com/
    */

    /*
    Forces backgrounds to span full width,
    even if there is horizontal scrolling.
    Increase this if your layout is wider.

    Note: IE6 works fine without this fix.
    */
   
    /* =Containers
    --------------------------------------------------------------------------------*/
   
    .container {
      width: 900px;
    margin: 0 auto;
    }
  
  /* =Grids 
    --------------------------------------------------------------------------------*/    
    
  .grid-news {
    width: 670px;
    text-align: left;
      margin: 0 115px 16px 115px;
    padding: 42px 0 0 0;
    display: inline;
        float: left;
    }
  
  .grid-news-content {
    width: 670px;
    border-bottom: 1px solid #AFAFBC;
    text-align: left;
      margin: 0 115px 9px 115px;
    padding: 0 0 10px 0;
    display: inline;
        float: left;
    }
  
    #content .last {
      border-bottom: 0;
      padding: 0 0 30px 0;
      display: inline;
      float: left;
    }

  .grid-left-350 {
    width: 350px;
    color: #000000;
    background-color: #EEEFF1;
    text-align: left;
      margin: 0;
    padding: 48px 40px 30px 60px;
    display: inline;
        float: left;
    }
  
  .grid-left2-350 {
    width: 350px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
      margin: 0;
    padding: 48px 40px 30px 60px;
    display: inline;
        float: left;
    }
  
    .grid-right-350,
  .grid-right2-350 {
    width: 350px;
    text-align: left;
      margin: 0;
    padding: 48px 60px 30px 40px;
    display: inline;
        float: left;
    }
  
  .grid-left-375 {
    width: 375px;
    text-align: left;
      margin: 0 15px 0 60px;
    padding: 38px 0 0 0;
    display: inline;
        float: left;
    }
  
    .grid-right-375 {
    width: 375px;
    text-align: left;
      margin: 0 60px 0 15px;
   padding: 38px 0 0 0;
    display: inline;
        float: left;
    }
  
  .grid-left-380 {
    width: 380px;
    text-align: left;
      margin: 48px 10px 28px 60px;
    display: inline;
        float: left;
    }
  
    .grid-right-380 {
    width: 380px;
    text-align: left;
      margin: 48px 60px 28px 10px;
    display: inline;
        float: left;
    }
  
  .grid-500 {
    width: 500px;
    text-align: left;
      margin: 48px 200px 28px 200px;
    display: inline;
        float: left;
    }
  
  .grid-780 {
    width: 780px;
    text-align: left;
      margin: 48px 60px 1px 60px;
    display: inline;
        float: left;
    }
  
    .grid-780-line {
      width: 780px;
      border-bottom: 1px solid #AFAFBC;
      text-align: left;
      margin: 48px 60px -10px 60px;
      padding-bottom: 10px;
      display: inline;
      float: left;
    }
      
    .grid-contact-1 {
    width: 574px; 
    text-align: left;
      margin: 0 20px 28px 60px;
    display: inline;
        float: left;
    }
    
    .grid-contact-2 {
    width: 186px;
    text-align: left;
      margin: 0 60px 28px 0;
    display: inline;
        float: left;
    }
  
  /* =footer 
    -------------------------------------------------------*/  
  
  #footer .grid-left-350 {
    width: 350px;
    color: #000000;
    background-color: transparent;
    text-align: left;
      margin: 0;
    padding: 10px 40px 0 60px;
    display: inline;
        float: left;
    }
  
    #footer .grid-right-350 {
    width: 350px;
    text-align: right;
      margin: 0;
    padding: 10px 60px 0 40px;
    display: inline;
        float: left;
    }
  
  /* =END footer 
    -------------------------------------------------------*/  
  
    /* `Clear Floated Elements
    ----------------------------------------------------------------------------------------------------*/
    /* http://sonspring.com/journal/clearing-floats */
    .clear {
      clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
    .clearfix:before,
    .clearfix:after {
      content: "\0020";
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }
    .clearfix:after {clear: both;}
  
    /*
    The following zoom:1 rule is specifically for IE6 + IE7.
    Move to separate stylesheet if invalid CSS is a problem.
    */
    .clearfix {zoom: 1;}