.scroll-up,.scroll-down{
position:absolute;
width:200px;
height:40px;
left:50%;
/* background: rgba(10,58,28,0.564) url(../images/system/menu/continue.png) no-repeat 68px -5px; */
border-radius:20px 20px 0px 0px;
font-size:20pt;
padding-top:10px;
cursor:pointer;
text-transform:uppercase;
}

.scroll-up{
top:0;
margin:0px 0px 0px -100px;
background:url(../images/system/up.png) no-repeat 68px -5px;
}

.scroll-down{
top:100%;
margin:-50px 0px 0px -100px;
background:url(../images/system/down.png) no-repeat 68px -5px;
}

.image{
overflow:hidden;
}

.image h1,.image h2,.image a{
position:absolute;
text-align:center;
top:0px;
}

.image a{
display:block;
background:#1C5548;
width:350px;
height:32px;
text-align:center;
color:#FFF;
text-transform:uppercase;
top:100%;
left:50%;
margin:-200px 0px 0px -175px;
text-decoration:none;
font-size:14pt;
padding-top:8px;
box-shadow:0 0 20px rgba(255,255,255,0.5);
}

.image a:hover{
background:#2C6558;
}

.image h1,.image h2{
color:#FFFFFF;
text-shadow:3px 3px 1px #595959;
text-align:center;
position:absolute;
-webkit-font-smoothing: antialiased;
overflow:hidden;
}

.image h1{
font-size:60pt;
width:100%;
top:50%;
margin-top:-100px;
left:-100%;
}

.image h2{
font-size:35pt;
width:100%;
top:50%;
margin-top:0px;
left:100%;
}

.hint{
color:#FFF;
background:#1C5548;
opacity:0.9;
border-radius:10px 10px 0px 0px;
font-size:16pt;
padding-top:20px;
position:absolute;
top:100%;
left:50%;
height:40px;
width:250px;
margin:0px 0px 0px -125px;
text-align:center;
}

.footer{
position:fixed;
top:100%;
margin-top:0px;
z-index:10;
}

.lmenu,.rmenu{
z-index:5;
}

.narrow .image{
position:relative!important;
display:block!important;
}

.narrow .filler{
display:none;
}

.narrow .footer{
display:none;
}

.narrow h1{
font-size:14pt;
}

.narrow h2{
font-size:12pt;
}

.narrow .hint{
width:180px;
margin-left:-100px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
padding:20px 10px 0px 10px;
}