#nav 
{
	float: right;
	position: relative;
	top: 18px;
}

#dnn_pnav
{
	display: inline-block;
}

#dnn_pnav li 
{
	position: relative;
	list-style: none;
	margin: 0;
}

	#dnn_pnav li ul 
	{
        	margin-left: 0;
	}

#dnn_pnav > li 
{
	float: left;
	height: 50px;
	line-height: 50px;
}

	#dnn_pnav > li > a, #dnn_pnav > li > span 
	{
		display: block;
		padding: 0px 15px 0px 15px;
		font-size: 16px;
		color: #292929;
		text-decoration: none;
		text-transform: uppercase;

		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-ms-transition: all 0.5s ease; /* IE 9 */
		-o-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}

	#dnn_pnav > li > span 
	{
        	cursor: default;
	}

	#dnn_pnav > li:hover > a, #dnn_pnav > li.active > a 
	{
       		color: #00CBFE;
	}

        #dnn_pnav > li:hover > a:active 
	{
       		color: #00CBFE;
	}

	#dnn_pnav > li:hover > span 
	{
       		color: #00CBFE;
	}

	/* Secondary level */
	#dnn_pnav > li ul 
	{ 
		/* Styles for all sub levels */
		background-color: #FFF;
        	display: none;
        	position: absolute;
        	z-index: 2;
        	width: 300px;
        	padding: 0;
		border:0px;
        	border-radius: 0px;
        	-webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.4);
        	box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.4);

        	-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 
	{
		top: 50px;
		left: 0;
		text-align: left;
	}

	#dnn_pnav > li ul a, #dnn_pnav > li ul span 
	{
    		display: block;
    		padding: 5px 10px;
    		color: #292929;
    		font-size: 10pt;
    		font-weight: normal;
    		text-decoration: none;
		text-transform: uppercase;
		
    		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? */

		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-ms-transition: all 0.5s ease; /* IE 9 */
		-o-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}

	#dnn_pnav > li ul span 
	{
    		color: #666;
    		cursor: default;
	}

	#dnn_pnav ul li:last-child > a 
	{
	}

	#dnn_pnav > li > ul li:hover > a 
	{
    		color: #00CBFE;
	}

	#dnn_pnav > li > ul li:active > a 
	{
		color: #00CBFE;
	}

	#dnn_pnav li ul li ul 
	{
    		left: 225px;
    		top: 0px;
    		padding: 0px 5px;
    		border-left: 1px solid #ddd;
	}