.aboutcontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid green; 
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/* background-color: lightyellow; */
padding: 0px;
/* left: -1000px; */
/* border: 1px dashed gray; */
visibility: hidden;
/* color: black;
text-decoration: none; */
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
/* left: 230px; /*position where enlarged image should offset horizontally */
left: 2px; /*position where enlarged image should offset horizontally */
top: 6px;
z-index: 50;
}

a#contact {
    display: block;
    width: 140px;
    height: 40px;
    background-image: url(../images/garphome-contact.gif);
	background-position: 0 0;
    margin: 0 auto;
}
a#contact:hover {
	background-position: 0 -40px;
}

a#services {
    display: block;
    width: 127px;
    height: 50px;
    background-image: url(../images/garphome-services.gif);
	background-position: 0 0;
    margin: 0 auto;
}
a#services:hover {
	background-position: 0 -50px;
}

a#portfolio {
    display: block;
    width: 151px;
    height: 38px;
    background-image: url(../images/garphome-portfolio.gif);
	background-position: 0 0;
    margin: 0 auto;
}
a#portfolio:hover {
	background-position: 0 -38px;
}

a .alt { display: none; }