/* 
    Document   : enduromain
    Created on : Jan 17, 2008, 1:34:59 PM
    Author     : markm
    Description:
        Purpose of the stylesheet follows.
*/

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

.gallerycontainer{
    position: relative;
    height: 450px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
    text-decoration: none;
}

.thumbnailcontainer{
    position: relative;
    text-align:left;
    margin-left:0px;
    text-decoration: none;
}

.thumbnail {
    text-decoration: none;
}

.thumbnail img {
    margin: 0px 10px 10px 10px;
    border:none;
    text-decoration: none;
}

.thumbnail:hover{
    background-color: transparent;
    text-decoration: none;
}

.thumbnail .swapper{ /*CSS for enlarged image*/
    position: absolute;
    background-color: black;
    padding: 0px;
    left: -1000px;
    visibility: hidden;
    color: white;
    text-decoration: none;
    
}

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

.thumbnail:hover .swapper{ /*CSS for enlarged image*/
    visibility: visible;
    z-index: 50;
    left:205px;/*position where enlarged image should offset horizontally */
    top:155px;
    width: 450px;
    height: 300px;
}

.textlook {
    color: #ffffff;
    text-align:left;
    padding: 35px 0px 35px 10px;
    line-height: 1.5em;
    font-size: 175%;
    display:block;
    background-color:black;
    position: absolute;
}

.hovertext {
    visibility :hidden;
    left: -1000px;
}

.thumbnail:hover .hovertext{ /*CSS for enlarged image*/
    visibility: visible;
    z-index: 50;
    left:195px;
    top: -5px;
    width: 450px;
    height: 125px;
}

.maintext{
    left:0px;
    top: -155px;
    width: 450px;
    height: 50px;
}
.mainpic {
    background-color:white;
    position: absolute;
    background: transparent url(./images/bestpeople.JPG) top left no-repeat;
    z-index:0;
    display:block;
    left:205px;
    top:155px;
    width: 450px;
    height: 300px;
    
}