body {
margin: 0px;
}

@media all and (orientation:landscape) {
/* Styles for Landscape screen */
	.side-menu {
	background-color:rgba(0,0,0,.4);
	padding:6px 0px 10px 12px;
	margin-left:10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	position:fixed;
	top:60px;
	width:100px;
	z-index:9999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

	#navmenu li {
  list-style-type:none;
  }
}

.side-menu a:link {
color: #FFFF00;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}

.side-menu a:visited {
color: #FFFF00;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}

.side-menu a:hover {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FF0000;
}

.side-menu a:active {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FF0000;
text-decoration: none;
}

#navmenu {
  padding:0;
  margin:0;
  }
  
  @media all and (orientation:portrait) {
	/* Styles for Portrait screen */
/* Styles for Landscape screen */
	.side-menu {
	background-color:rgba(0,0,0,.4);
	padding:6px 0px 10px 12px;
	margin-left:10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	position:fixed;
	top:60px;
	width:95%;
	z-index:9999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

	#navmenu li {
  list-style-type:none;
 	float:left;
  }
  
  #navmenu li a {
  padding: 2px 8px;	
  }
}