/* Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

body {
    margin: 0;
    padding: 0;
    background: #fff url("../images/bg.jpg") top center repeat-x;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
}

.content_wrapper {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.top_content {
    width: 980px;
    margin: 0 auto;
}

.header {
    width: 940px;
    float: left;
    padding: 30px 20px 0;
}

.iphone {
    width: 258px;
    margin-left: 24px;
    height: 388px;
    float: left;
    background: url("../images/iphone7.png") left top no-repeat;
    padding: 111px 24px 0 27px;
}

.logo_content {
    width: 550px;
    float: right;
    margin-top: 120px;
}

h1 {
    font-size: 81px;
    margin-bottom: 20px;
}

h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

p {
    font-size: 14px;
    line-height: 22px;
}

a.get_notified {
    width: 440px;
    height: 57px;
    margin: 40px 0 0 0;
    float: left;
    background: url("../images/button.png") left top no-repeat;
    font-size: 26px;
    color: #10beff;
    text-decoration: none;
    font-weight: 200;
    text-align: center;
    line-height: 54px;
}

a.get_notified strong {
    font-weight: 500;
}

a:hover.get_notified {
    background: url("../images/button.png") left bottom no-repeat;
    color: #ffffff;
}

.shadow {
    width: 100%;
    height: 16px;
    background: url("../images/shadow.png") repeat;
    float: left;
    margin: -16px 0 0 0;
}

.white_content {
    width: 100%;
    background: #fff;
    float: left;
}

.coming_soon {
    width: 345px;
    float: left;
    padding: 0 0 0 34px;
}

p.c_soon {
    color: #10beff;
    font-size: 34px;
    font-weight: 200;
    line-height: 40px;
}

p.c_soon strong {
    font-size: 50px;
}

ul.social {
    float: left;
    padding: 0 23px 0 39px;
    width: 330px;
    border-right: 1px solid #fdeee9;
    border-left: 1px solid #fdeee9;
}

ul.social li {
    float: left;
    font-size: 12px;
    text-align: center;
}

ul.social li a {
    color: #10beff;
    text-decoration: none;
    width: 90px;
    height: 24px;
    float: left;
    padding-top: 36px;
    text-align: center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-right: 20px;
}

ul.social li a:hover {
    color: #ffffff;
}

ul.social li a.googleplus {
    background: #ffffff url("../images/social.png") 34px -74px no-repeat;
}

ul.social li a:hover.googleplus {
    background: #10beff url("../images/social.png") -43px -74px no-repeat;
}

ul.social li a.website {
    background: #ffffff url("../images/social.png") 34px 10px no-repeat;
}

ul.social li a:hover.website {
    background: #10beff url("../images/social.png") -43px 10px no-repeat;
}

ul.social li a.facebook {
    background: #ffffff url("../images/social.png") 38px -157px no-repeat;
}

ul.social li a:hover.facebook {
    background: #10beff url("../images/social.png") -39px -157px no-repeat;
}

ul.social li a.email {
    background: #ffffff url("../images/social.png") 34px -413px no-repeat;
}

ul.social li a:hover.email {
    background: #10beff url("../images/social.png") -43px -413px no-repeat;
}

ul.social li a.youtube {
    background: #ffffff url("../images/social.png") 34px -242px no-repeat;
}

ul.social li a:hover.youtube {
    background: #10beff url("../images/social.png") -43px -242px no-repeat;
}

ul.social li a.github {
    background: #ffffff url("../images/social.png") 34px -327px no-repeat;
}

ul.social li a:hover.github {
    background: #10beff url("../images/social.png") -43px -327px no-repeat;
}

.copyright {
    width: 140px;
    float: left;
    padding-left: 27px;
    padding-top: 35px;
}

.copyright p {
    font-size: 12px;
    color: #666666;
}

.copyright p span {
    font-size: 12px;
    color: #10beff;
}