/* CSS by NeoGenet1c, (C)2011 */

  /* GLOBAL CSS SETTINGS */
  
  /* MAIN LAYOUT */

  /* CENTRAL */
  div#centralizer
  {
  background: url('../images/bckgrnd.png') repeat-y;
  width: 800px;
  padding: 1px 12px 0px 12px;
  min-height: 600px;
  margin: auto;
  position: relative;
  }

  /* HEADER */
  div#header
  {
  width: 799px;
  height: 238px;
  clear: both;
  }

    /* LOGO & QUICK CONTACT CONTAINER */
    div#logo_container
    {
    width: 248px;
    float: left;
    }

    #logo_container p
    {
    font: 13px "Tahoma";
    color: #8c8787;
    margin: 1.1em 0em 0em 1.2em;
    }

        #logo_container span.align_up { position: relative; top: -4px; }
        #logo_container p a, #logo_container p a:link, #logo_container p a:visited { color: #8c8787; }
        #logo_container p a:hover, #logo_container p a:focus, #logo_container p a:active { text-decoration: none; }

    #logo_container p img
    {
    width: 19px;
    height: 23px;
    margin: 0;
    padding-right: 0.7em;
    position: relative;
    top: 7px;
    }

    /* MENU & HEADER PIC CONTAINER */
    div#menu_container
    {
    width: 551px;
    float: left;
    }

    #menu_container ul#menu
    {
    color: #5c5449;
    height: 32px;
    margin: 18px 1px 2px 1px;
    font: 11px "Tahoma";
    font-weight: bold;
    clear: both;
    }

    ul#menu li { float: left; }
    ul#menu li img {position: relative; top: 7px;}

        ul#menu li a, ul#menu li a:link, ul#menu li a:visited
        {
        text-align: center;
        color: #5c5449;
        background: url('../images/arr.png') no-repeat;
        background-position: 0px 20px;
        text-decoration: none;
        width: 135px;
        padding-top: 11px;
        display: block;
        float: left;
        }

        ul#menu li a:hover, ul#menu li a:active, ul#menu li a:focus
        {
        background-position: 20px -16px;
        color: #373028;
        }

    #menu_container img
    {
        position: relative;
        top: 1px;
    }

  /* PROMO */
  div#promo
  {
  background: url('../images/promo_bckgrnd.png') #322e29 no-repeat;
  height: 151px;
  clear: both;
  }

  #promo div.promo_container
  {
  margin: 1.5em;
  width: 215px;
  float: left;
  }

  div.promo_delimiter
  {
  background: url('../images/promo_delimiter.png') repeat-y;
  width: 3px;
  height: 105px;
  margin-top: 24px;
  float: left;
  }

  #promo h3
  {
  font: 15px "Tahoma";
  font-weight: bold;
  margin-bottom: 1em;
  color: #dbdada;
  }

  #promo p
  {
  font: 11px "Arial";
  color: #bab6b6;
  }

  /* CONTENT */
  div#content_delim
  {
  width: 99.8%;
  height: 1px;
  position: relative;
  margin: 1px auto 0px auto;
  background-color: #cfccc5;
  }

  div#content
  {
  height: auto;
  min-height: 350px;
  font: 12px "Arial";
  margin: 1.9em;
  }

  #content h2
  {
  font: 15px "Verdana";
  color: #cbc7c1;
  }

  #content h3
  {
  font-size: 12px;
  margin: 2em 0em 0em 0.6em;
  color: #7b746d;
  font-weight: bold;
  }

  #content p
  {
  color: #322c2c;
  margin: 0.8em 0em 0em 0.6em ;
  }

  #content p a, #content p a:link, #content p a:visited
  {
  font-weight: bold;
  color: #038aac;
  text-decoration: underline;
  }

  #content p a:hover, #content p a:focus, #content p a:active { text-decoration: underline; color: #155b6d; }

    #content ul.works { margin: 0.4em 0em 0em 2.6em; list-style: circle;}
    #content p.logo_coops img { padding: 0em 0em 0em 2em; }

  #content div.content_delimiter
  {
  background: url('../images/content_delimiter.png') repeat-x;
  height: 3px;
  margin: 4px 0px 3px 0px;
  }

    /* PRICELIST */

    ul.pricelist
    {
    padding: 0.4em 0em 0em 1.7em;
    width: 500px;
    }

    .pricelist li { clear: both; }
    .pricelist li span.price { float: right; }
    .pricelist li span.price_title { float: left; }

    .pricelist li span strong
    {
    color: #3dae6f;
    font-weight: bold;
    }
    
    /* REFERENCES PHOTOS */
    
    #content div.refs_img_container
    {
      width: 728px;
      margin: 1em auto 0.5em auto;
      position: relative;
      clear: both;           
    }
    
    .refs_img_container img
    {
      width: 175px
      height: 130px;
      margin: 2px;
    }
    
    div.img_delim
    {
    width: 736px;
    position: relative;
    margin: 1.5em auto 2.5em auto;
    border-bottom: 1px solid #eee;
    }
    
  /* FOOTER */

  div#footer
  {
  background-color: #322e29;
  padding: 0.8em 1.5em;
  }

  #footer ul { font: 11px "Arial"; }
  #footer ul li { float: left; }
  #footer ul, #footer p, #footer ul a, #footer ul a:link, #footer ul a:visited { color: #989393; }

  #footer ul a:hover, #footer ul a:focus, #footer ul a:active
  {
  text-decoration: none;
  color: #bab6b6;
  }

  #footer p
  {
  font: 10px "Arial";
  text-align: right;
  }

/* OTHER SETTINGS */

p strong { font-weight: bold; }
.italic { font-style: italic; }
div#content sup { font-size: 9px; position: relative; top: -3px;}
.clear { clear: both; }