nav > a
			{
				display: none;
			}

			nav li
			{
				position: relative;
				z-index: 9999;
			}
				nav li a
				{
					display: block; 
					line-height: 3em;
				}
				
			nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			
			}

			
				/* second level */

				nav li ul
				{
					display: none;
					position: absolute;
					top: 100%;
					margin-top: 0;
					
				}
					nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						list-style: none;
						
					}
						nav li:not( :first-child ):hover ul
						{
							left: 0;
						}
						
						nav li ul a
						{
							font-size: 0.9em; /* 20 */
							border-bottom: 1px solid #FFF;
							padding: 0.65em; /* 15 (20) */
							width: 190px;
							background-color: #392346;
							color: #FFF;
							margin-left: -15px;
							text-align: center;
							line-height: 1.5em;
							text-indent: 0;
						}
						
						nav li ul li a.last
						{
							border-bottom: none;
						}
						
							nav li ul li a:hover
							
							{
							background-color: #EEE;
							color: #392346;
								
							}
							
							nav li ul li a.active
							{
							background-color: #EEE;
							color: #392346;
								
							}
	
					
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)
and (orientation : landscape) {

				nav > ul > li > a
					{
						height: 100%;
						font-size: 1em; /* 24 */
						line-height: 2.85em; /* 60 (24) */
						text-align: center;
						padding: 0 10px;
					}
		
		
		}
	

		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}