html, body {
    font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 100%;
}

h1, h2, h3, h4, h5 {
    font-family: 'Oxygen', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.navbar {
    margin-bottom: 10px;
}

#main_header {
    font-family: 'Oxygen';
    padding: 10px;
    border-bottom: 1px solid #ababab;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); /* W3C */
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    text-align: center;
}

footer {
    background-color: #efefef;
    padding-bottom: 20px;
    padding-top: 20px;
    text-transform: uppercase;
}

#main_header h1 {
    font-family: 'Oxygen', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-width: 400;
    font-weight: normal;
}

#main_header h2 {
    margin: 0;
    margin-bottom: 15px;
    font-family: 'HelveticaNeue-UltraLight';
    font-size: 1.2em;
    font-weight: normal;
}

#main_header img {
    width: 256px;
}

.stepbox img {
    max-width: 177px;
}

.stepbox p {
    font-size: 1.3em;
    color: #788289;
    font-weight: 300;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

.tagline {
    font-size: 1.2em;
    margin-bottom: 30px;
}

.tagline h3 {
    font-weight: bold;
}

.featurette img
{
    width: 500px;
}

.features h5 {
    font-family: 'Oxygen';
    font-weight: bold;
}

.features p {
    font-family: 'HelveticaNeue-Light';
    font-size: 0.9em;
    color: #707070;
}

.feature .imgbox {
    float: left;
    width: 80px;
    height: 80px;
}

.imgbox img {
    margin-left: 20px;
    margin-top: 0px;
    width: 40px;
    height: 40px;
}

#video-box {
    background-color: #000;
    margin-top: 30px;
    text-align: center;
}

#video-box iframe {
    margin-left: auto;
    margin-right: auto;
}

.screenshots {
    background-color: #efefef;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 10px;
    padding-bottom: 40px;
}

.screenshots div {
    margin-top: 20px;
}

.screenshots img {
    width: 140px;
}

.testimonials {
    background-color: #efefef;
    padding-top: 40px;
    padding-bottom: 40px;
}

.testimonials h4
{
    padding-bottom: 20px;
}

.form-newsletter {
    margin: 0;
}

.newsletter {
    padding: 10px 0 30px 0;
}

.newsletter h5 {
    font-weight: bold;
}

#ml-response {
    display: none;
    width: 80%;
    margin: auto;
}

.contact-box .txt-input {
    width: 100%;
}

.contact-box form {
    margin-bottom: 30px;
}

.news
{
    font-size: 1.2em;
    margin-top: 50px;
    color: #555;
}

.news h4 {
    font-size: 1.2em;
}

.news .splitter {
    margin-top: 40px; margin-bottom: 40px;
}

.faq a {
    font-size: 1.2em;
}

.faa .faq-title {
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'Oxygen', 'HelveticaNeue-Light', Helvetica, sans-serif;
    margin-bottom: 5px;
}

.faa {
    margin-top: 15px;
}

#disqus_thread {
    margin-top: 50px;
}

.bbtn {
    min-height: 1.5em;
    display: inline-block;
    padding: 5px 30px;
    margin: 10px 5px 5px 0px;
    cursor: pointer;
    opacity: 0.9;

    color: #FFF;
    font-family: 'Oxygen', "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    text-shadow: rgba(0, 0, 0, 0.9) 0px 1px 2px;

    background: #434343;
    border: 1px solid #242424;

    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -khtml-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -moz-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -o-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -webkit-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.bbtn:hover {

    color: #FFF;
    text-decoration: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -khtml-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -o-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
}

.bbtn:active {
    -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -khtml-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -moz-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    -o-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
    box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
}

.shine {
    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    padding: 0px 12px;
    top: -12px;
    left: -24px;
    height: 1px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
    -khtml-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
    -moz-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
    -o-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bbtn:hover .shine {
    left: 24px;
}

.bbtn:active .shine {
    opacity: 0;
}

.bbtn.gray {
    background: #555;
}

.bbtn.blue {
    background: #3a617e;
}

.bbtn.green {
    background: #477343;
}

.bbtn.red {
    background: #723131;
}

.bbtn.purple {
    background: #4b3f5e;
}

.bbtn.orange {
    background: #ff8200;
}