body{font-family:"MaxLFBookRegular","Helvetica Neue",Arial,sans-serif;background-attachment:fixed;background-color:#283657;color:rgba(255,255,255,0.9);background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0,#2C3F60 ),color-stop(0.8,#512577 ));background-image:-moz-linear-gradient(60deg, #2C3F60  0pt, #512577  80%);background-image:-o-linear-gradient(60deg,#2C3F60  0,#512577  80%);}
#demo{border-bottom:1px dotted rgba(255,255,255,0.2);position:absolute;left:0;top:0;}
#pattern{background-image:url("../img/dot-pattern.png");position:fixed;height:100%;width:100%;z-index:1;}
a{color:rgba(255,255,255,1.0);text-decoration:none;}
p a{-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;border-bottom:1px dotted rgba(255,255,255,0.2);padding-bottom:0;position:relative;top:0;}
p a:hover{border-bottom:1px dotted rgba(255,255,255,0.8);padding-bottom:4px;top:-2px;}
strong{border-bottom:1px dotted rgba(255,255,255,0.2);color:rgba(255,255,255,1.0);}
#header{background-image:url("../img/nodebeat.png");background-color:transparent;background-repeat:no-repeat;background-position:left center;position:relative;display:block;margin:0 auto;height:100px;width:880px;z-index:110;}
#header h1,#header h2{display:none;}
#container{position:relative;margin:0 auto;width:880px;z-index:10;}
#share{text-align:right;position:fixed;display:block;height:40px;width:400px;right:8px;top:-40px;z-index:120;}
#share li{-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;-o-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;opacity:.8;overflow:hidden;margin:4px 0;width:100px;float:right;}
#share li:hover{opacity:1.0;}
#share li.twitterName {
    width: 135px;
    margin-right: 25px;
}

.csstransitions #container #about{-webkit-transition:color 300ms ease-in-out;-moz-transition:color 300ms ease-in-out;-o-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out;}
#container #about{color:rgba(255,255,255,0.55);padding-top:20px;text-align:left;line-height:1.5;font-size:19px;}
#container #about:hover{color:rgba(255,255,255,1.0);}
#container #about strong{color:rgba(255,255,255,1.0);}
#container #about p{margin:12px 0;}
.csstransitions #container #about .more{-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out;}
#container #about .more{margin-left:0;opacity:1.0;color:#f14f77;}
#container #about .more:after{content:" \000BB";}
#container #about:hover .more{opacity:.0;}
.csstransitions #container #about .extra{-webkit-transition:height 400ms ease-in-out;-moz-transition:height 400ms ease-in-out;-o-transition:height 400ms ease-in-out;transition:height 400ms ease-in-out;}
#container #about .extra{overflow:hidden;height:0;}
.csstransitions #container #about:hover .extra{height:330px;}
.csstransitions #container #about h3{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}
#container #about h3{text-align:left;font-size:24px;overflow:hidden;margin:0;height:0;height:40px;margin:20px 0;line-height:40px;}
#container #about:hover h3{height:40px;margin:20px 0;line-height:40px;}
#container #about .extra .small{margin:0 auto;font-size:16px;}
#container #gallery{margin-bottom:40px;margin-top:40px;position:relative;display:block;height:600px;clear:both;border-bottom:1px dashed rgba(255,255,255,0.1);}

#container #gallery #iPad {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    height: 485px;
    width: 630px;
    left: 10px;
    z-index: 100;
    top: 17px;
}

#container #gallery .iPad {
    background-image: url(../img/ipad.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    height: 485px;
    width: 630px;
    left: 10px;
    z-index: 200;
    top: 17px;
}

#container #gallery #iPad .slideshow {
    position: absolute;
    display: block;
    height: 448px;
    width: 587px;
    left: 22px;
    top: 21px;
}

#container #gallery #iPad .slideshow:after{background-image:url("../img/ipad-gloss.png");background-color:transparent;background-repeat:no-repeat;background-position:center;position:absolute;display:block;height:227px;width:134px;right:0;content:'';}

#container #gallery #iPhone{background-color:transparent;background-repeat:no-repeat;background-position:center;position:absolute;display:block;height:548px;width:276px;left:580px;top:0px;z-index:202;}

#container #gallery .iphone{background-image:url("../img/iphone.png");background-color:transparent;background-repeat:no-repeat;background-position:center;position:absolute;display:block;height:548px;width:276px;left:580px;top:0px;z-index:205;}

#container #gallery #iPhone .slideshow {
    position: absolute;
    display: block;
    height: 435px;
    width: 199px;
    left: 38px;
    top: 58px;
}
#container #gallery #iPhone .slideshow:after{background-image:url("../img/iphone-gloss.png");background-color:transparent;background-repeat:no-repeat;background-position:center;position:absolute;display:block;height:231px;width:85px;right:0;content:'';top:-31px;}


#videoLink{
    background-position: 0 0;
    background-color: transparent;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    margin-top: 37px;
    border: none;
    height: 120px;
    width: 250px;
    left: 210px;
    top: 480px;
    bottom: 0;
    z-index: 102;
    text-align: center;
}
#videoLink:hover{background-position:0 -120px;}
#videoLink span{-webkit-transition:color 400ms ease-out;-moz-transition:color 400ms ease-out;-o-transition:color 400ms ease-out;transition:color 400ms ease-out;color:rgba(255,255,255,0.75);position:relative;font-size:18px;left:90px;top:18px;}
#videoLink span em{-webkit-transition:color 250ms ease-out;-moz-transition:color 250ms ease-out;-o-transition:color 250ms ease-out;transition:color 250ms ease-out;color:rgba(255,255,255,0.3);font-size:11px;}
#videoLink:hover span{color:rgba(255,255,255,1.0);}
#videoLink:hover span em{color:rgba(255,255,255,1.0);}
#container #bottom h2{line-height:28px;font-size:24px;}
#container #bottom h3{color:rgba(255,255,255,0.5);font-style:italic;line-height:24px;font-size:16px;}
#container #bottom header{margin:20px 20px 30px 0;}
#container #bottom article{margin-bottom:20px;}
#container #download{padding-left:0;overflow:hidden;display:block;width:440px;float:left;}
#container #download dt,#container #download dd{margin-bottom:24px;}
#container #download dt{margin-left:20px;float:left;}
#container #download dd{color:rgba(255,255,255,0.75);padding:12px 0 12px 20px;font-style:italic;line-height:25px;font-size:13px;width:160px;clear:right;float:left;}
#container #download dd em{color:rgba(255,255,255,1.0);font-style:normal;font-size:24px;display:block;}
.csstransitions #container #download .appstore{-webkit-transition:background 300ms ease-out;-moz-transition:background 300ms ease-out;-o-transition:background 300ms ease-out;transition:background 300ms ease-out;}
#container #download .appstore{-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.5);border:2px solid #FFF;display:block;float:left;height:70px;width:210px;}
#container #download .appstore:hover{background-color:rgba(255,255,255,0.3);padding-bottom:0;top:0;}
#container #download .appstore span{display:none;}
#container #download .appstore.desktop{background-image:url("../img/windows.png");}
#container #download .appstore.mac{background-image:url("../img/mac.png");}
#container #download .appstore.iphone{background-image:url("../img/iphone-appstore.png");}
#container #download .appstore.ipad{background-image:url("../img/ipad-appstore.png");}
#container #download .appstore.playbook{background-image:url("../img/playbook-appstore.png");}
#container #download .appstore.android{background-image:url("../img/android.png");}
#container #download .appstore.amazon{background-image:url("../img/amazon.png");}



#container #download li .price{display:inline;line-height:20px;height:70px;width:80px;}
#container #download .small{color:rgba(255,255,255,0.4);margin:15px 20px;font-style:italic;font-size:11px;width:80%; clear:both}
#container #download .small a{color:rgba(255,255,255,0.8);}
#container #download .small a:hover{color:rgba(255,255,255,1.0);}
#container #reviews{display:block;width:440px;float:right;}
#container #features{display:block;width:420px;float:right;}
#container #features li{color:rgba(255,255,255,0.55);line-height:24px;margin-left:18px;font-size:14px;}
#container #features li:before{padding-right:10px;content:"+";}
#container #features li em{color:rgba(255,255,255,0.25);font-style:italic;font-size:12px;}
#container{overflow:hidden;}
#container #feedback{display:block;width:420px;float:right;}
footer{background-color:rgba(0,0,0,0.3);border-top:1px dotted rgba(255,255,255,0.2);position:absolute;margin-top:60px;display:block;height:40px;width:100%;z-index:20; text-align: center}
.csstransitions footer p{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;}
footer p{color:rgba(255,255,255,0.25);line-height:40px;font-size:12px;margin:0 auto;width:880px;}
footer:hover p{color:rgba(255,255,255,0.8);line-height:40px;font-size:12px;margin:0 auto;width:880px;}
@font-face{font-family:'MaxLFBookRegular';src:url('../font/maxlf-book-webfont.eot');src:url('../font/maxlf-book-webfont.eot?#iefix') format('embedded-opentype'),url('../font/maxlf-book-webfont.woff') format('woff'),url('../font/maxlf-book-webfont.ttf') format('truetype'),url('../font/maxlf-book-webfont.svg#MaxLFBookRegular') format('svg');font-weight:normal;font-style:normal;}
.slideshow{cursor:pointer;cursor:move;overflow:hidden;display:block;}
.slideshow li{display:inline;}
.slideshow .animated{-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-o-transition:all 350ms ease-out;transition:all 350ms ease-out;}
.slideshow .slideshowContainer{position:absolute;width:9999px;}
.slideshow .navigation{position:absolute;display:block;bottom:8px;display:none;}
.slideshow .navigation li{display:inline;}
.slideshow .navigation li a{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background-color:#FFF;display:block;opacity:.2;margin:0 2px;float:left;height:8px;width:8px;}
.slideshow .navigation li a:hover{opacity:.5;}
.slideshow .navigation li a span{display:none;}
.slideshow .navigation li a.active{opacity:1.0;}
.lightbox{background-color:rgba(0,0,0,0.7);position:fixed;display:none;height:100%;width:100%;left:0;top:0;z-index:9999;}
.lightbox .inner{position:absolute;left:50%;top:50%;}