#nav
		{
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			width:99%;
			margin:0 auto;
			
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				list-style:none;
			}
				#nav li a
				{
					color: #333;
					display: block;
					padding-right:12px 20px 12px 20px;
					text-align:left;
				}


			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #b3eb4c;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				margin:0px 0 0 2%;
				
			}
			#nav li:nth-child(2) { width: 130px; left: -5px; }
#nav li:nth-child(3), nav li:last-child { width: 110px; }
#nav li:nth-child(3) { left: -5px; }
#nav li:last-child { left: -10px; }
#nav li:nth-child(4) { width: 130px; }
#nav li:nth-child(5) { width: 125px; }
#nav li:nth-of-type(-n+3) { float: left; }
#nav li:nth-of-type(n+4) { float: right; }
				#nav > ul > li{
					float: left;
					color:#494949;
					width: 140px; margin-top: 8px; 
					text-align:center;
									}
				#nav > ul > li:last-child{
					
					background:none;
					color:#FFF;
									}
					#nav > ul > li > a{
						text-decoration: none; color: #000;
    text-shadow: -1pt -1pt 1pt rgba(255,255,255,.5), 0pt 0pt 0pt rgba(0,0,0,0), 0pt 0pt 0pt rgba(0,0,0,0), 0 0 0pt rgba(0,0,0,0); text-align:center;
	padding:7px 0;
						}
						#nav > ul > li:not( :last-child ) > a{
							color:#21252b; 
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{			
						color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5), -1pt -1pt 1pt rgba(240,240,185,1), 1pt 1pt 1pt rgba(100,80,45,1), 1px 1px 20px rgba(255,255,255,1);
							}
		#nav > ul > li> a.first{
			color: #FFF; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.5), -1pt -1pt 1pt rgba(240,240,185,1), 1pt 1pt 1pt rgba(100,80,45,1), 1px 1px 20px rgba(255,255,255,1);
					
				}

				/* second level */

				#nav li ul
				{
					background-color:#ac9768;
					display: none;
					position: absolute;
					top: 100%;
					margin:0px 0 0 0;
					z-index:99999999999999999999999999999999999999999999999999999999999999999999999999!important;
					
					
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						width:200px;
						z-index:99999999999999;
						
						
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul li:nth-child(2){
							width:100%;
							float:left;
							margin:0px;
							margin-left:0px!important;
							margin-right:0px!important;
							right:0px!important;
							left:0px!important;
							text-align:left!important;
							}
							#nav li ul li:nth-child(3){
							width:100%;
							float:left;
							margin:0px;
							margin-left:0px!important;
							margin-right:0px!important;
							right:0px!important;
							left:0px!important;
							text-align:left!important;
							}
							
							#nav li ul li:nth-of-type(-n+3){
							width:100%;
							float:left;
							margin:0px;
							margin-left:0px!important;
							margin-right:0px!important;
							right:0px!important;
							left:0px!important;
							text-align:left!important;
							}
							#nav li ul li:nth-child(4){
							width:100%;
							float:left;
							margin:0px;
							margin-left:0px!important;
							margin-right:0px!important;
							right:0px!important;
							left:0px!important;
							text-align:left!important;
							}
							#nav li ul li:nth-of-type(n+4){
							width:100%;
							float:left;
							margin:0px;
							margin-left:0px!important;
							margin-right:0px!important;
							right:0px!important;
							left:0px!important;
							text-align:left!important;
							}
							
#nav li ul li{
	text-align:left!important;
	border-bottom:1px solid #d4bc86;}
						#nav li ul a
						{
							font-size: 17px; /* 20 */
							border-top: 1px solid #1b8ac1;
							padding:7px 10px ; /* 15 (20) */
							text-align:left;
							
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #e7dca2;
								text-decoration:none;
								color:#666;
							}


		@media only screen and ( max-width: 980 ) /* 980 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
				background:url(../images/nav-bf.jpg) repeat-x top left;
			}
		}
		
	@media (min-width: 768px) and (max-width: 980px) {	
	#nav
			{
				position:relative;
				top: auto;
				left: auto;
				z-index:100000000;
				content:'Menu:';
				width:100%;
				color:#FFF;
				display:block;
				font-family:15px;
				margin-top:0px;
				background: url(i/888_nav-01.png) no-repeat center;
				background-size:100%;
				
				
				
			}
						#nav li:nth-child(2) { width: 90%; left:0;float:left; }
#nav li:nth-child(3), nav li:last-child { width: 90%;left:0;float:left; }
#nav li:nth-child(3) { width:90%;left:0;float:left; }
#nav li:last-child { width:90%;left:0;float:left; }
#nav li:nth-child(4) { width:90%;left:0;float:left; }
#nav li:nth-child(5) { width:90%;left:0;float:left;}
#nav li:nth-of-type(-n+3) {width:90%;left:0;float:left; }
#nav li:nth-of-type(n+4) { width:90%;left:0;float:left; }
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					position: relative;
					background: url(images/nav-icon.png) no-repeat center;
					padding:0px 8px;
					
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						top: 25%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				background:#9e895d;
				width:96%;
				margin-top:-7px;
			}
				#nav:target > ul{
					display: block;
				}
				#nav > ul > li
				{
					width: 96%!important;
					float: none;
					color:#FFF;
					background:none;
					border-bottom:1px solid #bda778;
					margin-left:2%;
					
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding:5px 1%; /* 20 (24) */-moz-border-radius:0px 0 0 0px; 
 -webkit-border-radius:0px 0 0 0px;  
 border-radius:0px 0 0 0px;
 color:#FFF!important;
					}
#nav > ul > li > a:hover
					{
						height: auto;
						text-align: left;
						background:none!important;
						background-color:#e7dca2; color:#333!important;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #177db0;-moz-border-radius:0px 0 0 0px; 
 -webkit-border-radius:0px 0 0 0px;  
 border-radius:0px 0 0 0px;
 color:#333;	
 }
			#nav > ul > li:not( :last-child ) > a:hover
						{
							border-right: none!important;
							border-bottom: 1px solid #177db0;background:none!important;
						background-color:#e7dca2; color:#333!important;}
	#nav > ul > li> a.first{
					background:none!important;
						background-color:#e7dca2; color:#333!important;
 display:block;
						 
					
				}
				/* second level */

				#nav li ul
				{
					position: static;
					padding: 0; /* 20 */
					padding-top: 0;
				}
			
				
			 #nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						width:100%;
						
					}
					#nav li ul
				{
					background-color:#e7dca2;
					display: none;
					margin:0px;
					z-index:100;
					overflow:hidden;
					
				}
			#nav li ul a
						{
							font-size: 17px; /* 20 */
							border-top: 1px solid #494949;
							padding:6px ; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #177db0;
								text-decoration:none;
								color:#FFF;
							}
	
	}
	
	
	
	
	
	@media (min-width: 480px) and (max-width: 767px) {
		#nav
			{
				position:relative;
				top: auto;
				left: auto;
				z-index:100000000;
				content:'Menu:';
				width:100%;
				color:#FFF;
				display:block;
				font-family:15px;
				margin-top:0px;
				background: url(i/888_nav-01.png) no-repeat center;
				background-size:100% 50px;
				
				
				
			}
						#nav li:nth-child(2) { width: 90%; left:0;float:left; }
#nav li:nth-child(3), nav li:last-child { width: 90%;left:0;float:left; }
#nav li:nth-child(3) { width:90%;left:0;float:left; }
#nav li:last-child { width:90%;left:0;float:left; }
#nav li:nth-child(4) { width:90%;left:0;float:left; }
#nav li:nth-child(5) { width:90%;left:0;float:left;}
#nav li:nth-of-type(-n+3) {width:90%;left:0;float:left; }
#nav li:nth-of-type(n+4) { width:90%;left:0;float:left; }
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					position: relative;
					background: url(images/nav-icon.png) no-repeat center;
					padding:0px 4px;
					
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						top: 25%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				background:#9e895d;
				width:96%;
				margin-top:-7px;
				padding-top:25px;
			}
				#nav:target > ul{
					display: block;
				}
				#nav > ul > li
				{
					width: 96%!important;
					float: none;
					color:#FFF;
					background:none;
					border-bottom:1px solid #bda778;
					margin-left:2%;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding:5px 1%; /* 20 (24) */-moz-border-radius:0px 0 0 0px; 
 -webkit-border-radius:0px 0 0 0px;  
 border-radius:0px 0 0 0px;
 color:#FFF!important;
					}
#nav > ul > li > a:hover
					{
						height: auto;
						text-align: left;
						background:none!important;
						background-color:#e7dca2; color:#333!important;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #177db0;-moz-border-radius:0px 0 0 0px; 
 -webkit-border-radius:0px 0 0 0px;  
 border-radius:0px 0 0 0px;
 color:#FFF;	
 }
			#nav > ul > li:not( :last-child ) > a:hover
						{
							border-right: none!important;
							border-bottom: 1px solid #177db0;background:none!important;
						background-color:#e7dca2; color:#333!important;}
	#nav > ul > li> a.first{
					background:none!important;
						background-color:#e7dca2; color:#333!important;
 display:block;
						 
					
				}
				/* second level */

				#nav li ul
				{
					position: static;
					padding: 0; /* 20 */
					padding-top: 0;
				}
			
				
			 #nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						width:100%;
						
					}
					#nav li ul
				{
					background-color:#e7dca2;
					display: none;
					margin:0px;
					z-index:100;
					overflow:hidden;
					
				}
			#nav li ul a
						{
							font-size: 17px; /* 20 */
							border-top: 1px solid #494949;
							padding:6px ; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #177db0;
								text-decoration:none;
								color:#FFF;
							}
	
		}
@media (max-width: 480px) {
					#nav
			{
				position:relative;
				top: auto;
				left: auto;
				z-index:100000000;
				content:'Menu:';
				width:100%;
				color:#FFF;
				display:block;
				font-family:15px;
				margin-top:0px;
				background: url(i/888_nav-01.png) no-repeat center;
				background-size:100% 50px;
				
				
				
			}
						#nav li:nth-child(2) { width: 90%; left:0;float:left; }
#nav li:nth-child(3), nav li:last-child { width: 90%;left:0;float:left; }
#nav li:nth-child(3) { width:90%;left:0;float:left; }
#nav li:last-child { width:90%;left:0;float:left; }
#nav li:nth-child(4) { width:90%;left:0;float:left; }
#nav li:nth-child(5) { width:90%;left:0;float:left;}
#nav li:nth-of-type(-n+3) {width:90%;left:0;float:left; }
#nav li:nth-of-type(n+4) { width:90%;left:0;float:left; }
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					position: relative;
					background: url(images/nav-icon.png) no-repeat center;
					padding:0px 4px;
					
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						top: 25%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				background:#9e895d;
				width:96%;
				margin-top:-7px;
				padding-top:45px;
			}
				#nav:target > ul{
					display: block;
				}
				#nav > ul > li
				{
					width: 96%!important;
					float: none;
					color:#FFF;
					background:none;
					border-bottom:1px solid #bda778;
					margin-left:2%;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding:5px 1%; /* 20 (24) */-moz-border-radius:0px 0 0 0px; 
 -webkit-border-radius:0px 0 0 0px;  
 border-radius:0px 0 0 0px;
 color:#FFF!important;
					}
#nav > ul > li > a:hover
					{
						height: auto;
						text-align: left;
						background:none!important;
						background-color:#e7dca2; color:#333!important;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #177db0;-moz-border-radius:0px 0 0 0px; 
 -webkit-border-radius:0px 0 0 0px;  
 border-radius:0px 0 0 0px;
 color:#FFF;	
 }
			#nav > ul > li:not( :last-child ) > a:hover
						{
							border-right: none!important;
							border-bottom: 1px solid #177db0;background:none!important;
						background-color:#e7dca2; color:#333!important;}
	#nav > ul > li> a.first{
					background:none!important;
						background-color:#e7dca2; color:#333!important;
 display:block;
						 
					
				}
				/* second level */

				#nav li ul
				{
					position: static;
					padding: 0; /* 20 */
					padding-top: 0;
				}
			
				
			 #nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						width:100%;
						
					}
					#nav li ul
				{
					background-color:#e7dca2;
					display: none;
					margin:0px;
					z-index:100;
					overflow:hidden;
					
				}
			#nav li ul a
						{
							font-size: 17px; /* 20 */
							border-top: 1px solid #494949;
							padding:6px ; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #177db0;
								text-decoration:none;
								color:#FFF;
							}
	
		}	
 @media (min-width: 300px) and (max-width: 479px) {
	 			#nav
			{
				position:relative;
				top: auto;
				left: auto;
				z-index:100000000;
				content:'Menu:';
				width:100%;
				color:#FFF;
				display:block;
				font-family:15px;
				margin-top:0px;
				background: url(i/888_nav-01.png) no-repeat center;
				background-size:100% 50px;;
				
				
				
			}
						#nav li:nth-child(2) { width: 90%; left:0;float:left; }
#nav li:nth-child(3), nav li:last-child { width: 90%;left:0;float:left; }
#nav li:nth-child(3) { width:90%;left:0;float:left; }
#nav li:last-child { width:90%;left:0;float:left; }
#nav li:nth-child(4) { width:90%;left:0;float:left; }
#nav li:nth-child(5) { width:90%;left:0;float:left;}
#nav li:nth-of-type(-n+3) {width:90%;left:0;float:left; }
#nav li:nth-of-type(n+4) { width:90%;left:0;float:left; }
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					position: relative;
					background: url(images/nav-icon.png) no-repeat center;
					padding:0px 4px;
					
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						top: 25%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				background:#9e895d;
				width:96%;
				margin-top:-7px;
				padding-top:45px!important;
			}
				#nav:target > ul{
					display: block;
				}
				#nav > ul > li
				{
					width: 96%!important;
					float: none;
					color:#FFF;
					background:none;
					border-bottom:1px solid #bda778;
					margin-left:2%;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding:5px 1%; /* 20 (24) */-moz-border-radius:0px 0 0 0px; 
 -webkit-border-radius:0px 0 0 0px;  
 border-radius:0px 0 0 0px;
 color:#FFF!important;
					}
#nav > ul > li > a:hover
					{
						height: auto;
						text-align: left;
						background:none!important;
						background-color:#e7dca2; color:#333!important;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #177db0;-moz-border-radius:0px 0 0 0px; 
 -webkit-border-radius:0px 0 0 0px;  
 border-radius:0px 0 0 0px;
 color:#FFF;	
 }
			#nav > ul > li:not( :last-child ) > a:hover
						{
							border-right: none!important;
							border-bottom: 1px solid #177db0;background:none!important;
						background-color:#e7dca2; color:#333!important;}
	#nav > ul > li> a.first{
					background:none!important;
						background-color:#e7dca2; color:#333!important;
 display:block;
						 
					
				}
				/* second level */

				#nav li ul
				{
					position: static;
					padding: 0; /* 20 */
					padding-top: 0;
				}
			
				
			 #nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						width:100%;
						
					}
					#nav li ul
				{
					background-color:#e7dca2;
					display: none;
					margin:0px;
					z-index:100;
					overflow:hidden;
					
				}
			#nav li ul a
						{
							font-size: 17px; /* 20 */
							border-top: 1px solid #494949;
							padding:6px ; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #177db0;
								text-decoration:none;
								color:#FFF;
							}
	
 }
 .drop{float: left;height: 30px;margin: -5px 0 0 -96px;padding: 9px 0 0;position: absolute;text-align: right;width: 112px;}
 .drop_in{display: none; background-color: #ac9768; width:200px; color:#333333; text-align:left; padding:7px 0 7px 10px; line-height:38px; position: absolute; text-align:left;}
 .border{ width:95%; height:1px; background:#d4bc86;}
 @media (min-width:320px) and (max-width:980px){
 .drop_in{ width:96%; position: relative; border:1px solid #F00;}
 .border{ width:99%;}
 #nav li a{ text-align:left; padding:4px 0;}
 }