.menuUL li{
	/* This will arrange the LI-s next to each other */
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	z-index:100000000000000;
	

}

.menuUL li a,.menuUL li a:visited{
	/* Styling the hyperlinks of the menu as buttons */
	
	float: left;
	font-weight: bold;
	display: block;
	color: #333;
	border-top-color: #565656;
	padding: 4px 6px;
	margin: 4px 5px;
	height: 16px;
	font-size: 12px;
	z-index: 100000000000000;

}

.menuUL li a:hover{
	/* On hover show the top, lighter, part of the background: */
	background-position:center top;
	text-decoration:none;
	color:#666;
}

#navigation{
	position: fixed;
	top: 0px;
	right: 50px;
	float: left;
	padding: 5px 10px;
	z-index: 100000000000000;
}

#navigation,.menuUL li a{
	/* CSS3 rounded corners for both the navigation bar and the buttons: */

}

#stage{
	/* The stage contains the individual divs that comprise the halftone icon: */
	height:300px;
	position:absolute;
	right:120px;
	top:50px;
	width:250px;
}

.dot{
	/* The stage contains 192 .dot divs: */
	float:left;
	height:15px;
	width:15px;
}

.dot.active{
	/* When assigned the active class, the div shows a background image of a dot: */
	background:url(img/dot.png) no-repeat center center;
}

.clear{
	/* Old-school clear fix hack to clear the floats: */
	clear:both;
}

#main{
	position:absolute;
	width:500px;
	right: 0px;
}