@charset "UTF-8";
/* CSS Document */
html {height:100%;}
body {height:100%;}
div#content {padding-left:0; padding-right:0; height:100%;}
div.title {width:1024px; padding:24px 0 24px 24px; margin:16px auto 0 auto; color:#212121; float:left;}
div.white {color:#FFFFFF;} 
div#page {width:100%;}
div.subpage {width:100%; padding:0 0 20px 0; margin:0 0 20px 0;   float:left;}
div.badge {width:148px; height:149px; position:absolute; top:50px; left:1180px; }

div.phone, div.watch{width:1024px; height:100%; margin:0 auto;}
div.phone span, div.watch span, div.noframe span {display:block; margin:0 16px 24px 16px; float:left; position:relative;}
div.phone span {width:224px; height:480px; background:url(../images/n5-portrait.png) center center no-repeat; background-size:100%;}
div.watch span {width:172px; height:240px; background:url(../images/watch-round.png) center bottom no-repeat; background-size:100%;}
div.noframe span {width:224px; background:transparent; background-size:100%;}
div.phone span img {width:90%; position:absolute; left:11px; top:11.5%;}
div.watch span img {width:72%; position:absolute; left:24px; top:32.5%;}
div.noframe span img {width:100%;}

div.phone span iframe {width:90%; height:100%; position:absolute; left:11px; top:11.5%;}

/* color blocks */
div.myfit {background:transparent;}
div.challenges {background:#387AFF;}
div.goals {background:#00838f;}
div.weight {background:#AB47BC;}
div.sleep {background:#33439b;}
div.timeline {background:#4367B1;}
div.cards {background:#eeeeee;}
div.wear {background:#121212;}