body {
		font-family: Garamond, Times, serif;
  		font-size: 100%;
  		margin: 0 5% 0;
		/*background-attachment: fixed;*/
		background-color: rgb(192, 192, 192); 
	}
#header {
  		background-image: url('images/self_portrait1.png');
		background-position: 85%;
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
  		margin-top: 2em;
  	    padding: 3em 1em 2em 1em;
  	    text-align: center;
  	    /*background-color: rgb(123, 104, 238); opacity: .5;*/
        /*background-image: url("");*/
        
}
#main {
		width: 800px;
		background-color: rgb(230, 230, 250);
		padding: 60px;
		margin: 0em 0 0 10em;
}

nav {
		background-color: steelblue;
	}
nav ul {
		list-style-type:none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.nav-primary > li {
		display: inline-block;
		vertical-align: top;
		margin-top: .5em;
	}
	.nav-primary > li a {
		background-color: #1b5280;
		text-decoration: none;
		color: #eee;
		font-weight: bold;
		padding: 0.5em;
		margin: 0 0.5em;
		display: block;
		border-radius: .5em .5em 0 0;
	}
	.nav-primary > li a:hover {
		background-color: #fff;
		color: #000;
	}
	.nav-secondary {
		display: none;
		background-color: #fff;
		position: absolute;
		box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
		margin: 0 0.5em;
		min-width: 10em;
	}
	.nav-primary li:hover .nav-secondary {
		display: block;
	}
	.nav-secondary > li a { 
		background-color: #eee;
		color: #1b5280;
		margin: 0;
		border-radius: 0;
		border-bottom: 1px dotted #ccc;
}

footer {
		text-align: center;


}