body{
font:  normal 16px/1.5em 'Muli', sans-serif; 
color: #223344;

}


a:link, a:visited {
    font-family: 'Muli', sans-serif;
    color: #062a59;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}

a:hover, a:active {
   color: #C6AB2F;
}

img.mask {
float: right;
padding: 3px;
}


ul.mainNav{

list-style: none;
font-variant: small-caps;
font-weight: bold;
font-size: 22px;
height: 100%; /* Full height */
    /*position: fixed; /* Make it stick, even on scroll */
    overflow: auto; /* Enable scrolling if the sidenav has too much content */

}
li.nav{
padding-top: 10px;
font-size: <##>;

}


p.cBlock{
width: 650px;

}

.circle {
	border-radius: 50%;
	width: 20px;
	height: 20px; 
	/* width and height can be anything, as long as they're equal */
}
#circle1 {
			width: 20px;
			height: 20px;
			background: #C6AB2F;
		}

#container {
	width: 960px;
}

#content {
	float:left;
	width:730px;
	
	height:600px;
	padding:10px 25px;
	
}

#content a {
font-size:16px;
color: #C6AB2F;
}

#sidebar {
	float:left;
	width:210px;
	
	height:600px;
	
	padding:130px 0px;
	margin-left: -30px;;
}

#footer {
	clear:both;
	text-align:center;
	font-size: 11px;
	height:50px;
	padding:5px
}
#buttonPress{
position: absolute;
top: 119px;
left: 550px;
}
#buttonPeople{
position: absolute;
top: 60px;
left: 694px;
}
#buttonPosters{
position: absolute;
top: 81px;
left: 623px;
}
#buttonBooks{
position: absolute;
top: 35px;
left: 419px;
}
#buttonGames{
position: absolute;
top: 58px;
left: 466px;
}
#buttonProjects{
position: absolute;
top: 85px;
left: 520px;
}
#buttonHome{
position: absolute;
top: 0px;
left: 0px;
z-index=3;
}