/*  
JAVASCRIPT IMAGE GALLERY W/ mootools
Description: STYLE SHEET FOR IMAGE GALLERY
Version: 1.0
Author: Devin Ross
Author URI: http://tutorialdog.com
*/

#img_gallery{ margin:50px auto 0px auto; width:580px; }
#img_gallery a{ outline:none; border:none; }
#img_gallery a img{border:none;}

/* --- IMAGE STAGE */
#fullimg{
        width:580px;
        margin:0px auto;
        overflow:hidden;
        height:440px;
}
#fullimg img { 
	height:450px; 
	margin: 0px auto;
}
#fullimg p, #fullimg span {
        position:absolute;
        background:white;
        opacity:.5;
        filter: alpha(opacity = 50);
        color:black;
        margin-top:-42px;
        width:560px;
        padding:6px;
        font-size:1.2em;
        font-family:"New Times Roman", serif;
}

#fullimg div {
        position:absolute;
        background:white;
        opacity:.0;					/* changed opacity to hide this element */
        filter: alpha(opacity = 0);
        color:black;
        margin-top: 460px;
        height: 0px;
        width:565px;
        padding:6px;
        font-size:1em;
        font-family:"New Times Roman", serif;
}

/* --- SLIDER --- */
#img_gallery #wrapper{
        margin:40px auto 0px auto;
        overflow:hidden;
        padding:4px 2px;
        width: 540px;
        float:left;
        height:50px;
        background-color:#CCCCCC;
        position: relative;
}

#items{
        margin:0px 0px;
        padding:0px;
        list-style:none;
        width:50000px;
        position: relative;
        letter-spacing:0em;
}
#items li{
        float:left;
        list-style:none;
        margin-right:2px;
}
#items .thumb{
        width:75px;
        height:50px;
        cursor:pointer;
        margin:0px;
        padding:0px;
}
#items .large{
        display:none;
        position:absolute;
}
#fullimg .loading{
        margin: 150px 290px;
        width: 24px;
        height: 24px;
}
#fullimg .thumb{display:none;}

#items .item  p, #items .item  span, #items .item  div {
        display:none;
        text-indent: -2000em;
}
#moveleft, #moveright{
        margin:0px;
        margin-top:40px;
        height:58px;
        color: white;
        background-color:#CCCCCC;
        width: 16px;
        text-indent: -2000em;
        text-decoration: none;
        z-index: 1000; 
        display:block;
        cursor: pointer;
        float:left;
}
#moveleft{background: url('../images/left.gif');}
#moveright{background: url('../images/right.gif');}
#moveleft:hover, #moveright:hover{ background-position:bottom; }