ul.nav {
    margin:0px;
    padding: 0px;
	padding:0.5% 0 0.5% 6%;
	z-index:999999;
}
ul.nav li {
    display: inline;
    float: left;
    list-style: none;
    position: relative;
	text-align:left;
	z-index:999999;
}
ul.nav li a {
    color: #FFF;
    text-decoration: none;
    position: relative;
    z-index: 11;
    display: block;
    padding: 0px 16px !important;
	font-size:17px;
	z-index:999999;
}

ul.nav li a:hover {
	background-color:#ff0000;
}

ul.nav li .hover,ul.nav .mask {
    top: auto;
    bottom: auto;
    left: 0px;
    right: 0px;
    position: absolute;
    z-index: 1;
    display: none;
}
ul.nav li .nav_img {
    position: absolute;
    opacity: 0;
}
.arrow {
    border-style: dashed;
    border-color: transparent;
    display: -moz-inline-box;
    display: inline-block;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 0px;
    margin-left: 5px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #FFF;
    position: absolute;
    right: 0px;
    z-index:99;
    top: 35%;
}
ul.nav>li.submenu {
    padding-right: 0;
}

ul.nav>li>.arrow {
    border-color: transparent;
    border-width: 5px;
    display: -moz-inline-box;
    display: inline-block;
    border-top-width: 7px;
    border-top-style: solid;
    border-top-color: #FFF;
    right: 5px;
    float: right;
}
ul.nav li.html_content {
    padding: 10px;
}
ul.nav li .navToolTrip {
    position: absolute;
    left: auto;
    border: 1px solid #000;
    padding: 10px;
    min-width: 120px;
    font-size: 11px;
    background: rgba(255,255,255,0.8);
    border: 1px solid #CCC;
    z-index:99;
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 0;
    border-radius: 8px;
    border-top-left-radius: 0;
    display: none;
}
ul.nav li .navToolTrip.top {
    -webkit-border-radius: 8px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    margin-top: auto;
}
.toolTripArrows {
    border-style: dashed;
    border-color: transparent;
    border-width: 7px;
    display: -moz-inline-box;
    display: inline-block;
    height: 0;
    position: absolute;
    width: 0;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    top: -17px;
    left: -1px;
}
ul.nav li .navToolTrip.top .toolTripArrows {
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: #CCC;
    top: auto;
    bottom: -10px;
    border-bottom-width: 0px;
}
.menu-toggle-button {
	color:#FFF;
	padding:0px 10px;
	position:relative;
	cursor:pointer;
}
.menu-toggle-button span{
	position:absolute;
	right:1%;
	font-size:200%;
	padding:0px 10px;
	line-height:normal;
	
}
/*================================================== */
/* Drop Down
================================================== */
ul.nav ul {
    position: absolute;
    margin: 0px;
    padding: 0px;
    display: none;
	z-index:999;
}
ul.nav>li:hover>ul {
	display:block;
}
ul.nav ul ul {
    top: 0px;
}
ul.nav ul li {
    padding: 0px;
    display: block;
    float: none;
    position: relative;
}
ul.nav ul li a {
	font-size:14px;
}
/*================================================== */
/*DEEP BLUE THEME
================================================== */
ul.nav.deep-blue,.menu-toggle-button.deep-blue{
    background: #017088;
}
ul.nav.deep-blue li .hover,ul.nav.deep-blue li .mask {
    background: #07bbe7;
    background: -moz-linear-gradient(top, #07bbe7 0%, #016f87 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07bbe7), color-stop(100%,#016f87));
    background: -webkit-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: -o-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: -ms-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: linear-gradient(to bottom, #07bbe7 0%,#016f87 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#07bbe7', endColorstr='#016f87',GradientType=0 );
}
ul.nav.deep-blue ul {
    background: #017088;
}
ul.nav.deep-blue li a.selected {
    background: #0ea5c7;
}
/*================================================== */
/*SKY BLUE BLUE THEME
================================================== */
ul.nav.light-sky-blue,.menu-toggle-button.light-sky-blue {
    background: #6eebfa;
    background: -moz-linear-gradient(top, #6eebfa 0%, #0098be 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6eebfa), color-stop(100%,#0098be));
    background: -webkit-linear-gradient(top, #6eebfa 0%,#0098be 100%);
    background: -o-linear-gradient(top, #6eebfa 0%,#0098be 100%);
    background: -ms-linear-gradient(top, #6eebfa 0%,#0098be 100%);
    background: linear-gradient(to bottom, #6eebfa 0%,#0098be 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6eebfa', endColorstr='#0098be',GradientType=0 );
    box-shadow: inset 0px -2px 1px #2eabca;
    
}
ul.nav.light-sky-blue li .hover,ul.nav.light-sky-blue li .mask {
    background: #07bbe7;
    background: -moz-linear-gradient(top, #07bbe7 0%, #016f87 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07bbe7), color-stop(100%,#016f87));
    background: -webkit-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: -o-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: -ms-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: linear-gradient(to bottom, #07bbe7 0%,#016f87 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#07bbe7', endColorstr='#016f87',GradientType=0 );
}
ul.nav.light-sky-blue ul {
    background: #017088;
}
ul.nav.light-sky-blue li.selected {
    background: #0ea5c7;
}
/*================================================== */
/*BLACK BLUE THEME
================================================== */
ul.nav.black ,.menu-toggle-button.black{
    background: #535353;
    background: -moz-linear-gradient(top, #535353 0%, #343434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#343434));
    background: -webkit-linear-gradient(top, #535353 0%,#343434 100%);
    background: -o-linear-gradient(top, #535353 0%,#343434 100%);
    background: -ms-linear-gradient(top, #535353 0%,#343434 100%);
    background: linear-gradient(to bottom, #535353 0%,#343434 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#343434',GradientType=0 );
    box-shadow: inset 0px -2px 1px #575757;
   
}
ul.nav.black li .hover,ul.nav.black li .mask {
    background: #818181;
    background: -moz-linear-gradient(top, #818181 0%, #161515 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#161515));
    background: -webkit-linear-gradient(top, #818181 0%,#161515 100%);
    background: -o-linear-gradient(top, #818181 0%,#161515 100%);
    background: -ms-linear-gradient(top, #818181 0%,#161515 100%);
    background: linear-gradient(to bottom, #818181 0%,#161515 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#161515',GradientType=0 );
}
ul.nav.black ul {
    background: #181717;
}
ul.nav.black li a.selected {
    background: #161616;
}
/*================================================== */
/*LIGHT GRERY THEME
================================================== */
ul.nav.light-grey ,.menu-toggle-button.light-grey{
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cdcdcd));
    background: -webkit-linear-gradient(top, #ededed 0%,#cdcdcd 100%);
    background: -o-linear-gradient(top, #ededed 0%,#cdcdcd 100%);
    background: -ms-linear-gradient(top, #ededed 0%,#cdcdcd 100%);
    background: linear-gradient(to bottom, #ededed 0%,#cdcdcd 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cdcdcd',GradientType=0 );
    box-shadow: inset 0px -2px 1px #d6d6d6;
}
ul.nav.light-grey li a {
    color: #000;
}
ul.nav.light-grey li .hover,ul.nav.light-grey li .mask {
    background: #e0e0e0;
    background: -moz-linear-gradient(top, #e0e0e0 0%, #aeaeae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#aeaeae));
    background: -webkit-linear-gradient(top, #e0e0e0 0%,#aeaeae 100%);
    background: -o-linear-gradient(top, #e0e0e0 0%,#aeaeae 100%);
    background: -ms-linear-gradient(top, #e0e0e0 0%,#aeaeae 100%);
    background: linear-gradient(to bottom, #e0e0e0 0%,#aeaeae 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#aeaeae',GradientType=0 );
}
ul.nav.light-grey ul {
    background: #aeaeae;
}
ul.nav.light-grey li a.selected {
    background: #fcfcfc;
}
/*================================================== */
/*GEREEN THEME
================================================== */
ul.nav.green ,.menu-toggle-button.green{
    background: #299a0b;
    background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#299a0b));
    background: -webkit-linear-gradient(top, #299a0b 0%,#299a0b 100%);
    background: -o-linear-gradient(top, #299a0b 0%,#299a0b 100%);
    background: -ms-linear-gradient(top, #299a0b 0%,#299a0b 100%);
    background: linear-gradient(to bottom, #299a0b 0%,#299a0b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 );
}
ul.nav.green li .hover,ul.nav.green li .mask {
    background: #53f328;
    background: -moz-linear-gradient(top, #53f328 0%, #2a9c0c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53f328), color-stop(100%,#2a9c0c));
    background: -webkit-linear-gradient(top, #53f328 0%,#2a9c0c 100%);
    background: -o-linear-gradient(top, #53f328 0%,#2a9c0c 100%);
    background: -ms-linear-gradient(top, #53f328 0%,#2a9c0c 100%);
    background: linear-gradient(to bottom, #53f328 0%,#2a9c0c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#53f328', endColorstr='#2a9c0c',GradientType=0 );
}
ul.nav.green ul {
    background: #2a9d0c;
}
ul.nav.green li a.selected {
    background: #156400;
}
/*================================================== */
/*ORANGE THEME
================================================== */
ul.nav.orange ,.menu-toggle-button.orange{
    background: #fd8103;
}
ul.nav.orange li .hover,ul.nav.orange li .mask {
    background: #fd8103;
    background: -moz-linear-gradient(top, #f55604 0%, #f55604 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f55604), color-stop(100%,#f55604));
    background: -webkit-linear-gradient(top, #f55604 0%,#fe7e3c 100%);
    background: -o-linear-gradient(top, #ff9325 0%,#f55604 100%);
    background: -ms-linear-gradient(top, #ff9325 0%,#f55604 100%);
    background: linear-gradient(to bottom, #ff9325 0%,#f55604 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f55604', endColorstr='#f55604',GradientType=0 );
}
ul.nav.orange ul {
    background: #f55604;
}
ul.nav.orange li a.selected {
    background: #b93f00;
}

/*================================================== */
/*APPLEGREEN THEME
================================================== */
ul.nav.apple-green ,.menu-toggle-button.apple-green{
    background: #9966cc ;
}
ul.nav.apple-green li .hover,ul.nav.apple-green li .mask {
    background: #7736b6;
    background: -moz-linear-gradient(top, #4a0092 0%, #7736b6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f55604), color-stop(100%,#7736b6));
    background: -webkit-linear-gradient(top, #4a0092 0%,#7736b6 100%);
    background: -o-linear-gradient(top, #4a0092 0%,#7736b6 100%);
    background: -ms-linear-gradient(top, #4a0092 0%,#7736b6 100%);
    background: linear-gradient(to bottom, #4a0092 0%,#7736b6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4a0092', endColorstr='#7736b6',GradientType=0 );
}
ul.nav.apple-green ul {
    background: #7736b6;
}
ul.nav.apple-green li a.selected {
    background: #49038e;
}
/*================================================== */
/* PINK THEME
================================================== */
ul.nav.pink ,.menu-toggle-button.pink{
    background: #ff007f ;
}
ul.nav.pink li .hover,ul.nav.pink li .mask {
    background: #fd8103;
    background: -moz-linear-gradient(top, #9d004f 0%, #d4006a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#890044), color-stop(100%,#d4006a));
    background: -webkit-linear-gradient(top, #9d004f 0%,#d4006a 100%);
    background: -o-linear-gradient(top, #9d004f 0%,#d4006a 100%);
    background: -ms-linear-gradient(top, #9d004f 0%,#d4006a 100%);
    background: linear-gradient(to bottom, #9d004f 0%,#d4006a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9d004f', endColorstr='#d4006a',GradientType=0 );
}
ul.nav.pink ul {
    background: #d4006a;
}
ul.nav.pink li a.selected {
    background: #9d004f;
}

/*================================================== */
/* AMETHYST THEME
================================================== */
ul.nav.amethyst ,.menu-toggle-button.amethyst{
    background: #042f62 ;
}
ul.nav.amethyst li .hover,ul.nav.amethyst li .mask {
    background: #850cb8;
}
ul.nav.amethyst ul {
    background: #2d2928;
}


/*================================================== */
/* LIGHT BROWN THEME
================================================== */
ul.nav.light-brown,.menu-toggle-button.light-brown{
    background: #b5651d;
}
ul.nav.light-brown li .hover,ul.nav.lemon li .light-brown {
    background: #8f4706;
    background: -moz-linear-gradient(top, #693200 0%, #8f4706 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#693200), color-stop(100%,#8f4706));
    background: -webkit-linear-gradient(top, #693200 0%,#8f4706 100%);
    background: -o-linear-gradient(top, #693200 0%,#8f4706 100%);
    background: -ms-linear-gradient(top, #693200 0%,#8f4706 100%);
    background: linear-gradient(to bottom, #693200 0%,#8f4706 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#693200', endColorstr='#8f4706',GradientType=0 );
}
ul.nav.light-brown ul {
    background: #8f4706;
}
ul.nav.light-brown li a.selected {
    background: #693200;
}




/*================================================== */
/* MENU EFFECTS
================================================== */
ul.nav li .mask {
    top: 0px;
    bottom: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    display: block;
}
ul.nav li .mask.maskhover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
ul.nav li .mask.zoom {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
ul.nav li .mask.zoom.maskhover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
ul.nav li .mask.bounce {
    top: -100%;
}
ul.nav li .mask.bounce.maskhover {
    top: 0px;
    -webkit-animation: bounceY 0.9s linear;
    -moz-animation: bounceY 0.9s linear;
    -ms-animation: bounceY 0.9s linear;
    animation: bounceY 0.9s linear;
}
@keyframes bounceY {
    0% {
    transform: translateY(-205px);
}
 40% {
    transform: translateY(-100px);
}
 65% {

    transform: translateY(-52px);
}
 82% {
    transform: translateY(-25px);
}
 92% {
    transform: translateY(-12px);
}
 55%, 75%, 87%, 97%, 100% {
    transform: translateY(0px);
}
}
@-moz-keyframes bounceY {
    0% {
    -moz-transform: translateY(-205px);
}
 40% {
    -moz-transform: translateY(-100px);
}
 65% {
    -moz-transform: translateY(-52px);
}
 82% {
    -moz-transform: translateY(-25px);
}
 92% {
    -moz-transform: translateY(-12px);
}
 55%, 75%, 87%, 97%, 100% {
    -moz-transform: translateY(0px);
}
}
@-webkit-keyframes bounceY {
    0% {
    -webkit-transform: translateY(-205px);
}
 40% {
    -webkit-transform: translateY(-100px);
}
 65% {
    -webkit-transform: translateY(-52px);
}
 82% {
    -webkit-transform: translateY(-25px);
}
 92% {
    -webkit-transform: translateY(-12px);
}
 55%, 75%, 87%, 97%, 100% {
    -webkit-transform: translateY(0px);
}
}
ul.nav li .mask.rotate {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
ul.nav li .mask.rotate.maskhover {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.menu-toggle-button{ display:none;}

/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 768px){
	ul.nav{
		position:relative;
		display:none;
	}
	ul.nav li{
		display:block;
		float:none;
		padding-right:0px!important;
		
	}
	ul.nav li.submenu ul{
		position:static;
	}
	ul.nav>li:hover>ul {
		display:none;
	}
	.menu-toggle-button{
		display:block;
	}
	ul.show-for-devices{
		display:block;
	}
	ul.nav li.submenu{
		float:none!important;
	}
	ul.nav {
    margin:0px;
    padding: 0px;
}

}