body { background: #FFFFFF; }

body, input, select, textarea { font-family: arial; font-size: 12px; }

body, ul, li, p, form, h1, h2, h3, h4 { margin: 0; padding: 0; }
img, button, frame  { border: 0; }

.clear { clear: both; }

.title h2 span, .button a span, .more span { font-weight: bold; }
header .languages a:hover, footer a:hover { text-decoration: underline; }

.backgrounds { position: absolute; top: 5px; left: 0; width: 100%; height: 534px; }
.backgrounds > div { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 534px; -webkit-transition: all 2s; transition: all 2s; }
.backgrounds div.shown { opacity: 1; }
.backgrounds .bg1 { background: url(../images/background1.jpg) no-repeat center top; }
.backgrounds .bg2 { background: url(../images/background2.jpg) no-repeat center top; }
.backgrounds .bg3 { background: url(../images/background3.jpg) no-repeat center top; }


#container { position: relative; width: 904px; margin: 0 auto; }

header { border-top: 5px solid #FFFFFF; }
header a.logo { float: left; display: block; width: 287px; height: 24px; padding: 12px 0 13px; background: url(../images/title-box.png); text-align: center; margin: 0 0 0 20px; }
header .languages { float: right; padding: 10px 0 0 0; }
header .languages a { font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; margin-left: 20px; }

.title { position: absolute; top: 80px; width: 500px; color: #FFFFFF; }
.title h1 { font-size: 72px; line-height: 60px; margin: 0 0 15px; font-family: arial black; }
.title h2 { font-size: 24px; line-height: 24px; font-weight: normal; }

.decorations div { position: absolute; opacity: 0; -webkit-transition: all 2s; transition: all 2s; }
.decorations .shown { opacity: 1; }
.de .decorations div, .fr .decorations div { width: 126px; height: 114px; top: 130px; left: 550px; }
.decorations .chf { top: 150px; left: 510px; width: 176px; height: 85px; }
.it .decorations .chf { background: url(../images/it/chf.png); }
.de .decorations .chf { background: url(../images/de/chf.png); }
.fr .decorations .chf { background: url(../images/fr/chf.png); }
.decorations .euro { top: 150px; left: 510px; width: 176px; height: 85px; }
.it .decorations .euro { background: url(../images/it/euro.png); }
.de .decorations .euro { background: url(../images/de/euro.png); }
.fr .decorations .euro { background: url(../images/fr/euro.png); }
.decorations .dollar { top: 130px; left: 550px; width: 126px; height: 114px; }
.it .decorations .dollar { background: url(../images/it/dollar.png); }
.de .decorations .dollar { background: url(../images/de/dollar.png); }
.fr .decorations .dollar { background: url(../images/fr/dollar.png); }

.card  { position: absolute; top: 200px; left: -350px; width: 708px; height: 587px; background: url(../images/card.png); }

.button { position: relative; margin-top: 450px; left: 50%; margin-left: -268px; width: 536px; height: 100px; }
.button a { display: block; position: relative; z-index: 2; width: 444px; height: 76px; margin: 0 auto; background: url(../images/button.png); line-height: 55px; text-align: center; font-size: 20px; color: #FFF; text-decoration: none; }
.button a:hover { background-position: 0 bottom; }
.button .sand { position: absolute; bottom: 8px; z-index: 3; width: 536px; height: 40px; background: transparent url(../images/sand.png) no-repeat; }
.button .shadow { position: absolute; bottom: 37px; left: 22px; z-index: 1; width: 494px; height: 19px; margin: 0 auto; background: transparent url(../images/shadow.png) no-repeat; }

.icons .box { float: left; width: 33%; color: #7c7a7a; }
.icons .box .text { float: right; width: 209px }
.icons .box img { float: left; margin-right: 20px; }
.icons .box h3 { font-size: 18px; margin-bottom: 5px; }
.icons .box p { padding-right: 20px; }

.more { padding: 50px 0 40px; color: #7c7a7a; font-size: 14px; line-height: 18px; }

footer { border-top: 1px solid #bebcbc; text-align: right; padding: 10px 0 50px 0; }
footer a { margin: 0 0 0 20px; color: #7c7a7a; text-decoration: none; }
/*custom mark*/
.custom-mark{ position: absolute; right: -48px; top: 90px; z-index: 12;}
.custom-mark img{max-width:200px; width:100%;}