/* 
		CSS Navigation Template for list based drop down navigation
		By Trond Ulseth - trond@idl.no
		   Jørgen Skogås - jorgen@idl.no
		Started 29th September 2009
		
		Goal:
					Standard navigation layout
		
		Change log:
					29th September 2009 - started this template
					
		Once implemented for a site this template should/could be edited, added to and deleted from.
		Coments can be deleted as well, but it's adviced not to.
		This template is based on the CSS for dropdown navigation in the FarCry pliant template.
		
		Table of Contents:					
*/

/* Overwrite global styles if needed
---------------------------------------------------------------------- */
ul#primaryNav {
	background-color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 1.2em;
}

ul#primaryNav,
ul#primaryNav li ul {
	padding: 0 !important;
	margin: 0 !important;
	height: 1.5em;
	list-style: none;
	}
	
	/* First level
	---------------------------------------------------------------------- */
	ul#primaryNav li {
		float: left;
		width: 8em;
		display: block;
		margin: 0 1px 0 0;
		}
	
	/* hide from IE mac \*/
	ul#primaryNav li {
		width: auto;
		}

		ul#primaryNav li a,
		ul#primaryNav li a:link,
		ul#primaryNav li a:visited,
		ul#primaryNav li a:hover,
		ul#primaryNav li a:active {
			text-decoration: none;
			cursor: pointer;
			}
		
		ul#primaryNav li a {
			display: block;
			background-color: #ff0000;
			padding: 0px 15px;
			}

		ul#primaryNav li a:link {
			color:#FFFFFF;
			}

		ul#primaryNav li a:visited {
			color: #FFFFFF;
			}

		ul#primaryNav li a:hover,
		ul#primaryNav li a:active,
		ul#primaryNav li.active a {
			color: #FFC600;
			}
		
		ul#primaryNav li.active a {
			background: #000;
			}
			
			/* Second level
			---------------------------------------------------------------------- */
			ul#primaryNav li ul {
				position: absolute;
				background: transparent;
				width: 10em;
				left: -999em;
				z-index: 1;
				}
			
			ul#primaryNav li:hover ul,
			ul#primaryNav li.sfhover ul {
				left: auto;
				}
				
				ul#primaryNav li li {
					float: none;
					border-bottom: 1px solid #ffffff;
					display: block;
					}
				
				ul#primaryNav li.active li {
					border-bottom:1px solid #333;
					}
				
				ul#primaryNav li li a {
					display: block;
				}
				
				ul#primaryNav li.active li a {
					color: #FFFFFF;
					}
				
				ul#primaryNav li.active li a:hover,
				ul#primaryNav li li.active a {
					color: #FFC600;
					}