nav > a
			{
				display: none;
			}

			nav li
			{
				position: relative;
			}
				nav li a
				{
					display: block; 
					line-height: 3.1em;
				}
				
			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;
					z-index: 9999;
	
				}
					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: 1.1em; /* 20 */
							border-bottom: 1px solid #FFF;
							padding: 0.5em; /* 15 (20) */
							width: 190px;
							background-color: #e0d8c6;
							color: #666;
							margin-left: -15px;
							text-align: left;
							line-height: 1.3em;
							text-indent: 0;
							font-family: "adobe-garamond-pro",sans-serif; 
							text-transform: none; 
						}
							nav li ul li a:hover,
							nav li ul:not( :hover ) li.active a
							{
							background-color: #334e89;
							color: #FFF;
								
							}
	
					
@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;
			}
		}