﻿
/* HEADER STYLES */
div#header
{
    background-image:url('/media/images/backgrounds/background_header.gif');
    background-repeat:no-repeat;
    background-position:top left;
    padding:22px 0 0 0;
}
div#header a img
{
    float:left;
    margin:0 0 0 22px;
}
div#header strong
{
    font-size:1.91em;
    font-weight:normal;
    margin:0 0 0 10px;
}
/* END HEADER STYLES */

/* NAVIGATION STYLES */
div#header ul
{
    background-color:#363a49;
    background-image:url('/media/images/navigation/navigation_button_off.gif');
    background-position:top;
    background-repeat:repeat-x;
    list-style-type:none;
    margin:0;
    padding:0;
    float:left;
    width:977px;
    display:block;
    border-left:1px solid #f2f2f2;
    border-right:1px solid #f2f2f2;
    clear:both;
}
div#header ul li
{
    float:left;
}

div#header ul li a
{
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
    padding:9px 22px 9px 43px;
    float:left;
    border-right:1px solid #ffffff;   
    background-repeat:no-repeat; 
    background-position:left;    
}
div#header ul li a:hover
{
    background-color:#407190;
}
div#header ul li a.last
{
    border:0;
    padding:9px 15px 9px 49px;
}

div#header ul li.active a
{
    background-color:#407190;
    background-repeat:no-repeat; 
    background-position:left;
}

div#header div#navigation_clear
{
    width:100%;
    clear:both;
    display:block;
    background-image:url('/media/images/navigation/navigation_footer.gif');
    background-position:top;
    background-repeat:no-repeat;
    height:8px;
    margin:0 0 13px 0;
}

/* NAVIGATION IMAGES */
div#header ul li a.nav-home
{
    min-width:38px; 
    background-image:url('/media/images/navigation/icons/btn_home.gif');
}
div#header ul li.active a.nav-home, 
div#header ul li a.nav-home:hover
{
    background-image:url('/media/images/navigation/icons/btn_home_active.gif');
}

div#header ul li a.nav-about
{
    min-width:0px; 
    background-image:url('/media/images/navigation/icons/btn_about.gif');
}
div#header ul li a.nav-about:hover,
div#header ul li.active a.nav-about
{
    background-image:url('/media/images/navigation/icons/btn_about_active.gif');
}

div#header ul li a.nav-drivers
{
    min-width:44px; 
    background-image:url('/media/images/navigation/icons/btn_drivers.gif');
}
div#header ul li a.nav-drivers:hover,
div#header ul li.active a.nav-drivers
{
    background-image:url('/media/images/navigation/icons/btn_drivers_active.gif');
}

div#header ul li a.nav-engineers
{
    min-width:114px; 
    background-image:url('/media/images/navigation/icons/btn_engineers.gif');
}
div#header ul li a.nav-engineers:hover,
div#header ul li.active a.nav-engineers
{
    background-image:url('/media/images/navigation/icons/btn_engineers_active.gif');
}

div#header ul li a.nav-customer
{
    min-width:113px; 
    background-image:url('/media/images/navigation/icons/btn_customer_service.gif');
}
div#header ul li a.nav-customer:hover,
div#header ul li.active a.nav-customer
{
    background-image:url('/media/images/navigation/icons/btn_customer_service_active.gif');
}

div#header ul li a.nav-office
{
    min-width:79px; 
    background-image:url('/media/images/navigation/icons/btn_office_based.gif');
}
div#header ul li a.nav-office:hover,
div#header ul li.active a.nav-office
{
    background-image:url('/media/images/navigation/icons/btn_office_based_active.gif');
}

div#header ul li a.nav-search
{
    min-width:50px; 
    background-image:url('/media/images/navigation/icons/btn_job_search.gif');
}
div#header ul li a.nav-search:hover,
div#header ul li.active a.nav-search
{
    background-image:url('/media/images/navigation/icons/btn_job_search_active.gif');
}

/* ADMIN NAVIGATION STYLES */
div#header ul.admin li a
{
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
    padding:9px 22px 9px 22px;
    float:left;
    border-right:1px solid #ffffff;
}
div#header ul.admin li.logout
{
    float:right;
}
div#header ul.admin li.logout a
{
    border:0; 
    border-left:1px solid white;
}
/* END ADMIN NAVIGATION STYLES */

/* END NAVIGATION STYLES */