nav {
	max-width: 100%;
	margin: 0 auto;
	list-style: none;
	padding: 0;
 *zoom: 1;
	background: #efefef;
	border-bottom: solid 1px #cccccc;
}
#nav-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
}
.toggleMenu {
	display: none;
	padding: 10px 15px;
	width: 100%;
	text-decoration: none;
	color: #00447c;
}
.toggleMenu:after {
	content: '\2630';
	position: absolute;
	right: 15px;
	color: #00447c;
}
.nav:before, .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.nav a {
	padding: 10px 15px;
	color: #00447c;
	text-decoration: none;
}
.nav li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px rgba(0, 0, 0, 0 1);
}
.nav > li {
	float: left;
}
.nav > li > a {
	display: block;
}
.nav li > a:hover {
	background: #0089cf;
	color: #ffffff;
}
.nav li > a:after {
	content: ' \25BE';
}
.nav li > a:only-child:after {
	content: '';
}
.nav li ul {
	position: absolute;
	left: -9999px;
}
.nav > li.hover > ul {
	left: 0;
}
.nav li li.hover ul {
	left: 100%;
	top: 0;
}
.nav li li a {
	display: block;
	background: #00447c;
	position: relative;
	z-index: 100;
	color: #ffffff;
}
.nav li li > a:after {
	content: ' \25B8';
	text-align: right;
	right: 15px;
	position: absolute;
}
.nav li li li a {
	background: #00447c;
	z-index: 200;
}

/*media query -- match in js file*/

@media screen and (max-width: 900px) {
#nav-container {
	padding: 0 0;
}
.active {
	display: block;
}
.nav li a {
	color: #ffffff;
	border-bottom: solid 1px rgba(255,255,255,0.25);
}
.nav > li {
	float: none;
	color: red;
	background: #00447c;
}
.nav > li > .parent {
}
.nav li .parent:after {
	content: ' \25BE';
	text-align: right;
	right: 30px;
	position: absolute;
}
.nav li li a {
	padding-left: 30px;
}
.nav li li li a {
	padding-left: 45px;
}
.nav li li .parent:after {
	content: ' \25BE';
	text-align: right;
	right: 30px;
	position: absolute;
}
.nav ul {
	display: block;
	width: 100%;
}
.nav > li.hover > ul, .nav li li.hover ul {
	position: static;
}
}