html, body {
	text-align: center;
	background: #cccccc;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
* {
	margin: 0;
	padding: 0;
	border: none;
}
#header {
	background-color: #666666;
	height: 60px;
}
#menu {
	margin: 20px 0 0 0;
}
h1 {
	line-height: 60px;
}
/*************ul styling******************/
ul, li {
	list-style:none;
}
ul {
	position: relative;
	width: 623px;
	height: 535px;
	margin: 50px auto;
	background: url(../logo_240x307.gif) no-repeat 190px 110px;
	border: 1px solid #ffffff;
	padding-left: 5px;
}
li {
	width: 103px;
	height: 60px;
	float: left;
	margin: 5px 0;
	background-position:center center;
	background-repeat:no-repeat;
}
/*************thumbnails******************/
#pic1 {
	background-image: url(images/01sitetn.jpg);
}
#pic2 {
	background-image: url(images/02clearing%20and%20grubbingtn.jpg);
}
#pic3 {
	background-image: url(images/03stakedtn.jpg);
}
#pic4 {
	background-image: url(images/04detention%20pondtn.jpg);
}
#pic5{
	background-image: url(images/05steel%20in%20tank%20foundationtn.jpg);
}
#pic6 {
	background-image: url(images/06pouring%20the%20slabtn.jpg);
}
	#pic7 {
	margin-top:400px;
	background-image: url(images/07thaw%20wires%20on%20the%2016inch%20tie-intn.jpg);
	}
	#pic8 {
	margin-top:400px;
	background-image: url(images/08-16inch%20cross%20and%20tee%20bigtn.jpg);
	}
	#pic9 {
	margin-top:400px;
	background: url(images/09-16inch%20cross%20and%20teetn.jpg);
	}
	#pic10 {
	margin-top:400px;
	background-image: url(images/10gabion%20outfalltn.jpg);
	}
	#pic11 {
	margin-top:400px;
	background-image: url(images/11sitecleanuptn.jpg);
	}
	#pic12 {
	margin-top:400px;
	background-image: url(images/12back%20to%20the%20tanktn.jpg);
	}
/***********effects that make it work******************/
a {
	display: block;
	height: 60px;
}
a img {
	position: absolute;
	top: 75px;
	left: 70px;
	width: 1px;
}
* html a:hover {
	display: block;
	height: 60px;
}
a:hover img {
	width: 500px;
}
a:active img,
a:focus img {
	z-index: 1;
	width: 500px;
}