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******************/
#pic0 {
	background-image: url(images/00%20signtn.jpg);	
}
#pic1 {
	background-image: url(images/01%20logging%20trucktn.jpg);
}
#pic2 {
	background-image: url(images/02%20firetn.jpg);
}
#pic3 {
	background-image: url(images/03%20silts%20haultn.jpg);
}
#pic4 {
	background-image: url(images/04%20access%20roadtn.jpg);
}
#pic5 {
	background-image: url(images/05%20compacting%20building%20padtn.jpg);
}
	#pic6 {
	margin-top:400px;
	background-image: url(images/06%20starting%20G%20linetn.jpg);
	}
	#pic7 {
	margin-top:400px;
	background-image: url(images/07%20busy%20inside%20the%20buildingtn.jpg);
	}
	#pic8 {
	margin-top:400px;
	background-image: url(images/08%20needs%20lots%20of%20backfilltn.jpg);
	}
	#pic9 {
	margin-top:400px;
	background-image: url(images/09%20septic%20tanktn.jpg);
	}
	#pic10 {
	margin-top:400px;
	background-image: url(images/10%20ready%20for%20D1tn.jpg);
	}
	#pic11 {
	margin-top:400px;
	background-image: url(images/11%20paved%20outtn.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;
}