/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2010-02-08
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
   color: #333;
}
body { background: #000 url('../images/bg_body.jpg') 0 0 repeat; }
   a {
      color: #333;
      text-decoration: underline;
   }
      a:hover { text-decoration: none; }
      a:visited { color: #666; }
      a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
      line-height: 1.25em;
      font-weight: normal;
      color: #933A15;
      font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
   }
      h1, .content h1 { font-size: 2.8em; }
         .content h1.pg_title { 
            margin-top: 0;
            line-height: normal;
         }
      h2, .content h2 { 
         font-size: 1.8em;
         padding-bottom: 0.15em;
         color: #666; 
      }
      h3, .content h3 { font-size: 1.4em; }
      h4, .content h4 { font-size: 1.2em; }
      h5, .content h5 { font-size: 1.0em; }
      h6, .content h6 { font-size: 0.9em; }

div.hr {
   height: 1px;
   margin: 1.6em 0;
   background: #000 no-repeat scroll center;
}
   div.hr hr { display: none; }

pre { color: #FFF; }


/** Containers
-------------------------- **/
.layout {
/*   position: relative;*/
   width: 985px;
   margin: 0 auto;
}

/** Header
-------------------------- **/
/** @group header */
#header { background: transparent url('../images/bg_header.jpg') center top no-repeat; }
#header .layout { position: relative; }
   #header .outer {
      background: transparent url('../images/bg_navigation.png') left 115px repeat-x;
      min-height: 479px;
   }
   #home #header {
      position: relative;
      z-index: 5;
   }

#header #masthead a, 
#header #masthead a:visited
{
   position: absolute;
   display: block;
   background: url("../images/logo.png") 0 0 no-repeat;
   text-indent: -10000px;
   width: 206px;
   height: 98px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 5px;
   left: 0;
}
/** @group login */
#login {
   width: 325px;
   height: 60px;
   overflow: hidden;
   background: #000 url('../images/bg_login.jpg') left top no-repeat;
   position: absolute;
   top: 42px;
   left: 618px;
   z-index: 4;
   margin: 0;
   padding: 0;
}
#login.logout { background-position: 0 -60px; }
   #login fieldset,
   #default #search fieldset {
      padding: 10px 0 0 17px;
      margin: 0;
      border: 0;
   }
      #login fieldset legend, #default #search fieldset legend { display: none; }
      #login fieldset label {
         display: block;
         text-transform: uppercase;
         font-size: 9px;
         color: #999;
      }
         #login fieldset div,
         #default #search fieldset div { 
            float: left;
            width: 117px;
         }
            #login fieldset .input input,
            #default #search .input input {
               border: 0;
               background-color: transparent;
               width: 100px;
               padding: 0.5em 0.4em 0.3em;
               margin-right: 10px;
               font-size: 1.1em;
               color: #999;
            }
            #login fieldset .btn_login {
               width: 62px;
               padding-top: 10px;
            }
               #login.logout .btn_login {
/*                  padding-top: 8px;*/
                  padding-left: 233px; 
               }
            #login fieldset button,
            #default #search fieldset button {
               margin: 0;
               padding: 0;
               border: 0;
               background-color: transparent;
               overflow: hidden;
               cursor: pointer;
            }
#login.logout { color: #E4FF0E; }
#login a { color: #E4FF0E; font-size: 1.1em; }
/* @end login **/

/** @group hdrImg */
#hdrImg {
   position: relative;
   z-index: 5;
   top: 173px;
}
   #home #img {
      width: 545px;
      float: right;
      margin-right: 15px;
   }
   #default #img {
      float: right;
      margin: 9px 15px 0 0;
   }
/* @end hdrImg **/

/* @end header **/


/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   background: #FFF url('../images/bg_contentWrapper.jpg') left top repeat-x;
   min-height: 300px;
   padding-top: 30px;
}
#contentWrapper .layout { background: transparent url('../images/bg_sidebar.gif') right top repeat-y; }

   #default.no_hdrImg #contentWrapper { margin-top: -210px; }
      #default #contentWrapper .layout { background-position: -1258px 0; }
      #home #contentWrapper .layout { background-position: -270px 0; }


      #home #contentWrapper #layoutHook {
         position: relative;
         background: transparent url('../images/bg_sidebar-hook.jpg') right bottom no-repeat; 
         z-index: 3;
      }
      #default #contentWrapper #layoutHook {
         position: relative;
         background: transparent url('../images/bg_sidebar-hook-default.jpg') 683px bottom no-repeat; 
         z-index: 3;
      }
/** @group contentSlot */
#contentSlot {
   float: left;
}
   #home #contentSlot { width: 405px; }
   #default #contentSlot { width: 675px; }
      #default #contentSlot td { vertical-align: top; }
         #default #contentSlot td.column1 {
            width: 410px;
            padding-right: 20px;
         }
         #default #contentSlot td.column2 { width: 315px; }
/** @group main_layout */
#main_layout { padding: 0 18px 50px; }
   #home h1.pg_title small {
      font-family: Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
      color: #666;
      font-size: 9px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
   }
   #default.no_hdrImg h1.pg_title {
      position: relative;
      top: -100px;
      left: 20px;
      color: #FFF;
      z-index: 2;
   }
#default #contentSlot .focus_image {
   position: relative;
   top: -55px;
   float: right;
   clear: right;
   margin: 0 0 -50px 20px;
}
   #default #contentSlot div.pos_left { margin: 0 20px -50px 0; }
/*   #default #contentSlot .focus_image img { border: 5px solid #FFF; }*/
   #default #contentSlot .focus_image_caption {
      clear: left;
      background-color: #933A15;
      color: #FFF;
      position: relative;
      top: -7px;
      margin-left: 5px;
      margin-right: 8px;
      padding: 5px 8px;
   }
/* @end main_layout **/
/** @group search */
#default.dynamic_scripts #search {
   background: transparent url('../images/bg_search.png') left top no-repeat;
   width: 661px;
   height: 100px;
   position: absolute;
   top: -50px;
   margin-bottom: -40px;
   z-index: 3;
}
   #default #search fieldset { padding: 26px 0 0 30px; }
   #default #search label { display: none; }
   #default #search fieldset .input { width: 482px; }
   #default #search .input input {
      margin-left: 47px;
      width: 420px;
      color: #333;
      font-size: 1.5em;
      padding-top: 0.2em;
   }
   #default #search .btn_search {
      width: 120px;
      height: 38px;
      padding-top: 7px;
      overflow: hidden;
   }
/** @group search_results */
#search_results ol {
   margin: 20px 0;
   padding: 0;
   list-style: none;
   border-top: 1px solid #CFCFCF;
}
   #search_results ol li { border-bottom: 1px solid #CFCFCF; }
      #search_results ol li {
         padding: 8px 6px 10px;
         margin: 0;
         min-height: 95px;
         cursor: pointer;
      }
      #search_results ol li.even { background-color: #F6F6F6; }
         #search_results ol li:hover, #search_results ol li:focus { /*background-color: #E3FBBC;*/ }
         #search_results ol li .company_logo { 
            width: 152px;
            float: left;
            margin-top: -2px;
         }
         #search_results ol li .company_info { margin-left: 185px; }
            #search_results ol li .company_info .company_title {
               font-size: 1.5em;
               font-weight: bold;
               padding-bottom: 0.25em;
            }
               #search_results ol li .company_info .company_title, #search_results ol li .company_info .company_title a { color: #923913; }
/* @end search_results **/
/* @end search **/
/** @group company_details */
#company_details #company_info {
   width: 290px;
   float: left;
}
   #company_details #company_info #vcard {
      font-weight: bold;
      line-height: 1.25em;
   }
   #company_details #company_info #vcard .org { font-size: 1.4em; padding-bottom: 0.4em; }
   #company_details #company_info #vcard .adr {
      font-size: 1.1em;
      padding: 0 0 10px 0;
   }
      #company_details #company_info #vcard #description {
         padding-top: 3.5em;
         font-weight: normal;
      }
#company_details #company_media {
   width: 315px;
   float: right;
}
/* @end company_details **/
/* @end contentSlot **/
/** @group sideBar */
#sideBar { float: right; }
   #default #sideBar {
      width: 287px;
      padding-right: 23px;
      float: right;
   }
   #home #sideBar { 
      width: 580px;
      border-top: 40px solid #FFF;
   }
      #home #marginSlot {
         width: 272px;
         float: left;
      }
      #home #dynamic_col {
         width: 275px;
         float: left;
      }


#sideBar img.icon {
   float: left;
   margin-right: 10px;
   margin-bottom: 50px;
}
#sideBar h2 { 
   border-bottom: 1px solid #CCC;
   margin-top: 3px;
   margin-bottom: 15px;
}
#sideBar h3 { margin: 0; }
#sideBar p { margin: 0.4em 0; }
#sideBar div.hr { background-color: #CCC; }
#sideBar .spacer { padding: 0 10px 20px 25px; }
   #default #sideBar .spacer { padding: 0 20px 20px 35px; }

/** @group upcoming_events */
#sideBar ol.upcoming_events,
#sideBar ul.alphabet,
#sideBar ul.categories {
   margin: 0;
   padding: 0;
   list-style: none;
}
   #sideBar ol li.event {
      margin: 0;
      background: transparent url('../images/bg_li-event.gif') left top no-repeat;
      border-bottom: 1px solid #CCC;
      margin-top: 1.6em;
      padding-bottom: 1.6em;
   }
   #sideBar ol li.event:last-child { border: 0; }
      #sideBar ol li.event .event_date {
         float: left;
         width: 51px;
         margin-right: 4px;
         text-align: center;
      }
      #sideBar ol li.event .event_date span { display: block; }
         #sideBar ol li.event .month,
         #sideBar ol li.event .year {
            padding-top: 2px;
            font-size: 10px;
            color: #FFF;
            text-transform: uppercase;
         }
         #sideBar ol li.event .day {
            color: #586244;
            padding: 2px 0;
            font-size: 26px;
         }
         #sideBar ol li.event .year { color: #999; }
      #sideBar ol li.event .event_info {
         float: right;
         width: 170px;
      }
/* @end upcoming_events **/
/** @group alphabet */
#sideBar ul li a { color: #923914; }
#sideBar ul.alphabet li { display: inline; }
   #sideBar ul.alphabet li a {
      display: block;
      padding: 4px;
      width: 20px;
      text-align: center;
      margin: 0 5px 7px;
      float: left;
      text-decoration: none;
   }
      #sideBar ul.alphabet li a:hover,
      #sideBar ul.alphabet li a:focus,
      #sideBar ul.alphabet li.selected a {
         background-color: #923914;
         color: #FFF;
      }
/* @end alphabet **/
/* @end sideBar **/
/* @end contentWrapper **/

#fancybox-outer { background-color: #000; }

/** Footer
-------------------------- **/
/** @group footer */
#footer {
/*   position: relative;*/
   background: transparent url('../images/bg_footer.jpg') left top repeat-x; 
/*   z-index: 2;*/
   margin-top: -61px;
   font-size: 1.0em;
}
#default #footer { margin-top: -60px; }
   #footer .outer {
      min-height: 315px;
      background: transparent url('../images/bg_footer-outer.jpg') center top no-repeat;
   }
   #footer .spacer { padding: 61px 25px 0; }

   #footer, #footer a { color: #FFF; }
      #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }

#footer #copyright { padding-bottom: 8px; }
/** @group topNavigation */
#topNavigation {
   position: absolute;
   top: 115px;
   left: 50%;
   margin-left: -490px;
   z-index: 10;
}
   #topNavigation ul {
      list-style: none;
      margin: 0;
      padding: 5px 0 0;
      line-height: normal;
      float: none;
   }
      #topNavigation ul li { 
         display: inline;
         background-color: transparent;
      }
         #topNavigation ul li a {
            display: block;
            float: left;
            padding: 16px 32px 17px;
            font-size: 1.5em;
            color: #000;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            border: 0;
         }
         .mac #topNavigation ul li a { padding: 16px 32px 15px; }
            #topNavigation ul li a:hover, #topNavigation ul li a:focus { text-decoration: underline; }
         #topNavigation ul li.selected a {
            background-color: #933A15;
            color: #FFF;
         }
/** @group topNavigationHover */
/*#topNavigation ul.sf-menu li a.sf-with-ul { padding-right: 0; }*/
#topNavigation ul.sf-menu ul { 
   padding: 0;
   margin: 0; 
}
#topNavigation ul.sf-menu li:hover ul,
#topNavigation ul.sf-menu li.sfHover ul { 
   position: absolute;
   top: 50px; /* match top ul list item height */
   margin: 0;
   padding: 0;
   width: 195px;
   z-index: 11;
}
   #topNavigation ul.sf-menu li.sfHover ul ul {
      top: -1px;
      left: 195px;
   }
#topNavigation ul.sf-menu li ul { border: 1px solid #FFF; }
   #topNavigation ul.sf-menu li li a span {}
      #topNavigation ul.sf-menu li li { 
         padding: 0;
         background-color: #CECECE;
         border-bottom: 0px;
         margin: 0;
      }
         #topNavigation ul.sf-menu li li a,
         #topNavigation ul.sf-menu li.selected li a,
         #topNavigation ul.sf-menu li.selected li a:hover {
            margin: 0;
            width: 100%;
            line-height: normal;
            letter-spacing: 0.05em;
            min-height: 15px;
            font-size: 1.35em;
            color: #000;
            padding: 0;
            background-color: transparent;
            background-image: none;
         }
         #topNavigation ul.sf-menu li a > .sf-sub-indicator { display: none; top: 19px; }
            #topNavigation ul.sf-menu li li span { 
               display: block;
               padding: 8px 6px; 
            }
         #topNavigation ul.sf-menu li.sfHover li:hover,
         #topNavigation ul.sf-menu li li a:hover,
         #topNavigation ul.sf-menu li.selected li a:hover,
         #topNavigation ul.sf-menu li.sfHover li:focus,
         #topNavigation ul.sf-menu li li a:focus,
         #topNavigation ul.sf-menu li.selected li a:focus { 
            color: #FFF;
            background-color: #849364;
         }
            #topNavigation ul.sf-menu li.selected li a,
            #topNavigation ul.sf-menu li.selected li a { 
               padding-right: 0;
                background-image: none;
            }
            #topNavigation ul.sf-menu li li a > .sf-sub-indicator { display: block; top: 10px; padding: 0; }

#topNavigation ul.sf-menu .sf-sub-indicator { display: hidden; }
/* @end topNavigationHover **/
/* @end topNavigation **/
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #000; }
#formContent input.submit {
   background-color: #000;
   border: 1px solid #000;
   border-left-color: #333;
   border-top-color: #333;
   color: #FFF;
}
/* @end formContent **/

form div.input label {
   clear: left;
   float: left;
   padding-right: .8em;
   text-align: right;
   width: 9em;
}

/** Class Styles
-------------------------- **/
.hidden, .printOnly, #company_details #company_info #vcard .seperator { display: none; }

.content {
   font-size: 1.25em;
   line-height: 1.5em;
}

.logo { border: 0px solid #CECECE; }

.focus_image .img-shadow {
   float:left;
   background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
   margin: 10px 0 0 10px !important;
   margin: 10px 0 0 5px;
   position: relative;
   z-index: 3;
}
   .focus_image .img-shadow img {
      display: block;
      position: relative;
      background-color: #fff;
      border: 1px solid #a9a9a9;
      margin: -6px 6px 6px -6px;
      padding: 4px;
   }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}
#img_descr {
    position: absolute;
    top: 10px;
    left: 0px;
    color: white;
    font-size: 1.6em;
    font-family:Georgia;
    padding-left: 40px;
}
#img_descr a {
    color: #FFF;
}
#img_descr h2 {
    color: #FFF;
}
#img_descr h3 {
    line-height: 1em;
    margin: 15px 0px;
    color: #FFF;
    font-size: 1.3em;
}
.form_error {
    color: red;
    display: block;
    padding: 2px 10px;
    border: 1px solid red;
    background-color: #FFC;
}
#success {
    margin: 20px 0px;
    padding: 2px 10px;
    color: #363;
    border: 1px solid #363;
    background-color: #FFC;    
}