/** Menu Styles **/

.desktop #menucont ul.menu
{
	margin: 0;
}

.desktop #menucont ul.menu li
{
	position: relative;
	float: left;
	list-style-type: none;
	padding: 0;
}

	.desktop #menucont ul.menu li a
	{
		float: left;
		color: #FFF;
		padding: 0 15px;
		margin: 0;
		font-weight: 300;
		line-height: 52px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
		.desktop #menucont ul.menu li a:hover
		{
			background: #336699;
		}
		
			.desktop #menucont ul.menu li.active a,
			.desktop #menucont ul.menu li.active a:hover
			{
				background: #336699;
				font-weight: 600;
			}

.desktop #menucont .menutitle
{
	display: none;
}

@media screen and (max-width: 768px)
{
	
    #menucont .menu
	{
        display: none;
		margin: 0;
    }

	#menucont .menu.open
	{
        display: block;
    }
	
	#menucont ul.menu li
	{
		position: relative;
		float: none;
	}
		
		#menucont ul.menu li, #menucont ul.menu ul li
		{
			display: block;
		}

			#menucont ul.menu li a
			{
				width: 100%;
				display: inline-block;
				margin: 0;
				padding: 5px 0;
				text-indent: 0;
				line-height: 23px;
				color: #D8D2D7;
				background: none;
				font-weight: 300;
				text-transform: uppercase;
			}
			
				#menucont ul.menu li.active a
				{
					font-weight: 600;
					color: #FFF;
				}
			
				#menucont ul.menu li a:hover
				{
					color: #FFF;
					background: none;
				}
				
					#menucont ul.menu > li:last-child a
					{
						margin: 0 0 20px 0;
					}

#menucont .menutitle
{
	display: block;
	width: 100%;
	padding: 12px 42px 12px 0;
	display: block;
	cursor: pointer;
	text-align: left;
	color: #FFF;
	text-transform: uppercase;
}

	#menucont .menutitle p
	{
		margin-bottom: 0;
	}

	#menucont .menutitle p strong
	{
		margin: 0;
		font-size: 18px;
		font-weight: 300;
	}

	#menucont .menutitle span
	{
		margin: 0 0 0 8px;
		font-size: 18px;
	}
	
}