/*Inspiration: http://www.shopdev.co.uk/blog/animated-menus-using-jquery*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
	
body {
		background-color:#333333;
		margin:0;
	}
	
	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
		width:100%;
		height:46px;
		background:url(/images/navi-bg.png) repeat-x;
		list-style:none;
		margin:0;
		padding:0;
		padding-top:0px;					
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:right;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(/images/navi-sprite.png) no-repeat scroll top left;
		display:block;
		height:46px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "Værkstedsoversigt" */
	ul#menu li a.vaerkstedsoversigt {
		width:193px;
	}
	
	/* Specify width and background position attributes specifically for the class: "Guides" */
	ul#menu li a.guides {
		width:102px;
		background-position:-194px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "Forum" */
	ul#menu li a.forum {
		width:102px;
		background-position:-296px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "Kontakt" */
	ul#menu li a.kontakt {
		width:115px;
		background-position:-398px 0px;
	}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(/images/navi-sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "vaerkstedsoversigt" */
	ul#menu li a.vaerkstedsoversigt span {
		background-position:0px -48px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.guides span {
		background-position:-194px -48px;
	}
	
	/* Shift background position on hover for the class: "forum" */
	ul#menu li a.forum span {
		background-position:-296px -48px;
	}
	
		/* Shift background position on hover for the class: "kontakt" */
	ul#menu li a.kontakt span {
		background-position:-398px -48px;
	}