/*RESET & HEADER*/
 ol, ul, li {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font : 16px 'Myriad Pro', arial, helvetica, helve, sans-serif;
	vertical-align:baseline;
	background:transparent;
}
a {
	/* color: #4C9CF1; */
	color:#333333;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color:444;
}
nav {
	float: center;
	padding: 1px;
	width: 95%;
}
#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
/* #4C8FEC */
	background: #1b5287 url(../img/menu-icon.png) center;
}
a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
}
ul {
	list-style: none;
}
/* Do inline float on LI's */
li {
	display: inline-block;
	padding: 1px
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}

/*MEDIA QUERY*/
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width : 480px) {
/* header {
 position: absolute;
} */

 #menu-icon {
 display:inline-block;
 float:right;
}
 nav ul, nav:active ul {
 display: none;
 position: absolute;
 padding: 0px;
 background: #fff;
 border: 2px solid #444;
 right: 5px;
 top: 40px;
 width: 30%;
/*border-radius: 4px 0 4px 4px;  */

	}
 nav li {
 text-align: center;
 width: 100%;
 padding: 5px 0;
 margin: 0;
}
 nav:hover ul {
 display: block;
}
}