/**
 * This is the style sheet for the about page.
 *
 * @author     Vera Kern <vera@worksmartlabs.com>
 * @copyright  2009 WorkSmart Labs, Inc.
 */

img, div {
    behavior: url(/webutils/iepngfix.htc);
}

body {
    color:#545454;
    font-face: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*Override the background image because the about page is longer than the others. */
.content {
    background-image:url(/res/drawable/cardiotrainer/light_background_about_page.png);
    height:942px;
}

/* Adapt the footer position to the longer content. */
.footer {
    top:1020px;
}

div#about_text {
    position:absolute;
    top:90px;
    left:40px;
    width:460px;
    text-align:left;
}

div#about_photo {
    position:absolute;
    top:90px;
    left:540px;
}

.about_images {
    background-image:url(/res/drawable/cardiotrainer/about_page.png);
    background-repeat:no-repeat;
}
h2 {
    font-weight:bold;
    margin:0px;
    font-size:12px;
}

div#subHeadline {
    margin: 0 0 10px 40px;
    font-size:18px;
    color:#8F8F91;
    font-weight:bold;
}

div#get_box {
    background-image:url(/res/drawable/cardiotrainer/get_box.png);
    background0-repeat:no-repeat;
    position:absolute;
    top:30px;
    left:575px;
    width:226px;
    height:175px;
}

div#getCardioTrainerHeadline {
    font-size: 20px;
    font-weight: bold;
    margin: 12px 0px 0px 24px;
    color:#8F8F91;
}

div#getCardioTrainerText {
    font-size: 12px;
    margin: 10px 0px 0px 67px;
    color:#8F8F91;
}

div#downloadCardioTrainerHeadline {
    font-size: 25px;
    font-weight: bold;
    margin: 12px 0px 0px 32px;
    color:#FFFFFF;
}

div#downloadCardioTrainerText {
    color: #FFFFFF;
    font-size: 17px;
    line-height: 19px;
    margin: 12px 0px 0px 5px;
    text-align: center;
}

div#download_box {
    background-image:url(/res/drawable/cardiotrainer/download_box.png);
    background-repeat:no-repeat;
    position:absolute;
    top:30px;
    left:575px;
    width:227px;
    height:176px;
}

.line {
    background-image:url(/res/drawable/cardiotrainer/line.png);
    background-repeat:no-repeat;
    height:5px;
    position:absolute;
}

div#lineBelowHeadline{
    top:140px;
    left:35px;
    width:530px;
}

.feature {
    width:170px;
    height:60px;
    padding:0 0 0 65px;
    position:absolute;
}

h3 {
    color:#aa3131;
    font-size:12px;
    margin:0px;
    font-weight:normal;
    font-style:italic;
}

.learnMore {
    font-size:10px;
    font-weight:normal;
}

.feature a:link, .feature a:active, .feature a:hover, .feature a:visited {
    font-weight:normal;
    font-size:10px;
    color:#a1a1a1;
}

div#gps {
    background-position:0px 0px;
    top:160px;
    left:25px;
}

div#pedometer {
    background-position:0px -180px;
    top:160px;
    left:300px;
}

div#highscore {
    background-position:0px -60px;
    top:240px;
    left:25px;
}

div#autopause {
    background-position:15px -595px;
    top:240px;
    left:300px;
}

div#workout {
    background-position:0px -480px;
    top:240px;
    left:575px;
}

div#music {
    background-position:5px -120px;
    top:320px;
    left:25px;
}

div#voice {
    background-position:0px -300px;
    top:320px;
    left:300px;
}

div#facebook {
    background-position:0px -420px;
    top:320px;
    left:575px;
}

div#moveyourbot {
    background-position:0px -240px;
    top:400px;
    left:25px;
}

div#weightlosstrainer {
    background-position:0px -540px;
    top:400px;
    left:300px;
}

div#ray {
    background-position:0px -359px;
    top:400px;
    left:575px;
}

div#lineBelowIcons {
    top:500px;
    left:50px;
    width:750px;
}

div#social_box {
    position:absolute;
    background-image:url(/res/drawable/cardiotrainer/social_box.png);
    background-repeat:no-repeat;
    width:118px;
    height:360px;
    top:520px;
    left:45px;
    font-weight:bold;
    color:#333333;
    font-size:13px;
    padding:15px 0 0 0;
    text-align:center;
}

.social_feature {
    width:75px;
    color:#333333;
    font-size:12px;
    text-align:center;
    position:absolute;
    font-weight:normal;
}

div#usergroup {
    background-position:12px -695px;
    top:568px;
    left:68px;
    padding:55px 0 0 0;
}

div#facebook_social {
    background-position:15px -758px;
    top:648px;
    left:68px;
    padding:55px 0 0 0;
}

div#twitter {
    background-position:15px -828px;
    top:740px;
    left:68px;
    padding:45px 0 0 0;
}

div#QandA {
    background-position:10px -885px;
    top:820px;
    left:63px;
    padding:30px 0 0 0;
}

div#line1 {
    left:68px;
    top:643px;
}

div#line2 {
    left:68px;
    top:727px;
}

div#line3 {
    left:68px;
    top:807px;
}

div#quotesHeadline {
    margin: 0 0 10px 40px;
    font-size:18px;
    color:#8F8F91;
    font-weight:bold;
    position:absolute;
    top:520px;
    left:170px;
}

.quote {
    background-position:0px -660px;
    font-size:13px;
    height:33px;
    width:370px;
    position:absolute;
    left:180px;
    padding:10px 0 0 10px;
    color:#545454;
}

div#quote1{
    top:550px;
}

div#quote2{
    top:640px;
}

div#quote3{
    top:700px;
}

div#quote4{
    top:775px;
}

div#quote5{
    top:850px;
}

.name {
    text-align:right;
    color:#a1a1a1;
    font-style:italic;
}

.name a:link, .name a:active, .name a:hover, .name a:visited {
    font-weight:normal;
    font-size:13px;
    color:#a1a1a1;
}

div#nexus_frame {
    background-image:url(/res/drawable/cardiotrainer/nexus_frame.png);
    background-repeat:no-repeat;
    position:absolute;
    top:519px;
    left:598px;
    width:198px;
    height:390px;
}

div#screenshots {
    background-image:url(/res/drawable/cardiotrainer/screenshots.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    position:absolute;
    top:566px;
    left:621px;
    width:149px;
    height:265px;
}