body, html {
	height:100%;
	margin:0;
	padding:0;
	background-color: #14222E;
	font-family: helvetica;
}

img {
	border: 0px;
}

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

#header {
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	width: 1004px;
	height: 192px;
}

#menu {
	position: absolute;
	width: 445px;
	height: 107px;
	margin-left: 443px;
	margin-top: 54px;
}

.menu-item {
  display: block;
  float: left;
}

.menu-item#aboutme {
  height: 107px;
  width: 157px;
  background-image: url(img/aboutme.jpg);
}
.menu-item#aboutme:hover, body.home .menu-item#aboutme {
  background-image: url(img/aboutme_mo.jpg);
}

.menu-item#showreel {
  height: 107px;
  width: 178px;
  background-image: url(img/showreel.jpg);
}
.menu-item#showreel:hover, body.showreel .menu-item#showreel {
  background-image: url(img/showreel_mo.jpg);
}

.menu-item#blog {
  height: 107px;
  width: 110px;
  background-image: url(img/blog.jpg);
}
.menu-item#blog:hover {
  background-image: url(img/blog_mo.jpg);
}


#content{
	float: left;
	background-color: #000000;
	width: 1004px;
	height: 600px;
	font-size: 14px;
}

#content_center{
	padding-top: 87px;
	padding-left: 64px;
}

#footer {
	clear: left;
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	height: 92px;
	width: 1004px;
	bottom: 0px;
}