html, body {
	background: url('../media/bgpg.png') repeat;
	font: 12px "Arial", Lucida Grande, Verdana, Sans-Serif;
	margin: 0;
	padding: 0;
	background-attachment: fixed;
	
}


#container {
	background: #fff;
	width: 800px;
	margin: -100px auto;
	
}

#imagectnr {
    position: relative;
	width: 100px;
    left: -435px;
    top: -335px;
	margin: auto;
}

#banner {
	background: url('../media/banner.png') top left no-repeat;
	height: 150px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 4px solid #ccc;
}

#image1 {
   position: absolute;
   width: 80px; 
   height: 97px; 
   left: 270px;
   top: 350px;
   background-image: url('../media/hazmat.png'); 
   background-repeat: no-repeat 
}	

#image2 {
   position: absolute;
   width: 101px; 
   height: 89px; 
   left: 255px;
   top: 350px;
   background-image: url('../media/demo.png'); 
   background-repeat: no-repeat; 
}	

#image3 {
   position: absolute;
   width: 88px; 
   height: 92px; 
   left: 265px;
   top: 350px;
   background-image: url('../media/const.png'); 
   background-repeat: no-repeat; 
}

#image4 {
   position: relative;
   width: 236px; 
   height: 167px;  
   left: 350px;
   top: 340px;
   background-image: url('../media/dan.png'); 
   background-repeat: no-repeat; 
   background-position: center;
   padding:1px;
   border:1px solid #021a40;
   background-color:#587235;
}

#image5 {
   position: absolute;
   width: 86px; 
   height: 109px;
   left: 135px;
   top: 280px;
   background-image: url('../media/hat.png'); 
   background-repeat: no-repeat; 
}

#image6 {
   position: absolute;
   width: 99px; 
   height: 100px;
   left: 265px;
   top: 350px;
   background-image: url('../media/road.png'); 
   background-repeat: no-repeat; 
}

#image7 {
   position: relative;
   width: 237px; 
   height: 152px;  
   left: 120px;
   top: -5px;
   background-image: url('../media/snow.png'); 
   background-repeat: no-repeat; 
   background-position: center;
   padding:1px;
   border:1px solid #021a40;
   background-color:#587235
}

#image8 {
   position: relative;
   width: 231px; 
   height: 147px;  
   left: 120px;
   top: -5px;
   background-image: url('../media/tractor.png'); 
   background-repeat: no-repeat; 
   background-position: center;
   padding:1px;
   border:1px solid #021a40;
   background-color:#587235;
}

#image9 {
   position: absolute;
   width: 231px; 
   height: 147px;  
   left: 100px;
   top: 530px;
   background-image: url('../media/before.png'); 
   background-repeat: no-repeat; 
   background-position: center;
   padding:1px;
   border:1px solid #021a40;
   background-color:#587235;
}

#image10 {
   position: absolute;
   width: 231px; 
   height: 147px;  
   left: 100px;
   top: 700px;
   background-image: url('../media/after.png'); 
   background-repeat: no-repeat; 
   background-position: center;
   padding:1px;
   border:1px solid #021a40;
   background-color:#587235;
}

#content {
	float: right;
	background: #fff;
	width: 525px;
	border-bottom: 2px solid #ccc;
	margin: 1px;
	padding: 5px;
}

#bottom {
	background: #008000;
	width: 800px;
	margin: 400px auto;
	positon: static;

}

#navbar {
	float: left;
	width: 175px;
	margin: 3px;
	padding: 0;
}	

#footer {
	background: #008000 url('../media/bgbtm.png') no-repeat;
	clear: both;
	color: #000;
	width: 800; 
	height: 16;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 60px 0px;
	text-align: center;
	vertical-align: center;
	font-size: 12px;
}

#text {
   width: 800px; 
   height: 80px; 
   background-image: url('../media/text.png'); 
   background-repeat: no-repeat;
   margin: 100px auto;
} 

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: -10;
left: 60px;
}

#bullets ul { list-style-type: disc; list-style-image: url('bullet.gif'); list-style-position: inside; margin: 1em; width: 30em; padding: 1px;}
#address ul { list-style-type: none; list-style-image: url('bullet.gif'); list-style-position: outside; margin: 0; width: 30em; padding: 0px 0px 0px 80px; text-align: center;}
#content h1 { font-size: 1.3em; margin: 0; padding: 5px 0px 5px 17px; color: #587235;  height: 16px; border-bottom: 1px solid #ccc;}
#content h2 { font-size: 1.3em; margin: 0; padding: 5px 0px 5px 17px; color: #587235;  height: 16px; }
#content h3 { font-size: 1.3em; margin: 0; padding: 0px 0px 0px 0px; color: #587235;  height: 16px; text-align: center;} 
#content h5 { font-size: 0.8em; margin: 0; padding: 0px 0px 4px 0px; color: #000;  height: 10px; text-align: left;} 
#content p { margin: 0px 0px 10px 0px; }
#navbar ul { margin: 5px 0px 10px 0px; padding: 0; border-top: 1px solid #ccc; } 
#navbar li { margin: 0; padding: 5px 0px 5px 0px; list-style: none; border-bottom: 1px solid #ccc; text-align: center; }
#navbar a { color: #587235; display: block; text-decoration: none; } 
#navbar a:hover { color: #9c3;text-decoration: underline; } 
#content a { color: #587235; }
.title { font-size: 1.2em; margin:0px 0px 7px 0px; padding: 0px 0px 0px 20px; color: #008000;  height: 16px; } 
* html #footer { padding: 4px 0px 10px 0px; }