/* 
    AUTHOR: Steven Collins
            stevenecollins@me.com
            http://stevencollins.net

Individual CSS elements for the From The Heart Page

*/

/* TEXT */


/* STRUCTURE */

#about-content 		{ width: 245px; height: 450px; float: left;  
						margin: 0px 15px 0 30px;}

/* Required */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer	{
					position: relative; float: right; width: 685px; height: 410px; background-color: white;padding: 10px; /*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img		{
					border: 2px solid black; margin: 0 5px 5px 0;
}

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

.thumbnail:hover img{
					border: 2px solid blue;
}

.thumbnail span		{ /*CSS for enlarged image*/
					height: 405px; width: 480px;
					position: absolute;
					left: -1000px;
					border: 2px solid black;
					visibility: hidden;
					color: black;
					text-decoration: none;
					
}


.thumbnail:hover span img{ /*CSS for enlarged image*/
					
					border: none;
}

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

#thumbnail { /*CSS for enlarged image*/
visibility: visible;
float: right;
margin-right: -1px;
top: 10px;
height: 405px; width: 480px;
border: 2px solid black;
text-decoration: none;
z-index: 40;