/* resets */
* { padding:0; margin:0; }
a{ text-decoration:none; color:#ccc; }
li{ list-style-type:none; }

/* style */
body {
  font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  /*background:#e0cebf;*/
  background:#eee;
  color:#333;
  /*text-align:center;*/
}

div.debug {
  /*display:none;*/
  height:100px;
  overflow:auto;
  border:1px solid #555;
  background-color:#dfd;
  padding:16px;
  font-size:10px;
}
div.flash {
  margin-top:6px;
  height:auto !important;
  height:28px;
  overflow:auto;
  border:1px solid #555;
  background-color:#dfd;
  padding:4px;
  font-size:12px;
}
 

p.warn {
  background-color:#fdd;
  border:1px solid #555;
}

div#error {
  background-color:#fdd;
  border:1px solid #955;
}

.center {
  text-align:center;
}

.left {
  text-align:left;
}
/* layout */
#wrapper {
  position:relative;
  /*z-index:1;*/
  margin:auto;
  width:960px;
  background:#fff;
  overflow:hidden;
}
#top { 
  position:relative;
  /*z-index:2;*/
  color:#e6f4ff;
  background:#899198;
  /*margin-top:0px;*/
  margin:0;
  /*height:200px;*/
  width:100%;
  text-align:center;
}
  #top #login-menu {
    background-color:#B27A7A;
    height:12px;
    text-align:right;
    padding-right:8px;
    font-size:8pt;
  }
  #top #user-menu {
    height:15px;
    text-align:left;
    padding:0 0 4px 0;
    margin:0;
  }
    #top #user-menu ul {
      /*display:block;*/
      /*margin-top:-4px;*/
    }
    #top #user-menu li {
      padding:0 24px 0 24px;
      font-size:14px;
      display:block;
      float:left;
    }
      #top #user-menu li a {
        text-decoration:underline;
      }
      /* ie 6 hack to take space between drop */
      /* menu items away */
       * html ul li { float:left;height:1%; }
       * html ul li a { height:1%; }
      /* end */
  #top #header {
    height:140px !important;
    height:136px;
    padding:0;
    margin:0;
    /*background:url(/images/blokc-top.png) 0 0 no-repeat;*/
  }
    #top #header img {
      padding:0;
      border:none;
      /*margin:-2px 0 0 -2px;*/
    }
  ul.mainmenu {
    background:#c1a58d;
    top:0px !important;
    top:-3px;
    position:relative;
    z-index:5;
    height:30px;
    margin:0;
    padding:0;
    text-align:center;
    list-style:none;
  }
    ul.mainmenu li {
      z-index:5;
      position:relative;
      width:192px;
      max-width:25%;
      cursor:pointer;
      float:left;
      list-style-type:none;
      /*padding:2px 4px;*/
      background:#e0cebf;
    }
    ul.mainmenu li:hover,
    ul.mainmenu li.iehover { 
        background:#7d532e; 
    }
    ul.mainmenu li ul li {
      width:192px !important;
      width:190px;
      padding:0;
      /*height:36px;*/
      float:left;
      /*border:2px solid #ddd;*/
      border-left-width:1px;
      border-right-width:1px;
      line-height:16px;
      max-width:100%;
    }
      ul.mainmenu li a.top-link {
        color:#7d532e;
        font-weight:bold;
        height:30px;
        font-size:12px;
        /*line-height:14px;*/
        padding:2px 4px;
        text-transform:uppercase;
        display:block;
      }
      ul.mainmenu li.iehover a.top-link,
      ul.mainmenu li:hover a.top-link {
        color:#e0cebf;
      }
      li.top-item ul {
        width:190px !important;
        width:188px;
        position:absolute;
        height:auto;
        display:none;
        left:0px;
      }
        li.top-item ul li {
          background:#9eb9ba;
          text-align:left;
          border:1px solid #9eb9ba;
          width:190px !important;
          width:188px;
          max-width:100%;

        }
        li.drop-item a {
          color:#557375;
          font-size:12px;
          font-weight:bold;
          text-transform:none;
          display:block;
          float:left;
          padding-left:10px;
          width:182px !important;
          width:180px;
          border-bottom:1px solid #ddd;
          /*height:32px;*/
        }
        li.top-item ul li.iehover,
        li.top-item ul li:hover { 
            background:#557375; 
        }
        li.top-item ul li:hover a, 
        li.top-item ul li.iehover a { 
            color:#9eb9ba; 
        }
      li.top-item:hover ul, 
      li.top-item.iehover ul {
        display:block;
        z-index:10;
      }
#flash {
    position:relative;
    margin-top:30px;
}
#content {
    position:relative;
  z-index:0;
  /*top:200px;*/
  /*width:916px;*/
  /*clear:both;*/
  /*background:url(/images/referral.jpg) 0 -200px no-repeat scroll;*/
  background:#fff;
  /*margin-top:24px;*/
  padding:22px;
  /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);*/
}
  #content a {
    color:#899198;
    text-decoration:underline;
  }
  #content #info {
    padding:10px;
    margin:0 8px 8px 8px;
    font-size:16px;
    border-top:1px solid #9eb9ba;
    border-bottom:1px solid #9eb9ba;
  }
    #content #info p {
      display:block;
      background:#fff;
      text-align:center;
      /*opacity:.6;*/
      color:#7d302e;
    }
  #content ul {
    padding:8px 0 0 8px;
  }
  #content li {
    font-size:20px;
  }
    #content li.padded {
      padding:10px 0 10px 0;
    }
    #content li a {
      color:#557353;
      /*border-bottom:1px dotted #557353;*/
    }
    #content li a:hover {
      /*border-bottom:1px solid #9eb9ba;*/
      color:#9eb9ba;
    }
  #content #bus-index {
    z-index:1;
    position:relative;
    width:100%;
    font-size:14px;
    background:#fff;
    /*opacity:.6;*/
  }
  #content .tag-col {
    position:relative;
    float:left;
    width:228px;
  }
  #content .tags { 
    padding: 0 0 14px 0;
    /*position:relative;*/
    /*width:220px;*/
    text-align:center;
    color:#333; 
  }
  #content .tags .letter {
    position:relative;
    color:#6f9872;
    font-size:16px;
  }
    #content .tags a {
      border-bottom:1px dotted #557375;
      text-decoration:none;
      color:#557375;
    }
    #content .tags a:hover {
      border-bottom:1px solid #9eb9ba;
      color:#9eb9ba;
    }

#business-info 
{
  padding:12px 0 0 12px;
}
  #business-info #logo
  {
    margin:auto;
    overflow:hidden;
    text-align:center;
    width:900px;
    height:140px;
    /*width:600px;
    height:140px;*/
  }
  #business-info #headshot
  {
    position:relative;
    float:right;
    overflow:hidden;
    width:300px;
    height:400px;
    margin-left:20px;
  }
  #business-info #classification
  {
    margin:12px 0 12px 0;
    padding-left:12px;
    font-size:22px;
    background:#e0cebf;
  }
  #business-info #bus-name
  {
    font-size:24px;
    font-weight:bold;
    line-height:26px;
  }
    #business-info #bus-name span
    {
      font-size:18px;
      font-weight:normal;
    }
  #business-info #address
  {
    font-size:20px;
    margin:12px 0 12px 0;
  }
  #business-info #contact
  {
    font-size:20px;
    margin:12px 0 12px 0;
  }
    #business-info .field-name
    {
      position:relative;
      float:left;
      width:100px;
    }
    #business-info .field-val
    {
      position:relative;
      float:left;
      width:300px;
    }

  #business-info #data td,
  #business-info #data th
  {
    padding:6px 0 0 12px;
  }

  #business-info #description
  {
    padding-top:24px;
    font-size:22px;
    color:#7d302e;
  }

#business-info table td
{
  padding:0 0 0 6px;
}

#business-info.layout-1
{
}

#business-info.layout-2
{
}
  #business-info.layout-2 #images
  {
    /*float:right;*/
    padding:8px 0 8px 8px;
  }
    #business-info.layout-2 #images span
    {
      display:block;
      padding:0 8px 0 8px;
      float:left;
    }
  #business-info.layout-2 #data
  {
    clear:both;
  }

#events, 
#documents {
    position:relative;
    float:left;
    width:440px; 
    padding:8px 8px;
    font-size:11pt;
}
    #events h4 {
        padding:8px 0;
        font-size:12pt;
    }
    #events h5 {
        padding:16px 0 8px 0;
    }
    #events div.event {
        padding:0 0 16px 8px;
    }
        #events div.event .time {
            font-size:10pt;
        }

    #events .description {
        padding:4px 16px;
        font-size: 10pt;
    }

    #documents td {
        padding:4px 16px;
    }

    #documents td a {
        color:#557375;
    }
    #documents td a:hover {
        color:#9eb9ba;
    }
#photos {
    position:relative;
    clear:both;
}

.album {
    position:relative;
    float:left;
}

