*
{
margin: 0;
padding: 0;
}

html,
body
{
margin:0;
padding:0;
height:100%;
overflow-x: hidden;
}

html
{
background: url(/images/sha_splash_bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

h1
{
text-align: center
}

p
{
text-align: center
}

section
{
font-family:sans-serif;
font-size: 1.2em;
line-height: 1.4em;
text-shadow: 1px 1px #1A1B20;
color: white;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}

.sha_button_1 {
        -moz-box-shadow:inset 0px 1px 0px 0px #2f99cc;
        -webkit-box-shadow:inset 0px 1px 0px 0px #2f99cc;
        box-shadow:inset 0px 1px 0px 0px #a4e271;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
        background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
        background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
        background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
        background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
        background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
        background-color:#89c403;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        border:1px solid #74b807;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:Arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        text-shadow:0px 1px 0px #528009;
}
.sha_button_1:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
        background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
        background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
        background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
        background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
        background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
        background-color:#77a809;
}
.sha_button_1:active {
        position:relative;
        top:1px;
}
#page-wrap
{
width: 400px; margin: 50px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
}

        #demo-top-bar {
                text-align: left;
                background: #222;
                position: relative;
                zoom: 1;
                width: 100% !important;
                z-index: 6000;
                padding: 20px 0 20px;
        }
        #demo-bar-inside {
                width: 960px;
                margin: 0 auto;
                position: relative;
                overflow: hidden;
        }
        #demo-bar-buttons {
                padding-top: 10px;
                float: right;
        }
        #demo-bar-buttons a {
                font-size: 12px;
                margin-left: 20px;
                color: white;
                margin: 2px 0;
                text-decoration: none;
                font: 14px "Lucida Grande", Sans-Serif !important;
        }
        #demo-bar-buttons a:hover,
        #demo-bar-buttons a:focus {
                text-decoration: underline;
        }
        #demo-bar-badge {
                display: inline-block;
                width: 302px;
                padding: 0 !important;
                margin: 0 !important;
                background-color: transparent !important;
        }
        #demo-bar-badge a {
                display: block;
                width: 100%;
                height: 38px;
                border-radius: 0;
                bottom: auto;
                margin: 0;
                background: url(/images/examples-logo.png) no-repeat;
                background-size: 100%;
                overflow: hidden;
                text-indent: -9999px;
        }
        #demo-bar-badge:before, #demo-bar-badge:after {
                display: none !important;
        }