body {
    -webkit-overflow-scrolling:auto;
    font-family: "Century Gothic", "Apple Gothic", Futura, Helvetica, Arial, sans-serif;
    font-size:14px;
    background-color:#000;
}
body, td, p, input, textarea {
    font-family: "Century Gothic", "Apple Gothic", Futura, Helvetica, Arial, sans-serif;
    font-size:14px;
}
a:hover, a:active, a:focus, a:visited, a{
    outline: none;
    text-decoration:none;
    color:#fff;
}
input::-moz-focus-inner { border: 0; }
input:focus {
    outline:0;
    }
object, embed {outline: 0;}

#container {
    overflow:hidden;
}
#main {
    width:100%;
    position:relative;
}
#main-container {
    width:1000px;
}
#bg {
    position:absolute;
    bottom:0;
    z-index:1;
    width:100%;
}
#bg img {
    float:left;
}
.lantern {
    position:absolute;
    background-repeat:no-repeat;
    background-position:center center;
    z-index:10;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.lantern .hover {
    position:absolute;
    display:none;
    top:0;
    left:0;
}
.lantern-1-1, .lantern-1-1 .hover {
    background-image:url(../images/1.1.png);
    width:241px;
    height:289px;
}
.lantern-1-1 .hover{
    background-image:url(../images/1.1.1.png);
}
.lantern-1-2, .lantern-1-2 .hover {
    background-image:url(../images/1.2.png);
    width:215px;
    height:247px;
}
.lantern-1-2 .hover{
    background-image:url(../images/1.2.1.png);
}
.lantern-1-3, .lantern-1-3 .hover {
    background-image:url(../images/1.3.png);
    width:235px;
    height:277px;
}
.lantern-1-3 .hover{
    background-image:url(../images/1.3.1.png);
}

.lantern-2-1, .lantern-2-1 .hover {
    background-image:url(../images/2.1.png);
    width:276px;
    height:292px;
}
.lantern-2-1 .hover {
    background-image:url(../images/2.1.1.png);
    left:-12px;
    top:2px;
}
.lantern-2-2, .lantern-2-2 .hover {
    background-image:url(../images/2.2.png);
    width:244px;
    height:257px;
}
.lantern-2-2 .hover {
    background-image:url(../images/2.2.1.png);
    top:14px;
    left:-6px;
}
.lantern-2-3, .lantern-2-3 .hover {
    background-image:url(../images/2.3.png);
    width:265px;
    height:292px;
}
.lantern-2-3 .hover {
    background-image:url(../images/2.3.1.png);
    left:20px;
    top:2px;
}
.lantern-3-1, .lantern-3-1 .hover {
    background-image:url(../images/3.1.png);
    width:310px;
    height:311px;
}
.lantern-3-1 .hover {
    background-image:url(../images/3.1.1.png);
    top:-1px;
}
.lantern-3-2, .lantern-3-2 .hover {
    background-image:url(../images/3.2.png);
    width:287px;
    height:293px;
}
.lantern-3-2 .hover {
    background-image:url(../images/3.2.1.png);
    left:2px;
}
.lantern-3-3, .lantern-3-3 .hover {
    background-image:url(../images/3.3.png);
    width:227px;
    height:261px;
}
.lantern-3-3 .hover {
    background-image:url(../images/3.3.1.png);
    left:5px;
}
.lantern-4-1, .lantern-4-1 .hover {
    background-image:url(../images/4.1.png);
    width:253px;
    height:264px;
}
.lantern-4-1 .hover {
    background-image:url(../images/4.1.1.png);
    top:7px;
}
.lantern-4-2, .lantern-4-2 .hover {
    background-image:url(../images/4.2.png);
    width:235px;
    height:250px;
}
.lantern-4-2 .hover {
    background-image:url(../images/4.2.1.png);
    top:-1px;
}
.lantern-4-3, .lantern-4-3 .hover {
    background-image:url(../images/4.3.png);
    width:218px;
    height:232px;
}
.lantern-4-3 .hover {
    background-image:url(../images/4.3.1.png);
    left:1px;
}

.lantern-content {
    display:block;
    position:absolute;
    width:100px;
    background:  url(../images/infobg.gif) no-repeat 0 0;
    height:100px;
    margin-left:80px;
    margin-bottom:80px;
    zoom:1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    overflow: visible;
    z-index:11;
}
.layer {
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
footer {
    /*background-color:rgba(19, 42, 48);
    background-color:rgba(19, 42, 48, 0.6);*/
    height: 100%;
    position:fixed;
    right:1px;
    top: 0;
    width:67px;
    overflow:hidden;
    z-index:11;    
}
footer a, footer a:visited {
    background: transparent url(../images/footer.png) no-repeat;
    background-position: -1px bottom;
    height:30px;
    margin-left:2px;
    display:block;
    text-indent:-9000em;
    width:67px;
}
footer a:hover {
    background-color:rgba(180, 180, 180);
    background-color:rgba(180, 180, 180, 0.6);
}
a#scroll-up{background-position: -1px -147px;height:90px;}
a#scroll-down{background-position: -1px -257px;height: 80px;margin-bottom: 2px;}
a#new{background-position: -1px -380px;height: 80px;}
a#info{background-position: -1px -489px;height: 80px;}
a#logo{background-position: -1px bottom;height: 440px;margin-top: 1px;}
#infoContainer,
#formContainer{    background-color: rgb(120,120,120);
    background-color: rgba(0,0,0,.6);
    background-color: transparent\9;
    position:relative;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
overflow: shown;position:fixed;right:-660px;top:172px;z-index:400;width: 656px;zoom:1;}
#infoContainer{color: #fff;height:430px;overflow:auto;}
#infoContainer h1, #infoContainer h2{padding: 1em 0 0 30px;}
#infoContainer p, #infoContainer table{padding: 10px 0 0 30px;}
#infoContainer p a {text-decoration:underline;}
#lampion-form{
    left: 0;
    overflow: hidden;
    padding: 30px;
    top: 0px;
    z-index:400;
    zoom:1;
}
#formBG{background: transparent url(../images/01.1.png) no-repeat center center;left: 0;opacity: 0;position: absolute; top: 0;z-index:49;}

#lampion-form h1, #lampion-form h2, #infoContainer h1, #infoContainer h2 {color: #cebca5;text-transform: uppercase;font-weight: normal;}
#infoContainer h1,
#lampion-form h1,
.message h1 {font-size: 24px;color: #fff;margin: 0;}
#infoContainer h2,
#lampion-form h2{font-size: 15px;color: #fff;margin: 0;}
#lampion-form h2#subhead {margin-left:15px;padding-top:5px;float:left;}
.message p, #lampion-form p {color:#cebca5;text-transform:uppercase;}
#lampion-form label{color: #cebca5;cursor: text;display:block;font-size: 18px;font-weight: normal;left: 7px;line-height: 20px;-moz-opacity: 0.60;-khtml-opacity: 0.60;opacity: 0.60;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);position: absolute;text-transform:uppercase;top: 3px;width: 100%;}
#lampion-form label span{font-size: 15px;}
#lampion-form input[type="text"],
#lampion-form textarea{
    background-color: rgb(120,120,120);
    background-color: rgba(0,0,0,.2);
    background-color: transparent\9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
    border: none;color: #fff;font-size: 16px;height: 25px;margin-bottom: 10px;padding: 2px 4px;width: 200px;zoom:1;}
#lampion-form textarea{outline: none;resize: none;height:57px;padding-top: 5px;width: 532px;}
#wishBox{width: 534px;}
#lampion-form .buttons {clear:left;float:left;margin-top:30px;}
#lampion-form .buttons input{
    background-image: url(../images/icn_buttonarrows.png);
    background-color: rgb(120,120,120);background-repeat: no-repeat;background-position: right center;
    background-color: rgba(255,255,255,.2);
    background-color: transparent\9;    
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);border: none;
    color: #CEBCA5;bottom: 20px;font-size: 12px;height: 25px;right: 93px;float: right;padding:2px 25px 0 7px;position: absolute;text-transform:uppercase;zoom: 1;
    }
#lampion-form .buttons input:hover {
-webkit-box-shadow:0 0 15px #ccc; 
-moz-box-shadow: 0 0 15px #ccc; 
box-shadow:0 0 15px #ccc;
}
#from, #to{width: 165px;}
#subhead{float: left;margin:5px 0 0 25px;text-transform: uppercase;width: 175px;}
#fromBox, #toBox{float: left;width: 167px;}
#forminfo {position:absolute;top:500px;color:#fff}
.info {
    border-top:1px solid #CEBCA5;
    color:#fff;
    display:none;
    left:80px;
    position:absolute;    
    top: 50px;
    width:300px;
    -webkit-transform: translate3d(0px, 0px, 0px);
    z-index:150;
    zoom:1;
}
.info-content {
    border: 1px solid #CEBCA5;
    border-top:none;
    background-color: rgb(120,120,120);
    background-color: rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    margin-left:50px;
    padding: 10px;
    -webkit-transform: translate3d(0px, 0px, 0px);
    width:228px;
    z-index:50;
}
.lantern-content-2 .info{
    right:100px;
    left:auto;
}
.lantern-content-2 .info-content {
    margin-left:0;
    margin-right:50px;
}
.info-body {
    color:#cebca5;
}
#captchaBox{position: relative;}
.hint,
#captchaBox a{color: #CEBCA5; position: absolute;text-decoration: none; text-transform: uppercase;}
#yw0_button{left: 130px;top: 27px;}
.hint{left: 380px;position: absolute; top: 0px;width: 150px;}
#captchaBox #Lantern_verifyCode{left: 130px;position: absolute;top: -5px;width: 230px;z-index: 4;}
#captchaBox label{left: 134px;position: absolute;top: 1px;z-index: 5;}

.errorMessage{display: none!important;}
#lampion-form label.error,
#lampion-form .error label.required{color: #d00;}
#lampion-form .error input[type="text"], #lampion-form .error textarea,
#lampion-form input[type="text"].error, #lampion-form textarea.error{border-color: #d00;}
.errorSummary{color: #d00;text-transform: uppercase;margin-bottom: 5px;}
.errorSummary ul{display: none;}
#yw0_button{display: none;}
.row{overflow: hidden; position: relative;}
#additional{position: relative;width: 534px;clear:left;float:left;margin-top:10px;}
#sendWish{padding-bottom: 2px;width: 534px;}
#sendWish.active{background-position: right 4px;}
#mailtoBox{right: 0;position: absolute;top: 0;}
#switchlang{color: #CEBCA5;text-decoration: none;text-transform: uppercase;position:absolute;bottom:20px;left:30px;}

.message {
    position:fixed;
    background-color: rgb(120,120,120);
    background-color: rgba(0,0,0,.5);
    right: 70px;
    top:0px;
    width:300px;
    height:120px;
    z-index:100;
    padding:15px;
}