#jfcg {
    position:relative;
    left: -30px;
}

#jfcg a:link,
#jfcg a:hover,
#jfcg a:visited
 {
    text-decoration: none;
}

#jfcg.cont {
    position:relative;
    background-image:url('./header-pic.png');
    background-repeat:no-repeat;
}

#jfcg div {
    position:absolute;
    z-index:8;
    filter: alpha(opacity=0);
    opacity:0.0;
    background-color:transparent;
}

#jfcg .caption {
    position:absolute;
    display:block;
    width: 225px;
    height: 236px;
    background: url(http://www.heritageandculture.on.ca/wp-content/themes/stacked/images/revolve_bg.jpg) no-repeat top left;
    top: 0;
    padding: 20px 30px;
    font-size: 10pt;
    line-height: 14pt;
    border-right: 1px solid #ccc;
}

#jfcg h3 {
	font-size: 14pt;
	line-height: 16pt;
	margin-bottom: 10px;
}

#jfcg .caption_link {
	font-size: 9pt;
	font-variant: small-caps;
	text-transform: uppercase;
}

#jfcg div.active {
    z-index:10;
    filter: alpha(opacity=100);
    opacity:1.0;
}

#jfcg div.last-active {
    z-index:9;
    filter: alpha(opacity=0);
    opacity:0.0;
}

/*
 * Below is some extra CSS that I have used for this plugin in the past.
 * The idea is to give you an example of how I moved the gallery around 
 * my page and changed the caption position and style.
 * This CSS should be placed in your Theme CSS files to avoid any problems when upgrading the plugin.
 */

/*
#jfcg div {
    top: 0px;
    left:-150px;
}

#jfcg h2 {
    font-family: Arial,Verdana,"Helvetica",Times New Roman;
    font-size: 1.5em;
    left: 30px;
    top: 175px;
    background-color:none;
    color:#000d61;
    width:60%;
    margin-bottom:0;
}

#jfcg a img{
}
*/