@charset "utf-8";
/* CSS Document */

/*--------------
	  Menu Bar: Navigation
	---------------*/
	#mobilePnav{display:none;}
	.visHidden{position:absolute; left:-99999999px;}
	
	#dnn_pnav{ 	float:left;}
	
	#dnn_pnav li{ 
		position:relative; 
		list-style:none;
	}
	#dnn_pnav li ul {margin-left:0;}
	#dnn_pnav > li{
		float:left;
		height:35px;
		padding-top:5px;
		margin:10px 28px 10px 32px;
	
	}
	#dnn_pnav > li > a, #dnn_pnav > li > span {
		display:block;
		padding:0;
		color:#fff;
		font-size:18px;
		font-weight:bold;
		font-family:Trebuchet MS, Helvetica, sans-serif;
		text-decoration:none;
		/*text-shadow:0px 1px #444;
		border:1px solid transparent;
		border-radius:3px;*/
	}
	#dnn_pnav > li:hover > a, #dnn_pnav > li.active > a{
	color:#00ede0;
		/*border:1px solid rgba(0,0,0,0.10);
		background:rgba(0,0,0,0.25);
		color:#fff;
		text-shadow:0px 1px 1px #222;*/
	}
	#dnn_pnav > li:hover > a:active{
		/*border:1px solid rgba(0,0,0,0.15);
		box-shadow:0px 1px 0px 0px rgba(255,255,255,0.15), inset 0px 0px 2px 0px rgba(0,0,0,0.105);
		background:rgba(0,0,0,0.35);*/
	}
	#dnn_pnav > li:hover > span{
		color:#00ede0;
		/*text-shadow:0px 1px 1px #222;*/
	}
	/* Secondary level */
	
	#dnn_pnav > li ul{  /* Styles for all sub levels */
		display:none;
		position:absolute;
		width:225px;
		padding:15px 0;
		background:#2a2a2a;
		border:1px solid #cccccc;
		/*border-top:1px solid #666;
		border-radius:3px;
		box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15);*/
		
		/* CSS3 */
		-webkit-animation-duration: .25s;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .25s;
		-moz-animation-delay: .2s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: .25s;
		-ms-animation-delay: .2s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: .25s;
		animation-delay: .2s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		
	}
	#dnn_pnav li:hover > ul{ display:block;}
	#dnn_pnav > li > ul{ /* styles specific to secondary level */
		top:35px; left:0; font-size:16px;
	}
	#dnn_pnav > li > ul:after{
		position:absolute;
		top:-7px; left:20px;
		content:'';
		width:0px; 	height:0px; 
		border-left:7px solid transparent;  /* left arrow slant */
		border-right:7px solid transparent; /* right arrow slant */
		border-bottom:7px solid #e9e9e9; /* bottom, add background color here */
		font-size:0px;
		line-height:0px;
		
	}
	#dnn_pnav > li ul a{
		display:block;
		padding:0 10px;
		color:#fff;
		text-decoration:none;
		
		/* transition decleration */
		transition: 		all ease-in 100ms;
		-moz-transition: 	all ease-in 100ms; /* Firefox 4 */
		-webkit-transition: all ease-in 100ms; /* Safari and Chrome */
		-o-transition: 		all ease-in 100ms; /* Opera */
		-ms-transition: 	all ease-in 100ms; /* IE9? */
		
		border:1px solid transparent;
	}
	#dnn_pnav  ul li:last-child > a{ padding-bottom:0;}
	#dnn_pnav > li > ul li:hover > a{
		color:#00ede0;
		/*background:#fff;*/
	}
	
	/* Tertiary level */
	#dnn_pnav li ul li ul{
		left:215px; top:-10px;
		border:1px solid #bbb;
	}