body {
margin:0px;
text-align: center;
}

#header {

	background: url('images/header.jpg') no-repeat center 0%;
	height:280px;
	margin-bottom: -50px;

}

#container
{
width: 720px;
margin-left: auto;
margin-right: auto;
text-align: left;

}

#navigation {
	position:relative;
	bottom:15px;
}

#aboutme-btn{
	position: relative;
	left:62px;
	top:100px;
}

#portfolio-btn{
	position: relative;
	left:62px;
	top:110px;
}

#resume-btn{
	position: relative;
	left:62px;
	top: 120px;
}

#contactme-btn{
	position: relative;
	left:62px;
	top:130px;
}


#content {
	background:transparent url(images/content-bg.jpg) repeat-y 27px;
	padding-left: 93px;
	padding-top: 30px;
	
}

	
#content p {
	font-family: Arial, helvetica;
	font-size:13px;
	line-height: 1.5em;
	color: #5b5b5b;
	width: 500px;
	padding-top: 15px;
	}
	
#content .title {
		font-family: Arial;
		font-size: 25px;
		color: #49ABE0;
		border-bottom: 1px dotted #49ABE0;
		width: 500px;
		}
	
.status {
	position: relative;
	left:93px;
	top:10px;
}

#footer {
	background: url(images/footer-bg.jpg) no-repeat 80% 0px;
	font-family: Arial, helvetica;
	font-size:13px;
	line-height: 1.5em;
	color: #5b5b5b;
	width: 767px;
	margin-top: -20px;
	padding-bottom: 150px;
	}
	
#footer p { 
	position: relative;
	top:70px;
	left:93px;
	font-size: 10px;
	}

#container{width:800px;margin:0 auto}


div#footer{clear:both;width:100%}

/*--------TYPOGRAPHY---------*/
p{margin:0 10px 10px}

/*---------link styling-------*/

a {
	display:inline;
	color: #981793;
	padding:3px
	}
	
a:link{color:#49abe0;}

#footer .homelink a:link{color: #49abe0;}
#footer .homelink a:visited{color: #5b5b5b;}

#footer .aboutmelink a:link{color: #49abe0;}
#footer .aboutmelink a:visited{color: #5b5b5b;}

#footer .portfoliolink a:link{color: #ed9838;}
#footer .portfoliolink a:visited{color: #5b5b5b;}

#footer .resumelink a:link{color: #ccdc47;}
#footer .resumelink a:visited{color: #5b5b5b;
	
#footer .contactmelink a:link{color: #b3b3b3;}
#footer .contactmelink a:visited{color: #5b5b5b;