@charset "utf-8";
/* CSS Document */

.gallery{
position: relative;
background-image:url(../images/gallery/001_preview.jpg);
background-repeat: no-repeat;
background-position: 180px 0px;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
line-height: 18px;
}

.thumbnail img{
margin: 0 5px 5px 0;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 5px;

}

.thumbnail:hover{
background-color: #FFFFFF;
}

.thumbnail:hover img{
/*border: 1px solid #9c0405;*/
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 5px;
}

/*large image */
.thumbnail span{
position: absolute;
top: -5px;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
/*border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}


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

.thumbnail:hover span{
visibility: visible;
left: 200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* column 2 */
.thumbnail2 img{
margin: 0 5px 5px 0;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 5px;

}

.thumbnail2:hover{
background-color: #FFFFFF;
}

.thumbnail2:hover img{
/*border: 1px solid #9c0405;*/
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 5px;
}

/*large image */
.thumbnail2 span{
position: absolute;
top: -5px;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
/*border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail2 span img{ 
border-width: 0;
padding: 2px;
width:500px;
height:400px;
}

.thumbnail2:hover span{
visibility: visible;
left: 132px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* column 3 */
.thumbnail3 img{
margin: 0 5px 5px 0;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 5px;

}

.thumbnail3:hover{
background-color: #FFFFFF;
}

.thumbnail3:hover img{
/*border: 1px solid #9c0405;*/
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 5px;
}

/*large image */
.thumbnail3 span{
position: absolute;
top: -5px;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
/*border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail3 span img{ 
border-width: 0;
padding: 2px;
width:500px;
height:400px;
}

.thumbnail3:hover span{
visibility: visible;
left: 75px; /*position where enlarged image should offset horizontally */
z-index: 50;
}