/***** COLORS *****

890D0D logo blue 
940202 title red
d49029 lt blue

/*******************/

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {		
display: inline-block !important;		
width: auto;
border-bottom: 0px solid #EDEDED;
border-top: 0px solid #EDEDED;
}

/*.nav-menu ul*/
/*ul.nav-menu
{
border: 2px solid #000 !important;	
margin: 0 auto;

}
*/

.main-navigation ul {
	margin: 0;
	text-indent: 0;
}

	.main-navigation li a,
	.main-navigation li {
		/*display: inline-block;*/		
		text-decoration: none;
	}
	
	
	.main-navigation li {
		padding: 0 0px 0 0px;	
		margin: 0;		
		position: relative;
		float: left;
		float: none; /* this makes the 'a' fill the full width of the ul */
		border-left: 0px solid #000;
		
		/*background:transparent url('images/nav_bullet_3.png') left 21px no-repeat;*/
		/*height: 68px;	*/
	}

		.main-navigation li a {
			border-bottom: 0;					
			color: #262626;			
			font-family: open sans, 'Montserrat', sans-serif;
			font-size: 14px;
			/*font-weight: bold;*/
			line-height: 58px;			
			text-transform: none;
			white-space: nowrap;
			/*text-shadow: 3px 3px 1px #ccc;*/
			transition: all 0.5s ease; /* transition property must be set on BOTH elements involved in the transition i.e. the 'a' AND the 'a:hover' */
			-webkit-transition: all 0.5s ease;
			padding: 0px 10px 0px 10px; 
			text-transform: uppercase;
		}
		
			.smaller .main-navigation li a
			{
			/*line-height: 30px;*/
			}
	
		
		/* first level hover & active */
		.main-navigation li a:hover { 
			color: #d49029;			
			text-shadow: 0 0 6px #fff;				
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			/*line-height: 63px; this sets the link to move up slightly when hovered over */
		}

		/* active link color */
		.main-navigation .current-menu-item > a,
		.main-navigation .current-menu-ancestor > a,
		.main-navigation .current_page_item > a,
		.main-navigation .current_page_ancestor > a {
			color: #d49029; 			
			font-weight: normal !important;
			/*text-shadow: 1px 1px 2px #fff;*/
		}
		
		.menu-toggle {
			display: none;
		}
		
		.main-navigation li.page-item-5 a
		{
		/*border: 2px solid #606060;	
		font-weight: bold;*/
		}
		
			
		
		/* SECOND LEVEL */
		
		/* second level ul */
		.main-navigation li ul {
			display: none;
			/*display: block;*/ /* uncomment this to make all levels visible at the same time */
						border: 2px solid #EFF0F0 !important;
			border-top: 0px !important;				
			/*background:	url('images/nav_bg.gif') repeat-y;*/
			background-color: #fff; /* use the background-color on the 'a' attribute below if getting a mystery padding on the right */	
			/*background-color: rgba(0, 0, 0, 0.60);*/ /* used RGB so I can use opacity (0.30) */						
			margin: 0;
			padding-top: 10px;
			padding-bottom: 10px;
			position: absolute;
			top: 58px;  /* move second level nav up or down */
			left: 22px;
			left: 0px;
			z-index: 1000;
			transition: all .5s ease-in-out;				
			-webkit-box-shadow: 2px 2px 3px #a2a2a2;
-moz-box-shadow: 2px 2px 3px #a2a2a2;
box-shadow: 2px 2px 4px #a2a2a2;			
		}
		
			/* second level li */
			.main-navigation li ul li{
				background-image: none;
				display: block;
				height: auto;				
				/*width: auto;*/
				
			}
			
				/* second level a */
				.main-navigation li ul li a {	
					background: none;			
					border-bottom: 0px solid #ededed;
					display: block;
					position: relative;
					font-size: 14px;		
					line-height: 14px;						
					width: 180px;	
					width: inherit;	
					border: 0px solid black;
					padding: 10px 25px 10px 25px;
					white-space: nowrap; /* stops long nav items from wrapping to the next line */
					text-shadow: none;
				}
				
				/* second level a hover */
				.main-navigation li ul li a:hover {
					background-color: #d49029;
					/*background: none;*/
					color: #fff;					
					/*color: #444;*/
				}
		
		
		/* THIRD LEVEL */
		
		.main-navigation li ul ul {
			top: 0;
			left: 100%;
			border-top: 2px solid #606060 !important;
			top: 0px;  /* move third level nav up or down */			
			
		}
		
		/* second level ul */
		.main-navigation li ul ul li{
			
			
		}
		
		.main-navigation ul li:hover > ul {
			border-left: 1px solid #fff; /* only set this if you want a border around the second level ul....it is set to 0 in the default css page */
			display: block;
		}