/* mobile first styles */

	#hamburger	{
		display:block;
		height:40px;
		background:center center no-repeat url(/userfiles/design/hamburger_white.png);
		background-size:contain;
	}
	#main-menu {
		text-align:left;
	}
	#main-menu ul {
		display:none;
		background:#246B95;
		position:relative;
	}
	#main-menu ul a {
		display:block;
		padding:8px;
		color:#fff;
		font-size:24px;
	}

	#main-menu ul ul a {
		font-size:20px;
		padding-left:24px;
	}
	#main-menu ul ul ul a {
		font-size:18px;
		padding-left:40px;
	}






/* desktop styles */
@media(min-width: 1024px) {


	#hamburger {
		display:none;
	}

	#main-menu {
		padding-top:13px;
		width:986px;
		margin:0 auto;
	}
	#main-menu ul {
		display:block;
		margin:0 auto;
	}
	#main-menu ul a {
		padding:15px 12px;
		font-weight:300;
		font-size:19px;
	}
	#main-menu ul li {
		position:relative;
		float:left;
	}
	#main-menu ul li.on a {
		background:#fff;
		color:#444;
	}

	#main-menu ul ul {
		display:none;
		position:absolute;
		top:49px;
		left:0;
		z-index:99;
		background:#2B6E89;
	}
	#main-menu ul ul li {
		float:none;
		width:240px;
	}
	#main-menu ul ul a {
		font-size:14px;
		padding:3px 20px;

	}
	#main-menu ul ul li:last-child {
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}
	#main-menu ul ul li:nth-child(even) {
	}
	#main-menu ul ul li:nth-child(odd) {

	}
	#main-menu ul ul ul {
		top:0;
		left:100%;
	}
	#main-menu ul ul ul li:first-child {
			-webkit-border-radius: 10px 10px 0 0;
			border-radius: 10px 10px 0 0;
	}
	#main-menu ul ul ul li:last-child {
			-webkit-border-radius: 0 0 10px 10px;
			border-radius: 0 0 10px 10px;
	}
	#main-menu ul ul ul a {
		font-size:15px;
		padding:6px 20px;
	}


	#main-menu ul li:hover > ul {
		display:block;
	}

}