/*
-----------------------------------------------
Stylesheet: out.land.ish
Media: Screen
Style Partial: Navigation
Author: Chris Abad
----------------------------------------------- */

  #navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    }
  
  #navigation li {
    float: left;
    margin: 0;
    padding: 0;
    }
  
  #navigation li a {
    background-color: #005580;
    color: #B3E6FF;
    display: block;
    margin: 0 5px 0 0;
    padding: 5px 10px;
    text-decoration: none;
    }
  
  #navigation li a.active,
  #navigation li a.active:hover {
    background-color: #FFF;
    color: #005580;
    }
  
  #navigation li a.active.tertiary,
  #navigation li a.active.tertiary:hover {
    background-color: #F2F2F2;
    }
  
  #navigation li a:hover {
    background-color: #0077B3;
    }
  
  .sub_navigation {
    font-size: 85%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    }
  
  .sub_navigation#left {
    left: 0;
    }
  
  .sub_navigation#right {
    right: 0;
    }
  
  .sub_navigation li {
    float: left;
    margin: 0;
    padding: 0;
    }
  
  .sub_navigation li a {
    border-right: 1px solid #E6F7FF;
    color: #E6F7FF;
    padding: 0 5px;
    text-decoration: none;
    }
  
  .sub_navigation li a:hover {
    text-decoration: underline;
    }
    
  .sub_navigation li.last a {
    border-right: 0;
    }

/* Sidebar
----------------------------------------------- */
  
  #ter_navigation {
    font-size: 90%;
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0;
    }
  
  #ter_navigation li {
    border-bottom: 1px solid #EFEFEF;
    margin: 0;
    padding: 0;
    }  
  
  #ter_navigation li a {
    background-image: url("/images/arrow.gif");
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #999;
    display: block;
    margin: 0;
    padding: 10px 10px 10px 25px;
    text-decoration: none;
    }
  
  #ter_navigation li a:hover {
    background-color: #E6F7FF;
    }
  
  #ter_navigation li .active {
    color: #00334D;
    font-weight: bold;
    font-size: 120%;
    }
  

/* Teriary Navigation
----------------------------------------------- */

  #tertiary_navigation {
    font-size: 90%;
    list-style: none;
    margin: 0 auto 0 auto;
    padding: 8px 0 18px 15px;
    width: 735px;
    }
  
  #tertiary_navigation #conversion_rate {
    float: right;
    font-weight: bold;
    margin: 0;
    }
  
  #tertiary_navigation li {
    float: left;
    margin-right: 15px;
    }
    
  #tertiary_navigation li a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 0px !important;
    height /**/: 20px; /* for IE5/Win only */
    padding: 20px 0 0 0;
    overflow: hidden;
    width: 0px;
    }
  
  #tertiary_navigation li a:hover {
    background-position: 0 -20px;
    }
  
  #tertiary_navigation li a.active,
  #tertiary_navigation li a.active:hover {
    background-position: 0 -40px;
    }
  
  #tertiary_navigation #invoices_button a {
    background-image: url("/images/buttons/invoices.png");
    width: 66px;
    }
    
  #tertiary_navigation #billing_info_button a {
    background-image: url("/images/buttons/billing_info.png");
    width: 84px;
    }
  
  #tertiary_navigation #leads_button a {
    background-image: url("/images/buttons/leads.png");
    width: 51px;
    }
  
  #tertiary_navigation #settings_button a {
    background-image: url("/images/buttons/settings.png");
    width: 67px;
    }
  
  #tertiary_navigation #visits_button a {
    background-image: url("/images/buttons/visits.png");
    width: 50px;
    }
  
  
  #tertiary_navigation_container {
    background-color: #F2F2F2;
    background-image: url("/images/bg_tertiary_navigation.png");
    background-position: bottom;
    background-repeat: repeat-x;
    }