/********** < Navigation */
#nav { margin:0 auto; padding: 3px 0; font-size:12px; position: relative; z-index: 100; }
/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; float: left; }
#nav li.last {  }
#nav li.over { z-index:998; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav ul li.parent a {}
#nav ul li.parent li a { }

/* 0 Level - Category Names */
#nav li { float:left;}
#nav li.last { margin: 0; }
#nav li.home { padding-left: 0; }
#nav li.home a { background: none;}

#nav a { float:left; padding: 8px 10px; font-family: Lato; color:#7f7f7f; font-weight:normal; font-size:14px;}
#nav a span { }

#nav li.active, #nav li.over {  }
#nav li.active a,
#nav li.over a,
#nav a:hover { color:#619893; }

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding: 0; background: none;}
#nav ul li.last { border: 0;}

#nav ul a,
#nav ul a:hover { float:none;  }
#nav ul li a { font-weight:normal !important; }

/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:220px; top: 40px; left:-10000px; background: #fff; color:#619893 padding: 10px 0; }
#nav div ul { position:static; width:auto; border:none; }

/* 3rd+ Level */
#nav ul ul,
#nav ul div { top: -3px; }
#nav ul ul,
#nav ul div {  }
#nav ul li { background: none !important; }
#nav ul li a { background: none !important; padding: 0; text-transform:capitalize !important; color:#3e837d !important; }
#nav ul li a span{ padding: 5px 20px; }
#nav ul li a:hover { color: #fff !important; background:#3e837d !important; }
#nav ul span,
#nav ul li.last li span { }

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left: 0; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:220px; }
/********** Navigation > */
/* ======================================================================================= */
ul.dropdown {
 font: normal 14px "Lato";
}

	ul.dropdown li {
	 padding: 7px 0;
	 color: #7f7f7f;
	 line-height: normal;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #7f7f7f; text-decoration: none; }
	ul.dropdown a:hover { color: #3e837d; text-decoration: none; }
	ul.dropdown a:active { color: #3e837d; }

	/* -- level mark -- */

	ul.dropdown ul {
	 width: 170px;
	 background-color: #333;
	 color: #fff;
	 font-size: 11px;
	 text-transform: none;
	 filter: alpha(opacity=90);
	 -moz-opacity: .9;
	 KhtmlOpacity: .9;
	 opacity: .9;
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		 filter: none;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #fff; }
		ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
		ul.dropdown ul a:active { color: #fff; }


/* -- Supporting class `dir` -- */

ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 20px;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 min-height: 1px;
 line-height: 1.3em;
 vertical-align: middle;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}