/* Navigation Menu */
#gj-menu {
	text-align: center;
}
#gj-menu a {
	color: #fff;
}
#gj-menu a:hover {
	color: #f8d9b0;
}
#gj-menu ul.menu > ul {
	display: none;
}
.navbar {
	margin-bottom:0;
}

@media (min-width: 680px) {
	.mainmenu ul.menu,
	.mainmenu  > ul {
		display: inline-block;
		width: 100%;
	}
	.mainmenu ul {
		margin: 0;
		text-indent: 0;
	}
	.mainmenu li a,
	.mainmenu li,
	.separator {
		display: inline-block;
		text-decoration: none;
	}
	.mainmenu li a,
	.separator {
		padding:10px 13px 9px;
		border-bottom: 0;
		color: #fff;
		white-space: nowrap;
		cursor:pointer;
	}
	.mainmenu li a:hover {}
	
	.mainmenu li {
		margin: 0;
		position: relative;
	}
	.mainmenu li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 999;
	}
	.mainmenu li ul ul {
		top: 0;
		left: 100%;
	}
	.mainmenu ul li:hover > ul { /* second level half rounded */
		display: block;	
		background-color: #78a5b6; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1N2U4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzhhNWI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVjODc5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background-image: -moz-linear-gradient(top,  #557e8e 0%, #78a5b6 0%, #5c8797 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#557e8e), color-stop(0%,#78a5b6), color-stop(100%,#5c8797)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #557e8e 0%,#78a5b6 0%,#5c8797 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #557e8e 0%,#78a5b6 0%,#5c8797 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #557e8e 0%,#78a5b6 0%,#5c8797 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #557e8e 0%,#78a5b6 0%,#5c8797 100%); /* W3C */
		padding-bottom:16px;
		border-width:0 0 3px 0;
		border-color:#595a67;
		border-style:solid;
		-webkit-border-radius:0 0 16px 16px;
				border-radius:0 0 16px 16px;
	}
	.mainmenu ul li ul li:hover > ul { /* third level rounded */
		padding-top:16px;
		-webkit-border-radius:16px;
				border-radius:16px;
	}
	.mainmenu ul li ul li {
		margin:0 6px 0;
	}
	.mainmenu li ul li a{
		display: block;
		text-align:left;
		font-size: 12px;
			font-size: 0.750rem;
			line-height: 1rem;
		padding:5px 15px;
			padding: 0.313rem 0.938rem;
		width: 180px;
			width: 11.250rem;
		white-space: normal;
	}
	.mainmenu li ul li a:hover { /* rounded background on sub menu items */
		background-color: rgba(250,250,250,.25);
		color: #fff;
		-webkit-border-radius:6px;
				border-radius:6px;
	}
	/* lets make the sub menu items active */
	#gj-menu .current > a,
	#gj-menu .active > a,
	#gj-menu .current-menu-item > a,
	#gj-menu .current-menu-ancestor > a,
	#gj-menu .current_page_item > a,
	#gj-menu .current_page_ancestor > a {
		color: #f8d9b0; 
	}

}
@media (max-width: 679px) {
	.navbar .btn-navbar {
		float: left;
		padding: 3px 30px;
		margin:8px 15px 0;
		color: #ffffff;
		font-size:12px;
		-webkit-border-radius: 22px 0 22px 0;
		-moz-border-radius: 22px 0 22px 0;
		border-radius: 22px 0 22px 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow:	none;
	}
	.navbar .btn-navbar {
	  background-color: #618b9b;
	  background-image: -moz-linear-gradient(top, #78a5b6, #618b9b);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#618b9b), to(#78a5b6));
	  background-image: -webkit-linear-gradient(top, #78a5b6, #618b9b);
	  background-image: -o-linear-gradient(top, #78a5b6, #618b9b);
	  background-image: linear-gradient(to bottom, #78a5b6, #618b9b);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78a5b6', endColorstr='#ff618b9b', GradientType=0);
		border:1px solid #78a5b6;
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.navbar .btn-navbar:hover {
	  color: #ffffff;
	  background-color: #618b9b;
	}
	.mainmenu ul.menu,
	.mainmenu li ul {
		display: block!important;
		width: 100%!important;
		margin:0;
		padding:0 10px 0;
		background-color:#78a5b6;
		list-style:none!important;
		position: relative;
		z-index:3;
	}
	.mainmenu ul.menu {
		padding:10px 0;
		border-bottom:3px solid;
		border-color:#595a67;
		border-style:solid;		
		-webkit-border-radius:0 0 16px 16px;
				border-radius:0 0 16px 16px;		
	}
	.mainmenu li {
		text-align:left;
		margin:0 10px 3px;
		padding:0;
	}	
	.mainmenu li ul {margin-top:3px;}			
	.mainmenu ul > li > ul > li, 
	.mainmenu ul > li > ul > li > ul > li {
	  margin-left: 10px;
	  margin-right: 10px;
	}
	.mainmenu ul > li > ul > li > ul > li {
		font-size: 11px;
	}
	.mainmenu li a,
	.separator {
		padding: 5px 7px; 
		display: block; 
		font-size:12px;
		color:#888!important; 
		background-color:#eeeded;		
		-webkit-border-radius:7px;
				border-radius:7px;
	}
	.mainmenu ul li a:hover { 
		background: #dcddde; 
		color:#000!important;
	}	
	#gj-menu .current > a,
	#gj-menu .active > a,
	#gj-menu .current-menu-item > a,
	#gj-menu .current-menu-ancestor > a,
	#gj-menu .current_page_item > a,
	#gj-menu .current_page_ancestor > a {
		color: #333!important;
		background: #dcddde;		
	}
}

/*
 * Footer Menu 
 */
#st-footer-menu.menu {
	margin:0;
}
#st-footer-menu li {
	display:inline;
	margin:0 4px 0 0;
	
 }
#st-footer-menu li:before { 
	content:"\00B7";
	padding-right:7px;
}
#st-footer-menu li:first-child:before {
	content:"";
}
#st-footer-menu li a:hover {
	text-decoration:underline;
}