/*######################### Gallery ##############################*/
/* The gallery table */
table.gallery {
	background-image:url('./images/frontend/bg2.jpg');
}
/* Gallery table row */
table.gallery tr {
border-width: 0px;
}
/* Gallery table data */
table.gallery td {
	border-color: black;
	border-style: solid;
	border-width: 1px;
}
/* Gallery table header */
table.gallery th {
	border-color: black;
	border-style: solid;
	border-width: 1px;
}
/* Image borders black */
img {
	border-color:#000;
}
/* Use 13pt font throughout */
p {
	font-size: 13pt;
}
body {
	background-image:url('./images/frontend/bg1.jpg');
	text-align: center;
}
/*################################################################*/
/* thumb code */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}

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

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200;
left: -30px; /*position where enlarged image should offset horizontally */

}
/**/
.thumbnail2{
position: relative;
z-index: 0;
}

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

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
top: -200;
}

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

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200;
left: -110px; /*position where enlarged image should offset horizontally */

}
/*/