/* 
Document   : endurotech
Created on : Feb 17, 2008, 1:48:03 PM
Author     : markm
Description:
Purpose of the stylesheet follows.
*/


li a {
    color: #fff;
    cursor: pointer;
    border: none;
    text-decoration: none;
}

li a:hover{
    background: #808080;
}

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

.gallerycontainer{
    position:   relative;
    height: 460px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
    margin:     10px;
    
}
.thumbnail:hover{
    background-color: transparent; /*This is only necessary for to get hover to work at all on ie, typical*/
    text-decoration: none;
    cursor: pointer;
}


.thumbnail img {
    border:none;
    text-decoration:none;
}

.thumbnail .graymfl, .thumbnail .grayddl, .thumbnail .graysoft {
    display: block; 
    position: absolute;
    z-index:0;
}

.thumbnail .graymfl{
    left: 0px;
}
.thumbnail .grayddl{
    left: 165px;
    top: 165px;
}
.thumbnail .graysoft{
    left: 0px;
    top: 310px;
}

.thumbnail .headtext{
    visibility: hidden;
    position: absolute;
    width: 250px;
    height: 250px;
    padding: 20px 10px;
}


.thumbnail:hover .graymfl, .thumbnail:hover .grayddl, .thumbnail:hover .graysoft{
    visibility: hidden;
    z-index:-1;
}

.thumbnail .mfl, .thumbnail .ddl, .thumbnail .soft { 
    display:block; 
    position: absolute;
    visibility: hidden;
    left: -1000px;
    color: white;
}

.thumbnail:hover .mfl, .thumbnail:hover .ddl, .thumbnail:hover .soft, .thumbnail:hover .headtext{ 
    visibility: visible;
    position: absolute;
}

.thumbnail:hover .mfl{
    left: 0px;
    top:  0px;
}
.thumbnail:hover .ddl{
    left: 165px;
    top: 165px; 
}   
.thumbnail:hover .soft{
    left: 0px;
    top: 310px; 
}   

.textmain {
    position: absolute;
    width: 250px;
    z-index:0;
    top: 0px;
    left: 380px;
}
.textmfl {
    top: 0px;
    left: 380px;
}
.textddl {
    top: 0px;
    left: 380px;
}
.textsoft {
    top: 0px;
    left: 380px;
}

.textmain p {
    font-size: 100%;
    padding: 10px;
    z-index:0;
}
.headtext b.p{
    margin:auto;
    font-size: 100%;
    font-weight: normal;
}



.tiny2 {
    margin-left:20px;
    font-size: 80%;
}