/**
	|------------------------
	| =Nav Bar
	|------------------------
	*/
	
	.primary-nav li ul, .primary-nav li ol {
		margin:0;
	}
	.primary-nav ul, .primary-nav ol {
		margin:0;
	}	

	.main-navigation	{
		position:relative;
		padding:0;
		margin:0;
		z-index:100;
		min-height:50px;
	}	

	/* The Div that surrounds the Drop Down Menu*/
	.primary-nav	{
		float:none;
	
	}

	/* Menu Bar List */
	ul.primary-nav {
		float: left;
		margin:0 20px 0 0;
		list-style:none; /* Gets rid of bullets in the list */
		line-height:50px;
		max-width:100%;
	}

	ul.primary-nav  li	{
		float:left;
		position:relative;	
	}

	ul.primary-nav a { /* Menu link styling */
		padding:0px 10px;
		color:#000; /* Text color of links */
		text-decoration:none; /* Gets rid of underline for links */			
	}
	
	ul.primary-nav li:hover a  {
		display:inline-block;
		/* Background color for hovered link */
		color: #000; /* Text color of links */
	}
	
	/* Displays Links as Blocks */
		ul.primary-nav ul li a {
		display:block;
		padding:0px 20px;
		width:100%; /* Width of the Drop Down Box */
	}

	/* Styling for all of the Sub Menus  */

	ul.primary-nav ul {
		list-style: none; /* Gets rid of bullets */
		padding:0px;
		width:250px; /* Width of the Drop Down Box */
		position:absolute;  /*States that you are going to define exactly in pixels where the drop down appears */
		z-index:999;
	}

	ul.primary-nav ul li {
			/* The Drop Down Box appears 24px below the menu when the menu is hovered over*/
	}

	ul.primary-nav ul ul { /* Styling for secondary drop downs (Drop Downs of a Drop Down) */
		top:0;
		left:-100%;
		padding: 0px 0px;	
	}
	
	ul.primary-nav ul li  {
		background: rgba(0,0,0,.1);
		float:none;
	}	
		
	ul.primary-nav li  li a:hover	{ /* Styling for every link that is hovered over */	
		background: rgba(0,0,0,.3);		
	}
	
	ul.primary-nav ul li  li	{
		background: rgba(0,0,0,.3);
		float:none;	
	}	
	
	ul.primary-nav ul li  li a:hover	{
		background: rgba(0,0,0,.4);
		float:none;
	}



	/* Makes drop downs not appear by default unless the mouse hovers */
	ul.primary-nav ul,
	ul.primary-nav li:hover ul ul,
	ul.primary-nav ul li:hover ul ul
	{ 
		display: none; 
	}

	ul.primary-nav li:hover ul,
	ul.primary-nav ul li:hover ul ,
	ul.primary-nav ul li ul li:hover ul
	{ display: block;}

	/*ul.primary-nav li * a:hover { /* Styling for every link that is hovered over 
	background: #777;
	color: #FFFFFF;
	text-shadow:1px 1px 0 #000000;
	}*/