<style type="text/css">

body {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(images/BG.jpg);
}
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.logo {
	float: left;
	width: 187px;
	margin-top: 28.5px;
	margin-left: 28px;
}
.buttons {
	float: right;
	height: 22px;
	width: 505px;
	margin-top: 95px;
}
.home {
	height: 22px;
	width: 50px;
}
.about {
	height: 22px;
	width: 58px;
	margin-left: 29.5px;
}
.resume {
	height: 22px;
	width: 73px;
	margin-left: 29.5px;
}
.portfolio {
	height: 22px;
	width: 92px;
	margin-left: 29.5px;
}
.contact {
	height: 22px;
	width: 80px;
	margin-left: 29.5px;
}
.home-pic {
	width: 665px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.reel-pic {
	width: 667px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.clearthefloats{clear:both;}	

</style>
