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

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

.gallerycontainer{
    display: block;
    margin-bottom: 40px;
}

* html .gallerycontainer{
    margin-bottom: 60px;
}

.thumbnail {
    float: left;
    text-decoration: none;
    margin: 1px;
    cursor: pointer;
}

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

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

.swapper { 
    visibility: hidden;
    position: absolute;
    background-color: black;
    padding: 0px;
    left: -1000px;
    color: white;
    text-decoration: none;
    text-align:left;
    margin: 10px;
    height: 320px;
    width: 640px;
}
* html .swapper {
    width: 630px;
}

.thumbnail:hover .swapper{ 
    visibility: visible;
    left: 175px;
    top:  270px;
}

.minheight {
    height: 80px;
    margin: 0px 13px;
}

.thumbnailwidth {
    width:100px;
}

.headtext {
    width:95%;
    margin: auto;
    text-decoration: none;
}
.headtext .mainthumb {
    float:right;
    margin-right:5px;
    margin-top:10px;
}

.slideshow {
    position: relative;
    text-align: center;
    padding :0px;
    margin: auto;
}
.slideshow img{ border: none;}
.slideshow a {    position:absolute; top: 200px; }
.slideshow .left {left: 15px; }
.slideshow .right {left:550px;}

* html .slideshow .left  {left: -100px; }
* html .slideshow .right {left: 450px; }