#menu				{	
					width: 				200px;
					height: 			auto;
					margin-top: 		-13px;
					padding: 			0px;					
					position: 			absolute;
					text-align:			center;
					font-size:			14px;
					z-index: 999;
					float:none;
					}

#menu a 			{
					display: 			block;
					padding: 			25px 0px 0px 0px;
					height:				40px;
					margin: 			0px;					
					background-color:	rgba(10,10,10,0.3);					

					color:				rgba(255,255,255,1);	
					text-decoration:	none;	
					letter-spacing:		0em;
					font-weight:		400;
					float: none ;
					-webkit-transition: 0.25s ease-in-out 0s;
					-moz-transition: 	0.25s ease-in-out 0s;
					-o-transition: 		0.25s ease-in-out 0s;
					-ms-transition:		0.25s ease-in-out 0s;   
					transition: 		0.25s ease-in-out 0s;
					}	
									
#menu ul 			{
					list-style-type:	none;
					padding: 			0px;
					color:				rgba(255,255,255,1);					
					}
					
					
#menu ul.sub-menu 	{
					display: 			none;
					position: 			absolute;
					top: 				14px;
					left: 				200px;
					width:				200px;
					padding: 			0px;
					z-index: 			90;						
					background-color:	rgba(10,10,10,0.75);				
					}
				
				
				
#menu a:hover 		{
					color:				#000;				
					background-color: 	rgba(255,255,255,1);	
					letter-spacing: 	0.12em;
					-webkit-transition: 0.02s ease-in-out 0s;
					-moz-transition: 	0.02s ease-in-out 0s;
					-o-transition: 		0.02s ease-in-out 0s;
					-ms-transition:		0.02s ease-in-out 0s;   
					transition: 		0.02s ease-in-out 0s;
					}

		
#menu li:hover ul.sub-menu {
					display: 			block;
					}
					
					

.blank_nav {
					padding-top:65px;
					background-color:rbga(255,0,0,0.1) !important;
					}




/*---------------------MENU TABLET------------------*/

		
#menu-mobile				{	
					width:				600px;		
					max-width: 			100%;
					height: 			auto;
					margin: 			10px auto;
					padding: 			0px;					
					position: 			relative;
					text-align:			right;
					font-size:			14px;
					font-weight:		300;
					z-index: 999;
					}
					
					
#menu-mobile				{text-align:right;}


/*---------------------MENU smaller------------------*/

@media screen and (max-width:1000px)

{
		
#menu				{width: 160px !important; font-size: 12px !important; margin-top: -7px !important; }

#menu a:hover 		{letter-spacing: 	0.03em !important;}
					
#menu ul.sub-menu 	{
					left: 				160px !important;
					width:				160px !important;
					margin-top:			-2px !important;				
					}	
					
					
}

@media only screen and (max-width:768px){

					#menu {display:none !important}
					#menu-mobile {display:block !important;}
}

/*---------------------MENU MOBILE------------------*/

					
@media(max-width:480px){

#menu-mobile		{
					margin:				20px 0px -10px !important;	
					width:				480px !important;		
					max-width: 			100% !important;
					left:				0% !important;		
					right:				0% !important;
					text-align:			center !important;
					}
					
					
	
}