/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos
{
    visibility: hidden;
}

/* GALLERY CONTAINER */
.gallery
{
    /*background: #ddd; border: 1px solid #aaa; padding: 5px;*/
}

/* LOADING BOX */
.loader
{
    background: url(/images/loader.gif) center center no-repeat #ddd;
}

/* GALLERY PANELS */
.panel
{
    text-decoration: none;
}
.panel img
{
    border: none;
}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */

.panel .overlay-background
{
    height: 230px;
    width: 750px;
    padding-top: 0px;
}


/* PANEL OVERLAY CONTENT */
.panel .panel-overlay
{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 520px;
    display: inline;
}
.panel .panel-overlay a
{
    margin-top: 8px;
    background: url(/images/button.png);
    display: block;
    color: #e46b1f;
    font-weight: bold;
    font-size: 11px;
    height: 25px;
    line-height: 22px;
    margin-bottom: 14px;
    text-decoration: none;
    width: 100px;
}
.panel .panel-overlay a:hover.button
{
    color: #0E4212;
}
.learnMore
{
    background: url(/images/goArrow.gif) no-repeat 5px 5px;
    text-indent: 23px;
    display: block;
}

.panel .panel-overlay h3
{
    color: white;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 8px;
}



/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip
{
    margin: 0px;
}

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame
{
}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap
{
    border-left: 1px solid #666;
    border-right: 1px solid #666; /*border: 1px solid #aaa;*/
}

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap
{
    /*border-color: #004813;*/
}

/* FRAME IMAGES */
.frame img
{
    border: none;
}

/* FRAME CAPTION */
.frame .caption
{
    font-size: 12px;
    text-align: center;
    color: #333;
    font-family: Arial, Helvetica, sans-serif; /*background:#999; font-weight:bold; opacity:0.8;*/
}
.frame .caption:hover
{
    text-decoration: underline;
}
/* CURRENT FRAME CAPTION */
.frame.current .caption
{
    color: #000;
    opacity: 1;
    background: #D2D29C;
    font-weight: bold;
}


.frame.current .caption:hover
{
    text-decoration: none;
}