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

#e62330 logo red
b11d1f dk red
#cccccc menu bg grey
#f4f4f4 body bg grey
181415 logo black


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


.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
{
border: 0px solid #000;	
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_divider.png') left top no-repeat;
		height: 68px;	*/
	}

		.main-navigation li a {
			border-bottom: 0;
			color: #e62330;
			color: #fff;	
			color: #aeaeae;
			color: #000;
			font-size: 16px;
			/*font-weight: bold;*/
			line-height: 55px;
			text-transform: none;
			white-space: nowrap;
			/*text-shadow: 0px 1px 0px #fff;*/
			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 13px 0px 13px; 
		}
		
		/* first level hover & active */
		.main-navigation li a:hover { 
			color: #e62330;			
			/*text-shadow: 1px 1px 2px #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: #e62330; 			
			font-weight: normal;
			text-shadow: 1px 1px 2px #fff;
		}
		
		.menu-toggle {
			display: none;
		}
	
		
		/* 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 #ccc !important;*/
			border: 2px solid #ccc !important;
			border-top: 0px !important;
			/*width: 10em;*/ /* left offset of submenus need to match (see below) */
			/*background-color: #fafafa;*/	
			-moz-border-radius-bottomleft: 8px;
			-moz-border-radius-bottomright: 8px;
			-webkit-border-bottom-left-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
			/*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-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
			background-image:    -moz-linear-gradient(top, #ffffff, #dddddd); /
			background-image:     -ms-linear-gradient(top, #ffffff, #dddddd); 
			background-image:      -o-linear-gradient(top, #ffffff, #dddddd); 
			background-image:         linear-gradient(to bottom, #ffffff, #dddddd); 
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); */
			
			/*-webkit-box-shadow: 2px 2px 3px #5b5b5b;
			-moz-box-shadow: 2px 2px 3px #5b5b5b;
			box-shadow: 2px 2px 3px #5b5b5b;*/
			
			margin: 0;
			padding: 0;
			position: absolute;
			top: 55px;  /* move second level nav up or down */
			z-index: 1;
			transition: all .5s ease-in-out;				
		}
		
			/* 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: 24px;	
					width: inherit;	
					border: 0px solid black;
					padding: 5px 15px 5px 15px;
					white-space: nowrap; /* stops long nav items from wrapping to the next line */
				}
				
				/* second level a hover */
				.main-navigation li ul li a:hover {
					background-color: #e62330;
					color: #fff;
					
					/*color: #444;*/
				}
		
		
		/* THIRD LEVEL */
		
		.main-navigation li ul ul {
			top: 0;
			left: 100%;
			border-top: 2px solid #e62330 !important;
			top: -1px;  /* move third level nav up or down */
			
			-moz-border-radius-topleft: 8px;
			-moz-border-radius-topright: 8px;
			-webkit-border-top-left-radius: 8px;
			-webkit-border-top-right-radius: 8px;
			border-top-right-radius: 8px;
			border-top-left-radius: 8px;
		}
		
		/* 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;
		}