/* ------ NOTES -----------------------------------------

Navigation stylesheet.

Version: 1.0
Author: Andy Beeching
email: andybeeching@gmail.com

--------- UPDATE INFO -----------------------------------
	
Last updated: 9th June 2008

------------------------------------------------------ */

/* Skip link nav */

ul#skip {
	position: absolute;
	top: -1000em;
}

/* -------------------------------------------------

Horizontal Primary Navigation

-------------------------------------------------*/

#navigation {
	text-transform: uppercase;
	overflow: hidden;
	width: 900px;
	font-size: .95em;
}

#navigation ul {
	margin: 0 0 0 -9px;
	border: 1px solid #444444;
	border-width: 1px 0;
	position: relative;
	height: 22px;
	background: url(img/ul.primaryNav.bg.png) no-repeat 10px top;
}

#navigation ul.portfolioNav {
	background: url(img/ul.portfolioNav.bg.png) no-repeat 10px top;
}

#navigation ul.aboutNav {
	background: url(img/ul.aboutNav.bg.png) no-repeat 10px top;
}

#navigation ul.planningNav {
	background: url(img/ul.planningNav.bg.png) no-repeat 10px top;
}
	
	#navigation li a {
		height: 22px;
		display: block;
		position: absolute;
		top: 0;
	}
	
	/* Nav IR styles */

	
	/* Primary Nav */
	
	#navigation li a.home {
		background: transparent url(img/a.nav.home.bg.png) no-repeat left center;
		left: 9px;
		width: 45px;
	}
	
	#navigation li a.about {
		background: transparent url(img/a.nav.about.bg.png) no-repeat left center;
		left: 53px;
		width: 57px;
	}
	
	#navigation li a.portfolios {
		background: transparent url(img/a.nav.portfolios.bg.png) no-repeat left center;
		left: 110px;
		width: 90px;
	}
	
	#navigation li a.planning {
		background: transparent url(img/a.nav.planning.bg.png) no-repeat left center;
		left: 200px;
		width: 76px;
	}
	
	#navigation li a.contact {
		background: transparent url(img/a.nav.contact.bg.png) no-repeat left center;
		left: 275px;
		width: 72px;
	}
	
	#navigation li a.login {
		background: transparent url(img/a.nav.login.bg.png) no-repeat left center;
		left: 346px;
		width: 55px;
	}
	
	
	/* About Nav */
	
	#navigation li a.studio {
		background: transparent url(img/a.nav.studio.bg.png) no-repeat left center;
		left: 9px;
		width: 52px;
	}
	
	#navigation li a.people {
		background: transparent url(img/a.nav.people.bg.png) no-repeat left center;
		left: 61px;
		width: 63px;
	}
	
	#navigation li a.clients {
		background: transparent url(img/a.nav.clients.bg.png) no-repeat left center;
		left: 124px;
		width: 65px;
	}
	
	#navigation li a.publications {
		background: transparent url(img/a.nav.publications.bg.png) no-repeat left center;
		left: 188px;
		width: 101px;
	}
	
	#navigation li a.jobs {
		background: transparent url(img/a.nav.jobs.bg.png) no-repeat left center;
		left: 289px;
		width: 58px;
	}
	
	/* Portfolio Nav */
	
	#navigation li a.tall {
		background: transparent url(img/a.nav.tall.bg.png) no-repeat left center;
		left: 10px;
		width: 36px;
	}
	
	#navigation li a.luxury {
		background: transparent url(img/a.nav.luxury.bg.png) no-repeat left center;
		left: 46px;
		width: 64px;
	}
	
	#navigation li a.public {
		background: transparent url(img/a.nav.public.bg.png) no-repeat left center;
		left: 110px;
		width: 60px;
	}
	
	#navigation li a.offices {
		background: transparent url(img/a.nav.offices.bg.png) no-repeat left center;
		left: 169px;
		width: 67px;
	}
	
	#navigation li a.cities {
		background: transparent url(img/a.nav.cities.bg.png) no-repeat left center;
		left: 236px;
		width: 54px;
	}
	
	#navigation li a.drawing {
		background: transparent url(img/a.nav.drawing.bg.png) no-repeat left center;
		left: 289px;
		width: 72px;
	}
	
	#navigation li a.london {
		background: transparent url(img/a.nav.london.bg.png) no-repeat left center;
		left: 361px;
		width: 67px;
	}
	
	#navigation li a.new-york {
		background: transparent url(img/a.nav.new-york.bg.png) no-repeat left center;
		left: 428px;
		width: 78px;
	}
	
	/* Planning Nav */
	
	#navigation li a.public-inquiries {
		background: transparent url(img/a.nav.public-inquiries.bg.png) no-repeat left center;
		left:10px;
		width: 111px;
	}
	
	#navigation li a.environmental-statements {
		background: transparent url(img/a.nav.es.bg.png) no-repeat left center;
		left: 121px;
		width: 189px;
	}
	
	#navigation li a.visual-research {
		background: transparent url(img/a.nav.visual-research.bg.png) no-repeat left center;
		left: 310px;
		width: 122px;
	}
	
	
	/* Generic rules */
	
	#navigation li a:hover,
	#navigation li a:focus,
	#navigation li a:active,
	#navigation li a.current:hover,
	#navigation li a.current:focus,
	#navigation li a.current:active {
		background-position: left top!important;
	}
	
	#navigation li a.current {
		background-position: left bottom!important;
	}
		
/* -------------------------------------------------

Horizontal Secondary Navigation

-------------------------------------------------*/
	
#navigation #localNav {
	border-width: 0 0 1px 0;
}