/* CSS Document */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#nav {
text-align: left;
float: left;
clear: none;
position: relative;
z-index: 100;
}

/* NAV-MAIN
----------------------------------------------------------------------------- */
#nav-main {
    z-index: 100; 
	top: 0; 
	left: 0;
	float: left;
	clear: none;
	}
#nav-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	}
#nav-main ul li {
	float: left;
	margin: 0;
	color: #FFFFFF;
	}
#nav-main ul li a {
	display: block;
	height: 76px;
	text-indent: -3000px;
	text-decoration: none; 
	}
#nav-link-what-we-do { background: url(what-we-do.gif) left top no-repeat; width: 101px; }
#nav-link-who-weve-helped { background: url(who-weve-helped.gif) left top no-repeat; width: 128px; }
#nav-link-news-and-views { background: url(news-and-views.gif) left top no-repeat; width: 118px; }
#nav-link-who-we-are { background: url(who-we-are.gif) left top no-repeat; width: 94px; }

/* hover state */
#nav-main ul li.hover a,
#nav-main ul li:hover a,
#nav-main ul li a.hover, 
#nav-main ul li a:hover {
	background-position: 0 -76px;
	}
#nav-main ul li a.active,
#nav-main ul li a.active.hover, 
#nav-main ul li a.active:hover {
	background-position: 0 -152px;
	}
#nav-main ul li ul {
	background-color: #6699d1;
}

#nav-main ul li.hover ul,
#nav-main ul li:hover ul {
display:list-item;
	}
#nav-main ul li ul li {
	float: none;
	margin: 0;
	padding: 0; 
	border-top: 1px solid #FFF;
	}
#nav-main ul li ul li.last-child {
	background-image: none; 
	}
#nav-main ul li ul li a {
	position: relative;
	left: 0;
	height: 30px;
	text-indent: 0;
	line-height: 31px;
	vertical-align: middle;
	padding-left: 10px; 
	color: #FFFFFF;
	}
#nav-main ul li ul li a.hover, 
#nav-main ul li ul li a:hover {
	color: #FFF;
	background-color:#2f5580;
	}

/* NAV-SUB
-------------------------------------------------------------------- */
#nav-sub ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav-sub ul li {
	}
#nav-sub ul li a { 
	color: #2f5580;
	font-size: 0.91em; 
	border-bottom: 1px solid #E4E0DB; 
	}
#nav-sub ul li a:hover {
	color: #B3533A; 
	}
#nav-sub ul li.active a {
	color: #B3533A; 
	font-weight: bold; 
	}
#nav-sub ul li.open a {
	font-weight: bold; 
	color: #B3533A; 
	}
#nav-sub ul ul {
	margin: 0 0 0 50px;
	}
#nav-sub ul li ul li {
	padding: 2px 2px 2px 0;
	}
#nav-sub ul li ul li a {
	padding: 2px 6px 2px 0px;
	color: #2F2C29;
	font-size: 0.91em; 
	border-bottom: 1px solid #E4E0DB; 
	}
#nav-sub ul li ul li a,
#nav-sub ul li.open ul li a, 
#nav-sub ul li.active ul li a {
	font-weight: normal;
	color: #2F2C29;  
	}
#nav-sub ul li ul li a:hover, 
#nav-sub ul li.open ul li a:hover, 
#nav-sub ul li.active ul li a:hover {
	color: #B3533A;
	}
#nav-sub ul li ul li.active  a,
#nav-sub ul li.open ul li.active  a, 
#nav-sub ul li.active ul li.active  a {
	color: #B3533A; 
	font-weight: bold; 
	}
#nav-sub ul li li.last-child {
	border-bottom: none; 
	}
#nav-sub ul ul ul { 
	}
#nav-sub li.more ul,
#nav-sub li li.more ul,
#nav-sub li li li.more ul {
	}
#nav-sub li.active ul,
#nav-sub li.open ul,
#nav-sub li li.active ul,
#nav-sub li li.open ul,
#nav-sub li li li.active ul,
#nav-sub li li li.open ul {
	display: block;
	}
#nav-sub li.open a, 
#nav-sub li li.open a,
#nav-sub li li li.open a {
	}
#nav-sub li.open * a,
#nav-sub li li.open * a,
#nav-sub li li li.open * a {
	background-color: transparent;
	}
#nav-sub li.active a,
#nav-sub li li.active a,
#nav-sub li li li.active a {
	font-weight: normal;
	}
#nav-sub li.active * a,
#nav-sub li li.active * a,
#nav-sub li li li.active * a { 
	font-weight: normal;
	}

<!-- Nav -->
#nav, #nav ul {
	float: left;
	list-style: none;
	background: white;
	font-weight: bold;
	padding: 0;
}

#nav a {
}

#nav a.daddy {
	background-color: red;
}

#nav li {
	float: left;
	clear: none;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#nav li li {
	padding-right: 1em;
	height: 30px;
}

#nav li ul a {
}

#nav li ul ul {
	margin: -31px 0 0 225px;
	width: 180px;
	background-color: #6699d1;
	color: #FFFFFF;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
}

/* NAV-RIGHT
----------------------------------------------------------------------------- */
#nav-right {
    z-index: 300;
	left: 0;
	width: 73px;
	float: left;
	clear: none;
	}
	
#nav-right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 22px;
	}
	
#nav-right ul li {
	float: left;
	margin: 0;
	color: #FFFFFF;
	}

#nav-right ul li a {
	display: block;
	height: 15px;
	text-indent: -3000px;
	text-decoration: none; 
	}
	
#nav-right ul li a {
	display: block;
	height: 15px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0px; 
	}

#nav-link-client-login {
	background: url(rightnav/client-login.gif) left top no-repeat; 
	width: 95px;
}

#nav-link-tour-catalog {
	background: url(rightnav/tour-catalog.gif) left top no-repeat; 
	width: 95px;
}

#nav-link-sitemap {
	background: url(rightnav/sitemap.gif) left top no-repeat; 
	width: 57px;
}

#nav-link-contact-us {
	background: url(rightnav/contact-us.gif) left top no-repeat; 
	width: 95px;
}

/* hover state */
#nav-right ul li.hover a,
#nav-right ul li:hover a,
#nav-right ul li a.hover, 
#nav-right ul li a:hover {
	background-position: 0 -15px;
	}
#nav-right ul li a.active,
#nav-right ul li a.active.hover, 
#nav-right ul li a.active:hover {
	background-position: 0 -15px;
	}
#nav-right ul li ul {
	height: auto;
	background-color: #6699d1;
}

.arrow-rollover {
background-image: url(../../images/nav/arrows.gif);
}

.arrow-rollover a {
}

.arrow-rollover a.visited {
}

.arrow-rollover a.active {
}

.arrow-rollover a.hover {
background-color:#993300;
}

/* Main Nav Deal */
#boxNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	}
#boxNav ul li {
	float: left;
	margin: 0;
	color: #FFFFFF;
	}
#boxNav ul li a {
	display: block;
	height: 52px;
	text-indent: -3000px;
	text-decoration: none; 
	}
#billboard-link-one { background: url(homepage-billboard/customer-channel.jpg) left top no-repeat; width: 239px; }
#billboard-link-two { background: url(homepage-billboard/channel-incentive.jpg) left top no-repeat; width: 239px; }
#billboard-link-three { background: url(homepage-billboard/sales-force.jpg) left top no-repeat; width: 239px; }
#billboard-link-four { background: url(homepage-billboard/employee.jpg) left top no-repeat; width: 239px; }

/* hover state */
#billboard-menu ul li.hover a,
#billboard-menu ul li:hover a,
#billboard-menu ul li a.hover, 
#billboard-menu ul li a:hover {
	background-position: 0 -52px;
	}
#billboard-menu ul li a.active,
#billboard-menu ul li a.active.hover, 
#billboard-menu ul li a.active:hover {
	background-position: 0 -104px;
	}