/*Yellow Page Design, News paper design, Post Card Mailers */

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

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

.thumbnailnpd span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 50px;
border: 1px dashed gray;
height: auto;
width: auto;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailnpd:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -450;  /*Mozilla/Safari/Opera */
_top: -200;  /*IE 7 and under */
left: -200px;  /*Mozilla/Safari/Opera */
_left: -100px; /*IE 7 and under - position where enlarged image should offset horizontally */

}
/*The following is for the 2 images that do not hover correctly in Mozilla, Safari, and Opera */
.thumbnailnpd2{
position: relative;
z-index: 0;
}

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

.thumbnailnpd2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 50px;
border: 1px dashed gray;
height: auto;
width: auto;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailnpd2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -270;  /*Mozilla/Safari/Opera */
_top: -200;  /*IE 7 and under */
left: -830px;  /*Mozilla/Safari/Opera */
_left: -100px; /*IE 7 and under - position where enlarged image should offset horizontally */

}


/* Brochure Design */


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

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

.thumbnailbd span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 50px;
border: 1px dashed gray;
height: auto;
width: auto;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailbd:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -450;  /*Mozilla/Safari/Opera */
_top: -200;  /*IE 7 and under */
left: -300px;  /*Mozilla/Safari/Opera */
_left: -200px; /*IE 7 and under - position where enlarged image should offset horizontally */

}
/*The following is for the 2 images that do not hover correctly in Mozilla, Safari, and Opera */
.thumbnailbd2{
position: relative;
z-index: 0;
}

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

.thumbnailbd2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 50px;
border: 1px dashed gray;
height: auto;
width: auto;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailbd2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -270;  /*Mozilla/Safari/Opera */
_top: -200;  /*IE 7 and under */
left: -830px;  /*Mozilla/Safari/Opera */
_left: -100px; /*IE 7 and under - position where enlarged image should offset horizontally */

}



/* Large Sign Display, Vehicle Signs, Logo Design */


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

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

.thumbnaillsd span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 50px;
border: 1px dashed gray;
height: auto;
width: auto;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnaillsd:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -350;  /*Mozilla/Safari/Opera */
_top: -100;  /*IE 7 and under */
left: -250px;  /*Mozilla/Safari/Opera */
_left: -50px; /*IE 7 and under - position where enlarged image should offset horizontally */

}
/*The following is for the 2 images that do not hover correctly in Mozilla, Safari, and Opera */
.thumbnaillsd2{
position: relative;
z-index: 0;
}

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

.thumbnaillsd2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 50px;
border: 1px dashed gray;
height: auto;
width: auto;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnaillsd2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200;  /*Mozilla/Safari/Opera */
_top: -150;  /*IE 7 and under */
left: -830px;  /*Mozilla/Safari/Opera */
_left: -100px; /*IE 7 and under - position where enlarged image should offset horizontally */

}






/* CSS Document */