/* Written by Steve Allday for Fat Media, 2008 */


/* User Customisation */


#nav {
	height: 53px;
	background: url(/images/navCorner.jpg) bottom left no-repeat;
	z-index:300;
}


	#nav span {
		display:none;
	}
	
	#nav li {
		float: left;
	}
	
	#nav li a {
		float: left;
		display: block;
		height: 42px;
		overflow: hidden;
	
		width: 180px;
		background-position: top left;
	}
	
#nav ul ul {
	
	
}

#nav ul ul li a{
text-decoration: none; 				/* Sub Menu Underline links */
color: #0096c9; 						/* Sub Menu Link colour */
			/* Sub Menu Containing box "normal" colour */
}

#nav ul ul li a:hover{
text-decoration: underline; 		/* Sub Menu Underline links on hover? */
color: #0096c9; 						/* Sub Menu Link "hover" colour */
			/* Sub Menu Containing box "hover" colour */
}

#nav ul ul li a {
height:22px; 						/* Height of sub-links */
}

#nav ul ul li{
					/* Width of drop downs menus */
}

#nav ul ul ul {
margin-top:-31px; 					/* Margin required to place sub-sub navigation at the top of its relative link... [Height + (Padding x 2) + border] */
margin-left:240px; 					/* Margin required to place sub-sub navigation to the right of its relative link... Should be the same as "Width for drop downs" */
}

/* User Customisation End */




/* Don't edit below here, thanks! */

#nav ul
{
position:absolute;
margin: 0;
padding: 0;
list-style-type: none;

z-index:300;
}
#nav ul li, #nav ul ul li { 
float:left;
z-index:300;
position:relative;
}
#nav ul ul {
	float:left;
	margin-top:42px;
	padding-left:16px;
	background:#f2f2f2 url(../images/drop-bottom.png) no-repeat bottom;
	width:190px;
	height:auto; 
	font-size:12px;
	z-index:300;
	position:absolute;
	top:0;
	left:0;
	
}
#nav ul ul li {
	
}
#nav ul ul ul {
display:none;
}
#nav ul ul ul li {
margin:0;
}
#nav ul li a, #nav ul li:hover ul li a, #nav ul ul li:hover ul li
{
display:block;
}
#nav ul ul li a, #nav ul ul ul li{
display: none;
}


	li#home a {
		background-image: url(/images/nav/home.jpg);
		background-repeat:no-repeat;
		width: 120px;
	}
	li#home-on a {
		background-image: url(/images/nav/home-on.jpg);
		background-repeat:no-repeat;
		width: 120px;
	}
	
	li#about {
		position:relative;
	}
	li#about a {
		background-image: url(/images/nav/about.jpg);
		background-repeat:no-repeat;
		width:103px;
	}
	li#about-on a {
		background-image: url(/images/nav/about-on.jpg);
		background-repeat:no-repeat;
		width:103px;
	}
	li#about ul a , li#about-on ul a{
		background-image:none;
		background-repeat:no-repeat;
	}
	li#about ul li a, li#about-on ul li a {
		color:#0096c9;
		padding:7px 0;
	}
	
	li#expertise a {
		background-image: url(/images/nav/expertise.jpg);
		background-repeat:no-repeat;
		width:103px;
	}
	
	li#expertise-on a {
		background-image: url(/images/nav/expertise-on.jpg);
		background-repeat:no-repeat;
		width:103px;
	}
	li#expertise ul a, li#expertise-on ul a {
		background-image:none;
		background-repeat:no-repeat;
		width:103px;
	}
	li#expertise ul li a, li#expertise-on ul li a {
		color:#0096c9;
		padding:7px 0;
		width:180px;
	}
	
	li#specialisms a {
		background-image: url(/images/nav/specialisms.jpg);
		background-repeat:no-repeat;
		width:103px;
	}
	
	li#specialisms-on a {
		background-image: url(/images/nav/specialisms-on.jpg);
		background-repeat:no-repeat;
		width:103px;
	}
	li#specialisms ul a, li#specialisms-on ul a {
		background-image:none;
		background-repeat:no-repeat;
		width:180px;
	}
	li#specialisms ul li a, li#specialisms-on ul li a {
		color:#0096c9;
		padding:7px 0;
	}
	
	li#clients a {
		background-image: url(/images/nav/clients.jpg);
		background-repeat:no-repeat;
		width:103px;
	}
	
	li#clients-on a {
		background-image: url(/images/nav/clients-on.jpg);
		background-repeat:no-repeat;
		width:103px;
	}
		li#clients ul a, li#clients-on ul a {
		background-image:none;
		background-repeat:no-repeat;
		width:180px;
	}
	li#clients ul li a, li#clients-on ul li a {
		color:#0096c9;
		padding:7px 0;
	}
	
	
	li#news a {
		background-image: url(/images/nav/news.jpg);
		background-repeat:no-repeat;
		width: 104px;
		width:103px;
	}
	
	li#news-on a {
		background-image: url(/images/nav/news-on.jpg);
		width: 104px;
		background-repeat:no-repeat;
		width:103px;
	}
		li#news ul a, li#news-on ul a  {
		background-image:none;
		background-repeat:no-repeat;
		width:180px;
	}
	li#news ul li a, li#news-on ul li a {
		color:#0096c9;
		padding:7px 0;
	}
	
	li#contact a {
		background-image: url(/images/nav/contact.jpg);
		background-repeat:no-repeat;
		width: 107px;
		
	}
	
	li#contact-on a {
		background-image: url(/images/nav/contact-on.jpg);
		background-repeat:no-repeat;
		width: 107px;
	}
		li#contact ul a, li#contact-on ul a {
		background-image:none;
		background-repeat:no-repeat;
		width:180px;
	}
	li#contact ul li a, li#contact-on ul li a {
		color:#0096c9;
		padding:7px 0;
	}