/*
  **  stylesheet definitions for ###DOMAIN###
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi Webmedia
  **  @author     ###AUTHOR###
  **  @since      ###DATE###
  */

  body {
    background: #8b6f3d url(../img/bg-body.png) 0px 152px repeat-x;
    color: #715a31;
    font: normal normal normal 62.5%/115% Arial, Helvetica, sans-serif;
  }

  div.clear {
    clear: left;
  }

  /* google map item */
  #map {
    margin: 1.5em 0;
  }

  /* table in directions element */
  #directions table td {
    line-height: 1.5em !important;
  }

  /* common ajax loading element */
  #ajax-loading {
    position: absolute;

    background: #ffffff url('../img/ajax-loader-01.gif') center center no-repeat;

    width: 32px;
    height: 32px;
    padding: 2px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
  }

  /* XHR Popup elements */
  .ajax-popup {
    position: absolute;
    width: 378px;
    height: 598px;
    margin: 20px 0 0 0;
    background: #ffffff;
    border: 1px solid #000000;
  }

    .ajax-popup .ajax-popup-close {
      cursor: pointer;
      height: 24px;
      background: transparent url('../img/lightbox/navigation-lila.png') right -112px no-repeat;
    }

    .ajax-popup .ajax-popup-content {
      padding: 10px;
      height: 554px;
      overflow: auto;
    }

  /* font size switching for the whole page */
  #wrap {
    font-size: 1.2em;
    width: 1000px;
    margin: 0 auto;
  }

  #header {
      position: relative;
      padding: 18px 14px 0 13px;
    }

      #header .header-logo {
        position: absolute;
        top: 0;
        left: 0;
        padding: 23px 0 0 13px;
        z-index: 2;
      }

      #header .header-content {
        padding: 0 0 0 221px;
      }

      #header .header-menu {
        float: right;
        width: 752px;
      }

      #header .menu {
      }

        #header .menu li {
          display: inline;
          padding: 0 20px 0 0;
          line-height: 1.5em;
        }

    #sidebar-left {
      float: left;
      width: 234px;
    }

    #content_container_wrap {
      float: left;
      width: 752px;
      background: transparent url(../img/bg-content_container_wrap.gif) left top repeat-y;
    }

      #content_container {
        float: left;
        width: 752px;
        background: transparent url(../img/bg-content_container.gif) left top no-repeat;
      }

        #content {
          float: left;
          width: 508px;
          padding: 10px;
          /* to hide overlapping elements.. */
          overflow: hidden;
          font-size: 1em;
        }
        #content.wide {
          width: 732px;
        }

        #sidebar-right {
          float: right;
          width: 201px;
          padding: 10px;
        }

    #footer {
      clear: both;
      margin: 0 0 0 234px;
      padding: 10px;
    }