html
	{
		background-color: #1E3715;
		font-family: Verdana, Times;
		color: white;
	}
body
	{
		width: 960px;
		margin: 30px auto;
		background-color: #505A4C;
	}
nav
	{
        display:block;
		background-color: #2F382B;
		line-height: 60px;
		text-align: center;
        height:60px;
        width:960px;
	}
article
	{
		padding: 70px 35px 20px 35px;
	}
p
	{
		font-size: 14pt;
	}
p.contact
	{
		text-indent: 70px;
	}
p.description
	{
		padding: 0px 60px;
		text-align: justify;
	}
h1
	{
		text-align: center;
	}
h4
	{
		font-size: 16pt;
	}
img.left
	{
		float: left;
		padding-right: 25px;
	}
nav a
	{
		margin: 0px 40px;
		color: white;
	}
a
	{
		text-decoration: none;
		color: white;
	}
a:hover
	{
		text-decoration: underline;
	}
a:visited
	{
		color: white;
	}
nav a:visited
	{
		color: white;
	}
article div
	{
		background-color: #2F382B;
	}
hr
	{
		color: #505A4C;
	}
div.project
	{
		padding: 30px;
		height: 200px;
	}
div.project img
	{
		float: left;
		padding-right: 20px;
	}
iframe
	{
		padding-left: 150px;
	}
ul 
	{
		font-size: 18px;
		margin: 0px;
		list-style: none;
	}
ul li 
	{
		display: inline;
		position: relative;
		float: left;
		padding: 0px;
		background-color: #2F382B;
	}
li ul 
	{
		display: none;
	}
ul li a 
	{
		display: block;
		text-decoration: none;
		background: #2F382B;
		margin-left: 1px;
		white-space: nowrap;
        padding: 0px 32px 0px 32px;
	}
ul li a:hover 
	{ 
		background: #2F382B;

	}
li:hover ul 
	{
		display: block;
		position: absolute;
	}
li:hover li 
	{
		float: none;
		font-size: 12px;
	}
li:hover a 
	{ 
		background: #2F382B;
	}
li:hover li a:hover 
	{ 
		background: #2F382B; 
	}