/* CSS Document */
/* mainNav elements */

/* nav placement and background */
#cssNav {
	z-index:500;
	position:relative;
	top:0px;
	left:-1px;
	width:210px;
	margin:18px 0 0 0;
	padding:0;
}
#cssNav #navUL{	
	position:relative;
	top:0px;
	left:0px;
	}

/* all ul items */
#cssNav ul{
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
/* all li items */
#cssNav ul li{
	z-index:501;
	position:relative;
	top:0px;
	left:0px;
	width:100px;
	height:16px;
	font-size:8px;
	text-align:left;
	letter-spacing:1px;
}

/* all li link options */	
#cssNav ul li a{
	display:block;
	color:rgb(255,255,255);
	text-decoration:none;
	position:relative;
	top:0px;
	left:0px;
	outline:none !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	}

/* all li first level options */
#cssNav ul li.mainDD{
	height:16px;
	width:100px;	
	}
	

/* specific link options for first level links           */
/* make sure to subtrack top padding from overall height */
#cssNav ul li.mainDD a{
	display:block;
	padding:0 0 0 0;
	height:16px;
	}

/*set rollover for first level links */
#cssNav ul li a:hover{
	color:rgb(255,255,255) !important;
	text-decoration:underline;
	}
	
/* hide the second-level lists */
#cssNav ul li ul#workSubDD,
#cssNav ul li ul#peopleSubDD,
#cssNav ul li ul#aboutSubDD,
#cssNav ul li ul#blogSubDD{ 
	z-index:502;
	/*display: none;*/
	visibility:hidden;
	position: absolute;
	top:0px;
	left:100px;
	width:100px !important;
}
/* start JL - 09.07.10 */
.work #cssNav ul li ul#workSubDD{
	visibility:visible !important;
}
.featured #cssNav ul li ul#workSubDD{
	visibility:visible !important;
}
.featured #workSubDD a.featured{
	text-decoration:underline;
}
.Archive #workSubDD a.archive{
	text-decoration:underline;
}
.Archive  #cssNav ul li ul#workSubDD{
	visibility:visible !important;
}
.work #workL, .featured #workL, .Archive #workL{
	text-decoration:underline;
}
.the-team #cssNav ul li ul#peopleSubDD{
	visibility:visible !important;
}
.the-team #peopleSubDD a.the-team{
	text-decoration:underline;
}
.leadership #cssNav ul li ul#peopleSubDD{
	visibility:visible !important;
}
.leadership #peopleSubDD a.leadership{
	text-decoration:underline;
}
.careers #cssNav ul li ul#peopleSubDD{
	visibility:visible !important;
}
.careers #peopleSubDD a.careers{
	text-decoration:underline;
}
.contact #cssNav ul li ul#peopleSubDD{
	visibility:visible !important;
}
.contact #peopleSubDD a.contact{
	text-decoration:underline;
}
.the-team #peopleL, .careers #peopleL, .contact #peopleL, .leadership #peopleL, .contact #peopleL{
	text-decoration:underline;
}

.we-believe #cssNav ul li ul#aboutSubDD{
	visibility:visible !important;
}
.we-believe #aboutSubDD a.we-believe{
	text-decoration:underline;
}
.history #cssNav ul li ul#aboutSubDD{
	visibility:visible !important;
}
.history #aboutSubDD a.history{
	text-decoration:underline;
}
.clients #cssNav ul li ul#aboutSubDD{
	visibility:visible !important;
}
.clients #aboutSubDD a.clients{
	text-decoration:underline;
}
.we-believe #aboutL, .history #aboutL, .clients #aboutL{
	text-decoration: underline;
}

.all #cssNav ul li ul#blogSubDD{
	visibility:visible !important;
}
.all #blogSubDD a.all{
	text-decoration:underline;
}
.narrative #cssNav ul li ul#blogSubDD{
	visibility:visible !important;
}
.narrative #blogSubDD a.narrative{
	text-decoration:underline;
}
.news #cssNav ul li ul#blogSubDD{
	visibility:visible !important;
}
.news #blogSubDD a.news{
	text-decoration:underline;
}
.all #blogL, .narrative #blogL, .news #blogL{
	text-decoration:underline;
}

/* end JL - 09.07.10 */

#cssNav ul li ul li.subLinks{
	width:100px !important;
	border-left:dotted 1px rgb(255,255,255);
	}

/* lists nested under hovered list items */
/* show the second-level lists */
#cssNav ul li:hover ul.subDD{ 
	z-index:2000;
	/*display: block !important;*/
	clear:both;
}
#cssNav ul li ul li{
	z-index:2001;
}

/* set options for second-level links */
#cssNav ul li ul li a,
#cssNav ul li:hover ul li a{
	/*display:block;*/
	text-align:left !important;
	text-indent:10px;
	position:absolute;
	left:0px;
	top:0px;
	padding:0 0 0 0 !important;
	height:16px !important;
	letter-spacing:normal;
	color:rgb(255,255,255) !important;
}

/* for dropdown list items */
#cssNav ul li:hover ul li a:hover{
	color:rgb(255,255,255) !important;
	text-decoration:underline;
}