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;
	border: 1px solid #ffffff;
	padding-left: 5px;
	background: url(../logo_240x307.gif) no-repeat 190px 110px;
}
li {
	width: 103px;
	height: 60px;
	float: left;
	margin: 5px 0;
	background-position:center center;
	background-repeat:no-repeat;
}
/*************thumbnails******************/
#pic1 {
	background-image: url(images/01Clint%20pounding%20subgradeTN.jpg);
}
#pic2 {
	background-image: url(images/02West%20edge%20of%20parking%20lotTN.jpg);
}
#pic3 {
	background-image: url(images/03all%20pavedTN.jpg);
}
#pic4 {
	background-image: url(images/04-45TN.jpg);
}
#pic5{
	background-image: url(images/05Steve%20MillerTN.jpg);
}
#pic6 {
	background-image: url(images/06Glenridge%20water%20serviceTN.jpg);
}
	#pic7 {
	margin-top:400px;
	background-image: url(images/07X%27ed%20one%20laneTN.jpg);
	}
	#pic8 {
	margin-top:400px;
	background-image: url(images/08fabricTN.jpg);
	}
	#pic9 {
	margin-top:400px;
	background-image: url(images/09sewer%20manholeTN.jpg);
	}
	#pic10 {
	margin-top:400px;
	background-image: url(images/10-8%20inch%20mainlineTN.jpg);
	}
	#pic11 {
	margin-top:400px;
	background-image: url(images/11stripped%20right%20of%20wayTN.jpg);
	}
	#pic12 {
	margin-top:400px;
	background-image: url(images/12Creekside%20CircleTN.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;
}