/* Clearfix */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
.mainmenu nav {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
/*.mainmenu ul {
	display: table;
	width: 100%;
}
.mainmenu ul li {
	display: table-cell;
	vertical-align: middle;
	height: 54px;
	position: relative
}
.mainmenu ul li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-size: 11px;
	font-family: 'futurademic', 'GothamPro-Bold';
}
.mainmenu ul li:hover, .mainmenu ul li.active {
	background: #1c5ab0
}*/

#nav1 > ul{display:block;text-align:center}
#nav1 > ul > li{display:inline-block;vertical-align:top;position:relative}
#nav1 > ul > li > a{display:block;font-size:16px;height:54px;line-height:54px;padding:0 20px}
#nav1 a{color:#fff}
#nav1 > ul > li > a:hover,#nav1 > ul > li.active > a,#nav1 ul ul li.active a{background-color:#286bc7;text-decoration:none}

#nav1 ul ul {
	z-index: 9999;
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	border-bottom: 2px solid #0b4290;
	background: #113b75;
}
#nav1 ul li:hover ul {
	display: block;
}
#nav1 ul ul li {
	display: block;
	vertical-align: middle;
	height: auto;
	padding: 0;
	text-align: left;
	position: relative
}
#nav1 ul li.active li {
	background: #164f9f;
}
#nav1 ul ul li:hover {
	background: #1c5ab0
}
#nav1 ul ul li a {
	text-align:left;
	display:block;
	padding:12px 10px;
	text-decoration:none;
}
#nav1 nav a#pull {
	display: none;
}

@media screen and (max-width: 850px) {
	#nav1 > ul > li > a{padding:0 10px;font-size:16px}
}
@media screen and (max-width: 650px) {
	#nav1 > ul > li > a{padding:0 5px}
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
#nav1 ul {
	display: block;
	width: 100%;
}
#nav1 ul li {
	display: block;
	height: auto;
	line-height: 54px;
}
#nav1 ul li.item-106 {
	background: #1c5ab0
}
#nav1 ul ul {
	position: relative !important;
	top: 0;
	left: 0;
	display: block!important;
	border-bottom: none;
	background: #286bc7 !important;
}
#nav1 ul ul li {
	display: block;
	height: auto;
	line-height: auto;
	padding: 5px 10px;
	text-align: center;
}
#nav1 ul li.active li {
	background: #286bc7;
}
#nav1 ul li.active li.active {
	background: #164f9f;
}
#nav1 ul ul li:hover {
	background: #1c5ab0
}
#nav1 ul ul li a {
	text-align: center;
}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 600px) {
#nav1 ul {
	display: none;
}
#nav1 a#pull {
	display: block;
	background: none;
	width: 100%;
	height: 72px;
	color: #fff;
	position: relative;
}
#nav1 a#pull:after {
	content: "";
	background: url('nav-icon.png') no-repeat 0 0;
	background-size: cover;
	width: 92px;
	height: 16px;
	display: block;
	position: absolute;
	left: 20px;
	z-index: 1000;
	top: 28px;
}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
#nav1 li {
	display: block;
	float: none;
	padding: 0;
	width: 100%;
}
}