﻿/*

NAVIGATION

.nav_tier1 : Home, Who we are, Our clients, What we do, How we can help, &c.
.nav_tier2 : Our company, Our people, Offices, &c.
.nav_tier3 : Overview, 7 Steps to CRM Success, Configured to your Organisation, 'Thin Ascent', &c.
.nav_breadcrumb : Breadcrumb navigation

 */



.nav_tier1_whatwedo_on { width: 106px; height: 28px; float:left; margin-left:6px; margin-right:6px;}
.nav_tier1_whatwedo_on a { display: block; width: 106px; height: 28px; background: url(../nav/tier1_whatwedo_on.png) no-repeat top left;}
.nav_tier1_whatwedo_on a:hover { background-position: bottom left;}

.nav_tier1_whatwedo { width: 82px; height: 28px; float:left; margin-left:18px; margin-right:18px;}
.nav_tier1_whatwedo a { display: block; width: 82px; height: 28px; background: url(../nav/tier1_whatwedo.png) no-repeat top left;}
.nav_tier1_whatwedo a:hover { background-position: bottom left;}

.nav_tier1_ourclients_on { width: 99px; height: 28px; float:left; margin-left:6px; margin-right:6px;}
.nav_tier1_ourclients_on a { display: block; width: 99px; height: 28px; background: url(../nav/tier1_ourclients_on.png) no-repeat top left;}
.nav_tier1_ourclients_on a:hover { background-position: bottom left;}

.nav_tier1_ourclients { width: 75px; height: 28px; float:left; margin-left:18px; margin-right:18px;}
.nav_tier1_ourclients a { display: block; width: 75px; height: 28px; background: url(../nav/tier1_ourclients.png) no-repeat top left;}
.nav_tier1_ourclients a:hover { background-position: bottom left;}

.nav_tier1_crm_on { width: 60px; height: 28px; float:left; margin-left:6px; margin-right:6px;}
.nav_tier1_crm_on a { display: block; width: 60px; height: 28px; background: url(../nav/tier1_crm_on.png) no-repeat top left;}
.nav_tier1_crm_on a:hover { background-position: bottom left;}

.nav_tier1_crm { width: 36px; height: 28px; float:left; margin-left:18px; margin-right:18px;}
.nav_tier1_crm a { display: block; width: 36px; height: 28px; background: url(../nav/tier1_crm.png) no-repeat top left;}
.nav_tier1_crm a:hover { background-position: bottom left;}


.nav_tier1_home_on { width: 66px; height: 28px; float:left; margin-left:6px; margin-right:6px;}
.nav_tier1_home_on a { display: block; width: 66px; height: 28px; background: url(../nav/tier1_home_on.png) no-repeat top left;}
.nav_tier1_home_on a:hover { background-position: bottom left;}

.nav_tier1_home { width: 42px; height: 28px; float:left; margin-left:18px; margin-right:18px;}
.nav_tier1_home a { display: block; width: 42px; height: 28px; background: url(../nav/tier1_home.png) no-repeat top left;}
.nav_tier1_home a:hover { background-position: bottom left;}

.nav_tier1_contactus_on { width: 96px; height: 28px; float:left; margin-left:6px; margin-right:6px;}
.nav_tier1_contactus_on a { display: block; width: 96px; height: 28px; background: url(../nav/tier1_contactus_on.png) no-repeat top left;}
.nav_tier1_contactus_on a:hover { background-position: bottom left;}

.nav_tier1_contactus { width: 72px; height: 28px; float:left; margin-left:18px; margin-right:18px;}
.nav_tier1_contactus a { display: block; width: 72px; height: 28px; background: url(../nav/tier1_contactus.png) no-repeat top left;}
.nav_tier1_contactus a:hover { background-position: bottom left;}


.nav_tier1_quehacemos { width: 103px; height: 28px; float:left; margin-left:18px; margin-right:18px;}
.nav_tier1_quehacemos a { display: block; width: 103px; height: 28px; background: url(../nav/tier1_quehacemos.png) no-repeat top left;}
.nav_tier1_quehacemos a:hover { background-position: bottom left;}

.nav_tier1_quehacemos_on { width: 127px; height: 28px; float:left; margin-left:6px; margin-right:6px;}
.nav_tier1_quehacemos_on a { display: block; width: 127px; height: 28px; background: url(../nav/tier1_quehacemos_on.png) no-repeat top left;}
.nav_tier1_quehacemos_on a:hover { background-position: bottom left;}

.nav_tier1_loquehacemos { width: 108px; height: 28px; float:left; margin-left:18px; margin-right:18px;}
.nav_tier1_loquehacemos a { display: block; width: 108px; height: 28px; background: url(../nav/tier1_loquehacemos.png) no-repeat top left;}
.nav_tier1_loquehacemos a:hover { background-position: bottom left;}

.nav_tier1_loquehacemos_on { width: 132px; height: 28px; float:left; margin-left:6px; margin-right:6px;}
.nav_tier1_loquehacemos_on a { display: block; width: 132px; height: 28px; background: url(../nav/tier1_loquehacemos_on.png) no-repeat top left;}
.nav_tier1_loquehacemos_on a:hover { background-position: bottom left;}

.nav_tier1_nuestrosclientes { width: 117px; height: 28px; float:left; margin-left:18px; margin-right:18px;}
.nav_tier1_nuestrosclientes a { display: block; width: 117px; height: 28px; background: url(../nav/tier1_nuestrosclientes.png) no-repeat top left;}
.nav_tier1_nuestrosclientes a:hover { background-position: bottom left;}

.nav_tier1_nuestrosclientes_on { width: 141px; height: 28px; float:left; margin-left:6px; margin-right:6px;}
.nav_tier1_nuestrosclientes_on a { display: block; width: 141px; height: 28px; background: url(../nav/tier1_nuestrosclientes_on.png) no-repeat top left;}
.nav_tier1_nuestrosclientes_on a:hover { background-position: bottom left;}

.nav_tier1_contacto { width: 61px; height: 28px; float:left; margin-left:18px; margin-right:18px;}
.nav_tier1_contacto a { display: block; width: 61px; height: 28px; background: url(../nav/tier1_contacto.png) no-repeat top left;}
.nav_tier1_contacto a:hover { background-position: bottom left;}

.nav_tier1_contacto_on { width: 85px; height: 28px; float:left; margin-left:6px; margin-right:6px;}
.nav_tier1_contacto_on a { display: block; width: 85px; height: 28px; background: url(../nav/tier1_contacto_on.png) no-repeat top left;}
.nav_tier1_contacto_on a:hover { background-position: bottom left;}



.nav_tier1_wrapper {background-image: url(../nav/tier1_spacer.png); height: 28px; padding-bottom: 1px; background-repeat: repeat-x;}

.nav_tier2_wrapper {background-image: url(../nav/tier2_spacer.png);}

.nav_tier2_menuitem {vertical-align: text-bottom; line-height:1.2em; font-size: 0.7em; color:#303030; text-decoration:none;}
.nav_tier2_menuitem a:hover {color: #808080;}

.nav_tier2_selected {font-size: 0.7em;color: #808080;text-decoration: none;}
.nav_tier2_selected a:hover {color: #808080;}

.nav_tier3_wrapper {margin-top:25px; margin-bottom:10px}

.nav_tier3_menuitem {vertical-align: text-bottom; line-height:1.2em; font-size: 0.65em; color:#B1B1B1; text-decoration:none;}
.nav_tier3_menuitem a:hover {color: #0088CC;}

.nav_tier3_selected {color: #1F1F1F; font-weight:500;}
.nav_tier3_selected a:hover {color: #1F1F1F; cursor:default;}

.nav_sidebar_menuitem {padding-bottom:6px; display:block; padding-top: 6px;border-bottom: dotted 1px silver;vertical-align: middle;line-height: 1.3em;font-size: 0.7em; text-indent:-12px; padding-left:12px}

.nav_sidebar_menuitem a {color: #6F6F6F; text-decoration: none;}
.nav_sidebar_menuitem a:hover {color:#0088CC; }

.nav_sidebar_selected
{

    padding-top: 7px;
    padding-bottom:7px;
    border-bottom: dotted 1px silver;
    vertical-align: middle;
    line-height: 1.3em;
    font-size: 0.7em;
    background-color: #EEEEEE;
    font-weight:bold;
    text-indent:-12px; padding-left:12px
}

.nav_sidebar_selected a {color: #6F6F6F; text-decoration: none;}
.nav_sidebar_selected a:hover 
{
    text-decoration:underline;
   
}

.nav_sidebar_topitem {text-indent:-12px; padding-left:12px; padding-bottom:10px; height:auto; font-size:0.8em; font-weight:bold; border-bottom: dotted 1px silver;vertical-align: middle;line-height: 1.3em; color:#414141}
.nav_sidebar_topitem a {color:#414141; text-decoration:none}
.nav_sidebar_topitem a:hover {color:#0088CC;}


.nav_breadcrumb_container {font-size: 0.75em; line-height: 1.4em; border-top:dotted 1px #dcdcdc; border-bottom:dotted 1px #dcdcdc; padding-top:5px; padding-bottom: 5px;}

.nav_breadcrumb_node {text-decoration:none; color:#414141}
.nav_breadcrumb_node a {color:#0088CC}

.nav_bottom_container {padding-top:5px; padding-bottom:5px; margin-top:5px; margin-bottom:5px;}
.nav_bottom_menuitem {line-height:1.2em; font-size: 0.75em; color:#B1B1B1; text-decoration:none;}