/*Navigation styles*/
#navigation{
	/*border:1px dashed blue;*/
	font-family:Helvetica, Arial, sans-serif;
	float:left;
	width:265px;
	margin-top:10px;
	/*IE6 hides the bgimage of the first li a because the ul has a negative top margin. This won't harm other browsers.*/
	padding-top:20px;
}
#home #navigation{
	width:180px;
	margin-top:50px;
}
#navigation ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#navigation a{
	/*border:1px solid #999;*/
	display:block;
	/*width:115px;*/
	height:25px;
	color:#999;
	text-transform:uppercase;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
	margin-top:-16px;
	padding:15px 0 0 60px;
	background-color:transparent;
}
#navigation a:link, #navigation a:visited{
	color:#999;
}
#navigation a:hover, #navigation a:active{
	color:#333;
}
#navigation ul a#home{
	background:url(../images/purple-circle2.png) 5px 0px no-repeat;
}
#navigation ul a.Blink{
	background:url(../images/orange-circle2.png) -2px 0px no-repeat;
}
#navigation ul a.Who{
	background:url(../images/blue-circle2.png) 10px 0px no-repeat;
}
#navigation ul a.Work{
	background:url(../images/green-circle2.png) 3px 0px no-repeat;
}
#navigation ul a.News{
	background:url(../images/red-circle2.png) 10px 0px no-repeat;
}
#navigation ul a.Contact{
	background:url(../images/lime-circle2.png) 3px 0px no-repeat;
}
#navigation ul a.Team{
	background:url(../images/sage-circle2.png) 6px 0px no-repeat;
}
#navigation ul a.DesignLounge{
	background:url(../images/red-circle2.png) -2px 0px no-repeat;
}
/*Move position of bgimage up revealing larger disk*/
#navigation ul a#home:hover{
	background-position:5px -40px;
}
#navigation ul a.Blink:hover{
	background-position:-2px -40px;
}
#navigation ul a.Who:hover{
	background-position:10px -40px;
}
#navigation ul a.Work:hover{
	background-position:3px -40px;
}
#navigation ul a.News:hover{
	background-position:10px -40px;
}
#navigation ul a.Contact:hover{
	background-position:3px -40px;
}
#navigation ul a.Team:hover{
	background-position:6px -40px;
}
#navigation ul a.DesignLounge:hover{
	background-position:-2px -40px;
}
/*Eliminate inheritance for 2nd level navigation list*/
#navigation ul ul{
	/*border:1px dotted red;*/
	margin:-5px 0 25px 70px;
}
#navigation ul ul li{
	/*border:1px solid yellow;*/
	margin-bottom:5px;
	position:relative;
}
#navigation ul ul a{
	/*border:1px solid #999;*/
	display:inline;
	line-height:normal;
	background-color:#FFF;
	color:#999;
	margin:0;
	padding:0 5px 0 0;
	text-transform:lowercase;
}
#navigation ul ul ul{
/*	border:1px solid green;*/
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	margin-top:-0.5em;
	width:100px;
	padding:0 0 0 10px;
	margin-bottom:0;
	/*Small horizontal pointer from current_page_item to 3rd level*/
	background:#FFF url(../images/navigation-line-horiz.gif) 0 13px repeat-x;
}
#navigation ul ul ul li{
	/*position:static;*/
	margin:0;
	padding:0;
}
#navigation ul ul ul a{
/*	background-color:orange;*/
	border-left:1px solid #999;
	display:block;
	width:95px;
	height:auto;
	padding:3px 0 3px 5px;
}
/*4th level navigation is little orange circles below the picture only*/
#navigation ul ul ul ul{
	display:block;
	width:450px;
	border:none;
	position:absolute;
	left:35px;
	top:0;
	background:transparent url(../images/4th-level-text.gif) 222px 0 no-repeat;
	height:35px;
	padding:12px 0 0 0;
}
#navigation ul ul ul ul li{
	/*border:1px solid red;*/
	margin:0;
	padding:0;
	height:30px;
	width:30px;
	float:right;
}
#navigation ul ul ul ul a{
	text-indent:-5000px;
	/*border:1px solid green;*/
	border:none;
	height:30px;
	width:30px;
	float:right;
	padding:0;
	background:transparent url(../images/small-orange-circle.png) top left no-repeat;
}
#navigation ul ul ul ul a:hover{
	background-position:0 -30px;
}
#navigation ul ul ul ul li.current_page_item a{
	background-position:0 -60px;
}
/*Wayfinding - the current page link or any of its ancestors are always darker in colour - the CSS is bananas*/
/*1st level*/
#navigation ul li.current_page_item a:link,
#navigation ul li.current_page_item a:visited,
#navigation ul li.current_page_ancestor a:link,
#navigation ul li.current_page_ancestor a:visited{
	color:#333;
}
/*2nd level*/
#navigation ul li.current_page_item ul li a:link,
#navigation ul li.current_page_item ul li a:visited,
#navigation ul li.current_page_ancestor ul li a:link,
#navigation ul li.current_page_ancestor ul li a:visited
{
	color:#999;
}
#navigation ul li.current_page_item ul li a:hover,
#navigation ul li.current_page_ancestor ul li a:hover{
	color:#333;
}
#navigation ul li ul li.current_page_item a:link,
#navigation ul li ul li.current_page_item a:visited,
#navigation ul li ul li.current_page_ancestor a:link,
#navigation ul li ul li.current_page_ancestor a:visited{
	color:#333;
}

/*3rd level*/
#navigation ul li.current_page_ancestor ul li ul li a:link,
#navigation ul li.current_page_ancestor ul li ul li a:visited{
	color:#999;
}
#navigation ul li.current_page_ancestor ul li ul li a:hover{
	color:#333;
}
#navigation ul li ul li ul li.current_page_item a:link,
#navigation ul li ul li ul li.current_page_item a:visited{
	color:#333;
}
/*For when 4th level page is current_page_item*/
#navigation ul li ul li ul li.current_page_ancestor a:link,
#navigation ul li ul li ul li.current_page_ancestor a:visited{
	color:#333;
}
/*End wayfinding*/