#header {
	width: 100%;
	margin-top: -20px;
	height: 200px;
	background-color: FFFFFF;
	z-index:1;
		}
			#name {
			text-align: center; 
			font-weight: 500;
			font-family: "Courier New" serif monospace;
			font-size: 40px;
			padding:0;
				}
				#name a {font-family: "Courier New" serif monospace;}
				#header img { 
					  margin-left: 40%;
					  height: 40px;
					  padding: none;
					  margin-bottom; 50px;
					  text-align: center;
					}
		
		#menu {
			width: 100%; 
			text-align: center; 
			background-color: #CCCCFF;
			color: #13004d; 
			font-family: "Verdana", serif;
			}
			
		
			a:active {text-decoration: underline;}
			a:hover {text-decoration: underline;}
		a {
			text-decoration: none;
			font-size: 1.5em;
			font-family: "Avenir", serif;
			display: inline-block;
			padding-right: 30px;
			margin-right: 30px;
			color: #13004d;
			 font-variant: small-caps;
			}
			
	a:visited {text-decoration: underline;}
		p {
			font-size: 1.0em;
			font-family: "Avenir", serif;
			
		}
		
		.info {
			font-family:"Open Sans";
			font-variant: normal;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 1.5px;
			line-height: 1.8;
			font-size: 30px;
			color:  #13004d; 
			}
		li {
			font-family: "Open Sans";
			font-size: 30px;
			background-color:#ece6ff;
			color:#867979;
			}

	.left {
		margin: 30px;
		width:1100px;
		margin-right: auto;
		margin-left:auto;
	}
	.left img {
	 	margin-top:20px;}

	.right {
		margin-left:50px;
		float:right;
		clear:right;
		padding:40px;
		position: relative; 
		letter-spacing: 1px;
		color:#131339;
		background-color:#ece6ff;
		width: 500px;
		height: 100px
		text-align: 
		text-indent: 100px;
		line-height: 1.8;
		font-family:Courier New; 
		}
		
		
		.projects {
		text-indent: 100px;
		line-height: 1.8;
		font-family:Courier New; 
		color:#131339;
		background-color:#ece6ff;
		}
		
		.project-headings {
			font-family: "Open Sans";
			text-align: center;
			font-size: 30px;
			color:#867979;
			
		}
	
	
		#project1 {
		float:left;
		display: inline;
		position: relative; 
		width:30%;
		padding:10px;
		border-style: 2px solid #A8A8A8;
		border-style: ridge;
		margin: 10px;
	
		}
		#project2 {
		width:30%;
		float: right;
		position: relative; 
		display: inline;
		padding:10px;
		border-style: 2px solid #A8A8A8;
		border-style: ridge; 
		margin: 10px;
	
		}
		#project3 {
		width:30%;
		float:right;
		position: relative; 
		display: inline;
		padding:10px;
		border-style: 2px solid #A8A8A8;
		border-style: ridge; 
		margin: 10px;
		}
	
		#project1 img{
				height: 270px;
				width: 330px; 
				padding-left: 48px;
		}
				
		#project2 img{
				height:300px;
				width: 300px;
				padding-left: 50px;}
		#project3 img{
				height:300px;
				width: 300px;
				padding-left: 55px;
		}				
				
		#footer {
		/* how to make the adress in my footer be in the center, not up??*/
			height: 50px;
			width: 100%;
			background-color: #9999CC;
			clear: both;
			font-family: "Verdana", sans-serif;
			font-size: 14px;
			text-align: center;
			color: #ffffff;	
			bottom:0;
   			position: relative; 
		}
		
		#footer.p {
		margin-top:20px;
		padding-top:15px;
		}
		
		#email{
			text-align: center;
			border-radius: 5px;
			border: 1px solid;
			border-color:#FFFFFF;
			background-color: #CCCCFF;
			height: 32px;
			width: 120px;
			margin-top: 10px;
			margin-bottom: 10px;
			text-align:center;
			float:right;
			color: #867979;
			font-style: italic;
			font-size: 20px;
		}
	
		
		#content img{
		width: 30%; 
		padding:16px;
		}
		
		#content {
			width: 100%;
			margin-top: 50px; 
			clear: both;
			display: inline;
			padding:10px;
}