nav{
	position: relative;
	font-size: 13px;	
	width:1000px;
	margin-right: auto;
	margin-left: auto;
}

/* Main Menu */
.mainmenu{
	display: inline-block;
	cursor:pointer;
	outline:none;
	margin-right: -3px;
}
.mainmenu a{
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	border-radius:0px;
	display: block;
	padding-top: 15px;
	padding-right:15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.mainmenu a:hover{

	background-color: #1b69c2;
}


/* Sub Menu */
.submenu{
	z-index: 9999;
	opacity:0;
	position: absolute;
	visibility:hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-shadow: 0px 0px 3px #333;
	max-width:600px; /* max width is for multi column */
}

.submenu a{
	text-transform: uppercase;
	display: block; /*change to inline-block for multi column*/
	min-width: 200px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #1b69c2;
	opacity:0.9;
}
.submenu a:hover{
	opacity:1;
}

/*on rollover */
.mainmenu:focus .submenu, .mainmenu:hover .submenu{
	visibility:visible;
	opacity:1;
}




/*
@media only screen and (max-width: 700px) {
.mainmenu{
	display: block;
}
.mainmenu:focus .submenu{
	position: static;
	width:100%;
}


.mainmenu:focus .submenu, .mainmenu:hover .submenu{
	width:100%;
}

nav{
	max-height:99999px;
	overflow:hidden;
}

}*/






.hiddenbox {
	background-image: -ms-radial-gradient(center, circle farthest-corner, #1b69c2 0%, #021d3c 100%);
	background-image: -moz-radial-gradient(center, circle farthest-corner, #1b69c2 0%, #021d3c 100%);
	background-image: -o-radial-gradient(center, circle farthest-corner, #1b69c2 0%, #021d3c 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 505, color-stop(0, #1b69c2), color-stop(1, #021d3c));
	background-image: -webkit-radial-gradient(center, circle farthest-corner, #1b69c2 0%, #021d3c 100%);
	background-image: radial-gradient(circle farthest-corner at center, #1b69c2 0%, #021d3c 100%);
	width:100%;
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
}


#toggle, #toggle + label {
	display:none;
	background-color: #06C;
	color: #FFF;
}


/*@media only screen and (max-width: 700px) {
	
.hiddenbox {
	transition: all 0.5s ease;
	max-height:0px;
	opacity:0;
}
#toggle + label {
  display:block;
}

#toggle + label:hover {
  cursor:pointer;
  
}
#toggle:checked ~ .hiddenbox {
  max-height:9999px;
  opacity:1;
}
}
*/