/*
  BlackRiver Asset Management
  Website Color Palette

  Hex     Name      Primary Use
  -----------------------------------------------
  #669fad   Blue      links
  #bcbcbc   Grey      body copy       
  #cf7a17   Orange      headlines
  

  Hacks
  -----------------------------------------------
  List out any hacks (including URLS)
  
  *property:    http://www.webdevout.net/css-hacks#unrecommended-asterisk_prefix
  _property:    ""

*/  
  

/*------------------------------------------------------------------------------
  Basic Styles 
------------------------------------------------------------------------------*/  
  
  body {
    margin: 0; padding: 0;
    color: #bcbcbc;
    background: #000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    text-align: center;
    line-height: 150%;
  }

  p{ margin: 0 0 15px 0; }
  img{ display: block; border: 0; }
  td{ vertical-align: top; }
  
  h1{ margin: 0; font-weight: normal; line-height: 120%; }
  
  h2{ 
    color: #cf7a17;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 25px -60px;
  }
  
  h3, .h3_grey{ 
    color: #cf7a17;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 10px 0;
  }

  h4{ 
    color: #fff;
    font-size: 11px; 
    margin: 25px 0 2px 0;
  }
  



/*------------------------------------------------------------------------------
  navigation
------------------------------------------------------------------------------*/  

  a{
    text-decoration: none;
    color: #669fad;
  }

  a:hover{
    text-decoration: none;
    color: #fff;
  }

  #nav_main{
    position: absolute;
    margin-top: 95px;
    left: -18px;
  }

    #nav_main ul, #nav_secondary ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
  
    #nav_main li, #nav_secondary li {
      display: block;
      list-style: none;
      float: left;
      margin: 0; padding: 0;
    }
  
    #nav_main a, #nav_secondary a {
      display: block;
      overflow: hidden;
      height: 0px !important;
      height /**/: 23px; /*For IE5 Win */
      padding: 23px 0 0 0;
    }
  
      #nav_main a:hover, #nav_secondary a:hover, #nav_main .active a, #nav_secondary .active a{
        background-position: 0 -23px;
      }
    
      #nav1 a{ width: 44px;   background: url('../shared/nav_home.gif') top left no-repeat; }
      #nav2 a{ width: 75px;   background: url('../shared/nav_about_us.gif') top left no-repeat; }
      #nav3 a{ width: 88px;   background: url('../shared/nav_leadership.gif') top left no-repeat; } 
      #nav4 a{ width: 158px;  background: url('../shared/nav_investment_strategy.gif') top left no-repeat; }  
      #nav5 a{ width: 70px;   background: url('../shared/nav_careers.gif') top left no-repeat; }  
      #nav6 a{ width: 85px;   background: url('../shared/nav_contact_us.gif') top left no-repeat; } 




  #nav_secondary{
    position: absolute;
    width: 587px;
    height: 81px;
    background: url('../shared/back_subnav.gif') top left no-repeat;
    top: 280px;
    *top: 292px;
  }

    #nav_secondary li{
      margin-top: 30px;
    }

  
    #about_subnav1 a{ width: 162px; background: url('../subnav/the_cargill_connection.gif') top left no-repeat; }
    #about_subnav2 a{ width: 122px; background: url('../subnav/global_presence.gif') top left no-repeat; }
    #about_subnav3 a{ width: 105px; background: url('../subnav/for_the_media.gif') top left no-repeat; }

    #team_subnav1 a{ width: 169px; background: url('../subnav/senior_management_team.gif') top left no-repeat; }

/*------------------------------------------------------------------------------
  Layout
------------------------------------------------------------------------------*/  

  #wrapper{
    margin:0px auto;
    text-align: left;
    width: 970px;
  }


  #header{
    position: relative;
    height: 125px;
  }
  
    #header #logo{
      position: absolute;
      bottom: 10px;
      right: 0px;
    }
    
    #print_logo{ display: none; }
  
    .pHD{
      _margin-left: -3px; 
    }


  #page_intro{
    border: 10px solid #606060;
    height: 137px;
    margin-bottom: 10px;
    background: url('../header_graphics/back_header.jpg') top right no-repeat;
  }
  
    
  /*--------------------------------
    headers
  ----------------------------------*/  
  
    #page_intro h1{
      display: block;
      width: 373px;
      height: 137px;
      float: right;
    }
    
    #page_intro h1#h_about_us{ background: url('../header_graphics/about_us.gif'); }
    #page_intro h1#h_global_presence{ background: url('../header_graphics/global_presence.gif'); }
    #page_intro h1#h_cargill_connection{ background: url('../header_graphics/cargill_connection.gif'); }
    #page_intro h1#h_careers{ background: url('../header_graphics/careers.gif'); }
    #page_intro h1#h_contact_us{ background: url('../header_graphics/contact_us.gif'); }
    #page_intro h1#h_investment_strategies{ background: url('../header_graphics/investment_strategies.gif'); }
    #page_intro h1#h_leadership{ background: url('../header_graphics/leadership.gif'); }
    
    
    #page_intro h1 span{
      display: block;
      overflow: hidden;
      margin-left: -2000px;
    }
        

  #content_primary{
    width: 587px;
  }
    #content_primary .pad{
      padding: 125px 80px 40px 80px;
      _padding-top: 130px;
    }
    
    #content_primary .pR{
      padding-right: 80px;
    }
  
    #content_primary .pad_full{
      padding: 20px 80px 40px 20px;
      _padding-top: 130px;
      
      margin-top: 110px;
      _margin-top: 0;
    }
    
    #content_primary .pad_full h2{
      margin-left: 0;
    }
    
    .sub_pad{
      padding-left: 40px; _padding-left: 10px;
    }
  
  #content_secondary{
    text-align: left;
    float: right;
    width: 379px;
  }
    #content_secondary .pad{
      padding: 40px 25px 15px 15px;
      background: #202020 url('../shared/back_rightCol.gif') repeat-x;
    }
  


    #login{
      width: 379px;
      height: 81px;
      background: url('../shared/back_login.gif') top left repeat-x;
      font-size: 9px;
    }
    
      #login form{
        padding: 10px 10px 10px 15px;
      }
      
      #login .clearL{
        height: 4px;
        _height: auto;
      }

      
      #login .txt{
        width: 140px;
        float:left;
        margin-right: 5px;
      }
      
      #login .forgot{
        padding-right: 27px;
        float: right;
        *padding-top: 4px;
      }
      
      #login .rb{ margin-bottom: -2px; }
      #login .btn{ float:left; }


    .logged_in{
      padding: 15px 10px 10px 15px;
      line-height: 150%;
      font-size: 12px;
    }
      .logged_in .welcome{ color: #fff; }
      
      .logged_in img{
        display: inline;
      }
      
      .logged_in img.alert{
        padding-left: 20px;
      }
    
    
      .logged_in .login_nav {
        color: #669fad;
      }

        .logged_in .login_nav a{
          padding: 0px 3px;
        }
        
      

  #footer{
    clear: both;
    text-align: right;
    height: 66px;
    font-size: 10px;
    color: #999;
    background: url('../shared/dotted_horiz.gif') top left repeat-x;
  }
  
    #footer .pad{ padding: 25px; }



/*------------------------------------------------------------------------------
  Homepage - ID from class in body
------------------------------------------------------------------------------*/  

  #home #login{
    margin-left: -4px;
    width: 383px;
  }
  
    #home #login form{
      padding-left: 20px;
    }
  

  #home  #page_intro{
    height: 350px;
    margin-bottom: 25px;
  }
  
  #home #intro_copy{
    float: right;
    width: 368px;
    height: 350px;
    background: url('../home/back_header.jpg') no-repeat;
  }

    #home #intro_copy .pad{
      padding: 80px 25px 0 25px;
    }
    
  #home .hd{
    margin: 0 20px 25px 0;
  }

    #home #content_primary .hd{ float: left; }

  #home #content_primary{
    width: 575px;
  }

  #home #content_primary .pad{
    background: url('../shared/dotted_vert.gif') top left repeat-y;
    background-position: 570px;
    padding: 0 50px 0px 0px;
  }



  
/*------------------------------------------------------------------------------
  About Us
------------------------------------------------------------------------------*/  

  .max{
    margin-top: 5px;
    background: #19130c;
    color: #707070;
  }
  
    .max .pad2{
      background: none;
      margin: 0;
      padding: 20px 40px 10px 15px;
    }
    
    .max h4{
      font-size: 13px;
      font-weight: normal;
      color: #8f5f27;
      margin-top: 0;
    }
    
  .imgB{
    border: 5px solid #676767;
  }
  
  .map{
   background: url("../assets/shared/map_of_locations.gif");
   width: 291px;
   height: 129px;
  }
  
    .map a{
      display: block;
       background: url("../assets/shared/corner_plus.gif") no-repeat bottom right;
       width: 291px;
       height: 129px;
    }

  
  .col, .col2{
    float: left;
    width: 180px;
  }
  
    .col h4, .col2 h4{
      border-bottom: 1px solid #202020;
      margin-bottom: 10px;
    }
  
    .col p, .col2 p{
  
    }
  
    .col2{ width: 150px; }
  
  
  .footnote{
    padding-top: 20px;
    font-size: 10px;
    line-height: 130%;
  }


/*------------------------------------------------------------------------------
  Team
------------------------------------------------------------------------------*/  

  .team_member{
    clear: left;
    background: url('../shared/dotted_horiz.gif') repeat-x;
    padding: 20px 0 10px 0;
  }
  
    #jarrett{
      padding-top: 0;
      background: none;
    }
    
    .team_member h2{
      margin: 0 0 0 0;
    }
    
    .team_member img{
      float: left;
      border: 5px solid #a1a1a1;
    }
  
    .team_member div{
      float: left;
      width: 345px;
      margin-left: 15px;
      padding-bottom: 10px;
    }
  
  table.team{
    padding: 0;
    border: 0;
    border-collapse: collapse;
      border-spacing: 0;
  }

    table.team td, table.team th{
      padding: 5px 10px 5px 0;
      border: 0px;
    }
    
  
    table.team th{ color: #fff; border-bottom: 1px solid #303030; }
    table.team tr.alter td{ 
      border-top: 1px solid #303030;
      color: #fff;
    }

  
/*------------------------------------------------------------------------------
  Forms
------------------------------------------------------------------------------*/  
  
  form, fieldset {
    margin: 0;
    padding: 0;
  }
    
    form ol { margin: 0; padding: 0; }
    form ol li{ list-style: none; }
    input.txt{ background: #edead2; }
    input.txt:focus{ background: #fff;}
    
    input, textarea, select { margin: 0; color: #666; }
    input:sffocus, textarea:sffocus, select:sffocus { margin: 0; background: red; }
    
    
    form legend { font-weight: bold; padding: 0px 0 5px 0px; margin: 0; *margin-left: -7px; }
    form label { float: left; padding-right: 10px; *padding-top: 5px;}
    
    form fieldset {
      border: none;
    }
      form fieldset fieldset {
        width: 160px;
        float: left;
        display: inline;
        float: left;
        
      }
      
      form fieldset li {
        padding: 5px 0 5px 0;
      }

  
/*------------------------------------------------------------------------------
  Contact Us - form and layout
------------------------------------------------------------------------------*/  

  #verticalForm{
    padding-top: 11px;
    _padding-top: 5px;
    margin-top: -10px;
    clear: left;
  }

    #verticalForm input{ background: #edead2; }
    #verticalForm input:focus{ background: #fff;}

  
    #verticalForm fieldset{
      display: block;
      margin: 0 0 10px 0;
      padding: 0;
    }
  
    
    #verticalForm fieldset.radio label{
      font-weight: normal;
    }
    
    #verticalForm label{
      display: block;
      margin-bottom: 10px;
      font-weight: bold;
      padding: 0 5px 0 0;
    }
    
    #verticalForm label.first{
      padding-top: 10px;
    }
    
    #verticalForm select{
      display: block;
    }
    

    #verticalForm input{
      display: block;
      width: 168px;
      *width: 165px;
    }
  
      #verticalForm .full{ 
        width: 300px;
      }
      
      #verticalForm .short{
        width: 146px;
      }
      
      #verticalForm .tiny{
        width: 25px;
      }

  
    #verticalForm span{
      display: block;
    }
  
  
  #verticalForm .sel_radio{
    font-weight: normal;
  }
  
    #verticalForm .sel_radio input{
      width: auto;
      display: inline;
      margin-top: 5px;
      background: #202020;
    }
    
    #verticalForm .sel_radio label{
      font-weight: normal;
    }
    
    #verticalForm .sel_radio  .row{
      float: left;
      width: 150px;
      margin-top: -15px;
    }
  
  
  .location_info h4{
    color: #669fad;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  


  

/*------------------------------------------------------------------------------
  rollover img links
------------------------------------------------------------------------------*/  

  a.btn_learnMore{
    display: block;
    background: url('../home/learn_more.gif') top left repeat-y;
    width: 84px;
    height: 27px;
    text-indent: -200px;
    overflow: auto;
  }
  
  a:hover.btn_learnMore{
    background-position: 0 -20px;
  }


/*------------------------------------------------------------------------------
  Lists UL/OL
------------------------------------------------------------------------------*/  
  
  ul{ margin-left: 0; padding-left: 15px;}
  ul li{ margin-left: 0; padding-left: 0; font-style: italic; margin-bottom: 2px;}
  
  ol{ margin-left: 0; padding-left: 20px;}
  ol li{ margin-left: 0; padding-left: 0;}
  


/*------------------------------------------------------------------------------
  Misc
------------------------------------------------------------------------------*/  
  
  .clearB{ clear: both; }
  .clearR{ clear: right; }
  .clearL{ clear: left; }


  .rule{
    background: url('../shared/dotted_horiz.gif') top left repeat-x;
  }