@charset "utf-8";
/* CSS Document */

* 
body {
margin: 0;
padding: 0;
font-family: helvetica;
}
.navWrapper {
text-align: center;
margin-top: 40px;
}
.navWrapper ul {
margin: 0;
padding: 0;
list-style: none;
}
.navWrapper li {
margin: 0;
padding: 0;
float: left;
position: relative;
}
.navWrapper li a {
margin: 0;
padding: 15px 4px;
display: block;
text-decoration: none;
color: #fff;
font-size: 15px;
border-right: 1px solid #000;
position: relative;
background-image:url("http://www.winvoices.com/menu-06_files/css3menu1/mainbk.png");
background-repeat:repeat;
background-position:0 200px;
}
.navWrapper li a:hover {
background-color:#0523d8;
}
.navMenu {
background-color:#4d64ef;
display: inline-block;
margin: 0 auto;
border: 1px solid #000;
border-radius: 6px;
margin: 0;
text-align: center;
}
 
.mobileTrigger {
display: none;
}
/* sub menu */
.subMenu {
position: absolute;
left: 0;
width: 150px;
background-color:#0523d8;
}
.subMenu li {
float: none;
width: 100%;
text-align: left;
}
.subMenu a {
border-top: 1px solid #000;
}
.navWrapper .subMenu a:hover {
background-color:#4d64ef;
}
/* wraps navWrapper */
.clearfix {
clear: both;
height: 0;
font-size: 0;
}
.fa-angle-down {
display: none;
}
 
@media screen and (max-width: 920px) {
.navMenu {
display: none;
border: 0;
border-radius: 0;
margin: 0;
}
.mobileTrigger {
display: block;
color: #fff;
padding: 15px 40px 15px 0;
text-align: right;
background-color:#4d64ef;
width: 100%;
background-image:url("http://www.winvoices.com/menu-06_files/css3menu1/mainbk.png");
background-repeat:repeat;
background-position:0 200px;
}
.navWrapper li {
float: none;
width: 100%;
}
.navWrapper li a {
display: block;
padding: 15px 25px;
border: none;
border-top: 1px solid #000;
text-align: left;
}
/* submenu */
.subMenu {
position: static;
width: 100%;
}
.subMenu li a {
padding-left: 50px;
}
.nav-expanded {
display: block;
}
.fa-angle-down {
display: block;
float: right;
font-size: 22px;
position: absolute;
right: 20px;
top: 10px;
}
.fa-bars {
font-size: 22px;
}
}