html, body {
        height: 100%;
        margin:0;
}

body {
        background-image: url('images/lay/bg.jpg');
        background-repeat: repeat;
}

::-webkit-scrollbar {
        height:20px;
        width:30px;
}

::-webkit-scrollbar-corner {
        background-color:#F5F2FA;
}

::-webkit-scrollbar-track-piece {
        background-color:#F5F2FA;
}

::-webkit-scrollbar-thumb {
        width:14px;
        height:10px;
        background-image: linear-gradient(#B7A7E8, #63558F);
        border:2px solid #FFFFFF;
}


#navi {
        opacity:0.9;
        width:24%;
        margin-right:5%;
        margin-left:6%;
        margin-top:12px;
        float:left;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
        background-image:linear-gradient(#E9A9CF, #B7A7E8);
        border-top:40px solid #63558F;
        opacity:0.7;
}

a.navi {
        color:#46547F;
        letter-spacing:3px;
        font:bold 18px 'Roboto Condensed', sans-serif;
        background:no-repeat top center #F4CF63;
        line-height:10px;
        padding:30px;
        display:block;
        border:0px;
        text-align:left;
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:none;
}

a.navi:link {
        color:#46547F;
        letter-spacing:3px;
        font:bold 18px 'Roboto Condensed', sans-serif;
        background:no-repeat top center #F4CF63;
        line-height:10px;
        padding:30px;
        display:block;
        border:0px;
        text-align:left;
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:none;
}

a.navi:hover {
        color:#E9A9CF;
        background:no-repeat top center #F5F2FA;
        text-decoration:none;
        text-shadow:none;
        opacity:0.6;
}
   
#content {
        width:57%;
        margin-top:-40px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:50px;
        padding:25px;
        font-size:13px;
        font-family:'Libre Baskerville', serif;
        font-weight:500!important;
        text-align:justify;
        color:#46547F;
        line-height:25px;
        letter-spacing:2px;
        -webkit-border-radius:30px;
        -moz-border-radius:30px;
        border-radius:30px;
        Opacity:1;
        float:left;
}

#wrap {
        height:100%;
}

#header {
        background-image:url('images/lay/head.png');
        background-repeat:no-repeat;
        background-position:center; 
        height:650px;
        width:100%;
        margin-top:-15px;
}

a:link {
        text-decoration:none; 
        color:#63558F; 
        font-size:13px;
        font-family:'Libre Baskerville', serif;
        font-weight:600!important;
}

a:visited {
        text-decoration:none; 
        color:#63558F; 
        font-size:13px;
        font-family:'Libre Baskerville', serif;
        font-weight:600!important;
}

a:hover {
        text-decoration:none; 
        color:#E9A9CF;
        font-size:13px;
        font-family:'Libre Baskerville', serif;
        font-weight:600!important;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
}

b { 
        color:#E9A9CF;
        font-weight:400!important;
}

i { 
        color:#B7A7E8;
        font-weight:400!important;
}

blockquote {
        background-color:#F5F2FA; 
        padding:8px;
        opacity:0.8;
        text-align:justify;
        color:#46547F;
}

h1 { 
        color:#63558F;
        letter-spacing:1px;
        font-family:'Alumni Sans Pinstripe', sans-serif;
        font-size:40px;
        padding:10px;
}

.content input, textarea, select {
        background-color:#F5F2FA;
        border:2px dashed #E9A9CF;
        padding:4px;
        color:#63558F;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
}