html, body {
	background: black;
	color: white;
	font-family: "Calibri";
	font-size: 16px;
}

img {
	border: 0px;
}

a 
{
	color: #0F0;
	text-decoration: none;
}

a:hover
{
	color: #0F0;
}

#menu a 
{
	color: white;
	text-decoration: none;
}

#menu a:hover
{
	color: white;
	text-decoration: none;
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;

}

#container {
	margin-left: 10%;
	margin-right: 10%;
}

h1 { 
	font-variant: small-caps; 
	color: #3362FF; 
	border-bottom: 1px dotted navy;
	border-bottom-color:#F00;
}


#menu {
	padding-top: 5px;
	border: 1px solid blue;
	width: 50%;
	margin-top: 10px;
	margin-left: 25%;
}

#menu ul li { 
display: inline; 
margin-left: 5px;
}
#menu li:hover {
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
}


#content {
	border: 1px solid red;
	background: #002488;
}

#me {
	float: right;
	margin-right: 20px;
	margin-top: 5px;
}

#2div {
	width: 80%;
	height: 500px;
	clear: both;
}

#projectcontainerleft {
	border: 1px solid  #09F;
	width: 45%;
	height: 250px;
	float: left;
	margin-top: 40px;
	padding-left: 5px;
}

#projectcontainerright {
	border: 1px solid #09F;
	width:40%;
	height: 250px;
	float: right;
	margin-top: 40px;
	padding-left: 5px;
}

#profilecontainerleft {
	border: 1px solid  #09F;
	position:absolute;
	width: 40%;
	height: 40px;
	left:5%;
	margin-top: 40px;
	padding-left: 5px;
}

#profilecontainerright {
	border: 1px solid #09F;
	position: absolute;
	width:40%;
	height: 40px;
	right:5%;
	margin-top: 40px;
	padding-left: 5px;
}
#footer {
	float: left;
}