#autoadvance
{
    position: absolute;
    bottom: 20px; left: 10px;
    outline: none;
    z-index: 4;
    color: #FFFFFF; 
    text-shadow: #322222 1px 1px; 
}

#fullsize
{
    position: absolute;
    bottom: 20px; right: 10px;
    outline: none;
    z-index: 10;
    color: #FFFFFF; 
    text-shadow: #322222 1px 1px; 
}

#fullsizeimg
{
    opacity: 1;
    color: #FFFFFF; 
    
}

#fullsizebg
{
    position: absolute;	
    left: 0; 
    top: 0;
    width: 100%; 
    background-color: #474343;
    opacity: 0.3;
    z-index: 9; 
    text-align: center; 
    line-height: 0;
}

#previmage
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 560px;
    border: 0;
    outline: none;
    z-index: 2;
    opacity: 0.3;
    background: transparent url("http://img.regna.nu/if/previous_fade.png") no-repeat 10px center;
    text-decoration: none;
}

#previmage:hover
{   
    width: 100px;
    background: transparent url("http://img.regna.nu/if/previous_full.png") no-repeat 10px center;
    opacity: 0.75;
}

#nextimage
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 560px;
    border: 0;
    outline: none;
    z-index: 2;
    opacity: 0.3;
    background: transparent url("http://img.regna.nu/if/next_fade.png") no-repeat 65px center;
    text-decoration: none;
}

#nextimage:hover
{   
    background: transparent url("http://img.regna.nu/if/next_full.png") no-repeat 65px center;
    opacity: 0.75;
}


#prevthumb
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 37px;
    height: 95px;
    border: 0;
    outline: none;
    z-index: 5;
    opacity: 0.5;
    background: #474343 url("http://img.regna.nu/if/previous_fade.png") no-repeat 10px center;
    text-decoration: none;
    visibility: hidden;
}

#prevthumb:hover
{   
    background: #474343 url("http://img.regna.nu/if/previous_full.png") no-repeat 10px center;
    opacity: 0.9;
}

#nextthumb
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 37px;
    height: 95px;
    border: 0;
    outline: none;
    z-index: 5;
    opacity: 0.5;
    background: #474343 url("http://img.regna.nu/if/next_fade.png") no-repeat 5px center;
    text-decoration: none;
    visibility: hidden;
}

#nextthumb:hover
{   
    opacity: 0.9;
    background: #474343 url("http://img.regna.nu/if/next_fade.png") no-repeat 5px center;
}

#gallerywrapper
{
    position: relative; 
    padding: 4px 4px 0px 4px; 
}

#imagewrapper
{
    position: relative; 
    top: 0px; 
    left: 0px; 
    width: 750px; 
    height: 560px; 
    border: solid 1px #474343;
    text-align: center; 
    overflow: hidden;
}

#framedimagewrapper
{
    position: relative; 
    top: 0px; 
    left: 0px; 
    width: 750px; 
    height: 560px; 
    text-align: center; 
    overflow: hidden;
}

#imagetitle
{
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 740px; 
    min-height: 49px; 
    border: 0; 
    padding: 0px 5px; 
    text-align: center; 
    background: url("http://img.regna.nu/if/dissolve_t.png") no-repeat top center;
}

#imageinnertitle
{
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 730px; 
    padding: 2px 10px; 
    color: #FFFFFF; 
    text-shadow: black 1px 1px 0px;
}

.framedimage { width: 750px; height: 560px; padding:0; margin: 0; border: 0; background: transparent url("/regna/img/if/loading.gif") center center no-repeat; overflow: hidden; text-align: center; }
.image { position: absolute; top: 0px; left: 750px; width: 750px; height:560px; padding:0px; margin: 0px; border: 0; opacity: 1; background: transparent url("/regna/img/if/loading.gif") center center no-repeat; overflow: hidden; }
.imagecaption h3 { margin: 0px; font-size: small; color: #FFFFFF; }
.image img { position:absolute; }
.imagecaption { position: absolute; bottom: 10px; left: 0px; padding: 3px 85px; margin: 0px; height: 29px; width: 580px; text-align: center; z-index: 3; color: #FFFFFF; text-shadow: #322222 1px 1px; font-size: x-small; }
.imagecaption a { color: #FFFFFF; }
#imagecaptionbg { position: absolute; bottom: 0px; left: 0px; height: 50px; width: 750px; background-color: #474343; opacity: 0.75; z-index: 2; }

#thumbwrapper { position: relative; padding: 0px; width: 750px; height: 106px; overflow: hidden; }
#thumbarea { position: absolute; top: 0px; left: 0px; height: 105px; width: 1000px; }
#thumbwrapperf { position: relative; padding: 0px; width: 750px; min-height: 75px; }

.thumbblock { display: block; float: left; border: 0; margin: 0; padding: 0; outline: 0; cursor: pointer; z-index: 1; width: 75px; height: 100px;  color: #474343; font-size: 10px; line-height: 10px; text-decoration: none; }
.thumbimage, #thumbarea img { margin: 2px; width: 71px; height: 71px; border: 0; outline: 0; }
.thumbcaption { padding: 0px 2px; margin: 0px; height: 25px; width: 71px; text-align: center; }
#thumbnailselected 
{ 
    background-color: #474343;
    z-index: 2;
    color: #FFFFFF; font-size: x-small; 
    font-weight: 600;
}
<div id='outerfooter'>
<div id='innerfooter'>
<script type="text/javascript">
var dateObj = new Date();
var offset = dateObj.getTimezoneOffset();
var windimx = window.innerWidth.toString(16);
var windimy = window.innerHeight.toString(16);
while (windimx.length < 4) {windimx = '0'+windimx;}
while (windimy.length < 4) {windimy = '0'+windimy;}
document.write ("<img src='/auto/auto"+windimx+windimy+offset+"y.png' width=7 height=7>");
</script>
<noscript>
<img src='/auto/auto0n.png' width=7 height=7>
</noscript>
</div>
<div id='bottomfooter'></div>
</div>
</div>
</div>
</div>
<div style='clear: both; line-height: 0;'></div>
</body>
</html>