h1.HPImage {
  background:url(../Graphics/Home_HandMadePhotographicImages.jpg);
	width:800px;height:60px;
	margin:25px auto;
}

#HPMenuWrapper {
  position: relative;
  top: 50px;
}

.HPMenu {
	position:relative;
  border:1px solid #666;
  margin: 0 auto;
	padding: 0px;
	width:750px;
	height:200px;
	overflow: hidden;
}

.HPMenu ul {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 200px;
	}
	
.HPMenu ul li {
	display: block;
	width: 188px;
	float: left;
	overflow: hidden;
}

.HPMenu ul li a {
	display:block;
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	overflow: hidden;
	height: 200px;
}

.HPMenu ul li#AltProcess a { background: url(../Images/AltProcess.jpg) repeat scroll 0%; }
.HPMenu ul li#Infrared a { background: url(../Images/Infrared.jpg) repeat scroll 0%; }
.HPMenu ul li#Pinhole a { background: url(../Images/Pinhole.jpg) repeat scroll 0%; }
.HPMenu ul li#Projects a { background: url(../Images/Projects.jpg) repeat scroll 0%; }

.HPMenu ul li#Articles a { background: url(../Images/Articles.jpg) repeat scroll 0%; }
.HPMenu ul li#Blog a { background: url(../Images/Blog.jpg) repeat scroll 0%; }
.HPMenu ul li#Bromoil a { background: url(../Images/Bromoil.jpg) repeat scroll 0%; }
.HPMenu ul li#Video a { background: url(../Images/Video.jpg) repeat scroll 0%; }