ul#nav {
	height: 87px;
}

ul#nav li, ul#nav li a,  ul#nav li span {
	float: left;
	display: block;
	height: 87px;
	margin: 0;
	padding: 0;
}

ul#nav li {
	background: transparent url('../wsimages/nav_li_bg.png') no-repeat right;
	margin-left: -2px;
	padding-right: 2px;
}

	ul#nav li.last {
		background-image: none;
		padding-right: 0;
	}

/* Defaults */
ul#nav li a, ul#nav li span {
	text-indent: -999em;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 116px;
}

ul#nav li a {
	margin-left: -116px;
}

/* Dont change cursor on active element */
ul#nav li.active a {
	cursor: default;
}

/* Buttons
------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* home
	----------------------------------------------------------------------------------------------------------------------------------------------- */
	ul#nav li.home a {
		background-image: url('../wsimages/buttons/hovedside.png');
		
	}
	ul#nav li.home span, ul#nav li.home span:hover, ul#nav li.home.active a {
		background-image: url('../wsimages/buttons/hovedside_active.png');
	}
	
	/* Referanser
	----------------------------------------------------------------------------------------------------------------------------------------------- */
	ul#nav li.idlPortfolio a {
		background-image: url('../wsimages/buttons/referanser.png');
		
	}
	ul#nav li.idlPortfolio span, ul#nav li.idlPortfolio span:hover, ul#nav li.idlPortfolio.active a {
		background-image: url('../wsimages/buttons/referanser_active.png');
	}
	
	/* Arbeidsprosesser
	----------------------------------------------------------------------------------------------------------------------------------------------- */
	ul#nav li.arbeidsprosesser a {
		width: 150px;
		margin-left: -150px;
		background-image: url('../wsimages/buttons/arbeidsprosesser.png');

	}
	ul#nav li.arbeidsprosesser span, ul#nav li.arbeidsprosesser span:hover, ul#nav li.arbeidsprosesser.active a {
		width: 150px;
		background-image: url('../wsimages/buttons/arbeidsprosesser_active.png');
	}
	
	/* Produkter og tjenester
	----------------------------------------------------------------------------------------------------------------------------------------------- */
	ul#nav li.produkter a {
		width: 150px;
		margin-left: -150px;
		background-image: url('../wsimages/buttons/produkter.png');

	}
	ul#nav li.produkter span, ul#nav li.produkter span:hover, ul#nav li.produkter.active a {
		width: 150px;
		background-image: url('../wsimages/buttons/produkter_active.png');
	}
	
	/* IDLmedia logo
	----------------------------------------------------------------------------------------------------------------------------------------------- */
	ul#nav li.idlmedia a {
		width: 138px;
		margin-left: -138px;
		background-image: url('../wsimages/buttons/idlmedia.png');
		
	}
	ul#nav li.idlmedia span, ul#nav li.idlmedia span:hover, ul#nav li.idlmedia.active a {
		width: 138px;
		background-image: url('../wsimages/buttons/idlmedia_active.png');
	}
	
	/* Kundeservice
	----------------------------------------------------------------------------------------------------------------------------------------------- */
	ul#nav li.kundeservice a {
		width: 150px;
		margin-left: -150px;
		background-image: url('../wsimages/buttons/kundeservice.png');

	}
	ul#nav li.kundeservice span, ul#nav li.kundeservice span:hover, ul#nav li.kundeservice.active a {
		width: 150px;
		background-image: url('../wsimages/buttons/kundeservice_active.png');
	}
	
	/* Blogg
	----------------------------------------------------------------------------------------------------------------------------------------------- */
	ul#nav li.blogg a {
		background-image: url('../wsimages/buttons/blogg.png');
	}
	
	ul#nav li.blogg span, ul#nav li.blogg span:hover, ul#nav li.blogg.active a {
		background-image: url('../wsimages/buttons/blogg_active.png');
	}
	
	/* Kontakt oss
	----------------------------------------------------------------------------------------------------------------------------------------------- */
	ul#nav li.kontakt a {
		background-image: url('../wsimages/buttons/kontakt.png');
	}
	
	ul#nav li.kontakt span, ul#nav li.kontakt span:hover, ul#nav li.kontakt.active a {
		background-image: url('../wsimages/buttons/kontakt_active.png');
	}