#home{-skrollr-animation-name:home-anim;}
@-skrollr-keyframes home-anim {
    start{background-position:50% 0px;}
    end{background-position:50% 2000px;}
}

#webdesign h2{-skrollr-animation-name:webdesignh2-anim;}
@-skrollr-keyframes webdesignh2-anim {
    -100-bottom{letter-spacing:5px;opacity:0.0;}
    200-top{letter-spacing:0px;opacity:1.0}
}

#webinfo-wrap, #appinfo-wrap{-skrollr-animation-name:info-wrap-anim;}
@-skrollr-keyframes info-wrap-anim {
    bottom{position:absolute;top:400px;opacity:0.0;}
    300-top{position:absolute;top:40px;opacity:1.0;}
}

#webdesignpicbg{-skrollr-animation-name:webdesignpic-anim;}
@-skrollr-keyframes webdesignpic-anim {
    bottom-top{position:absolute;right:70%;opacity:0.0;}
    300-top{position:absolute;right:60%;opacity:1.0;}
}

.webref-grid{-skrollr-animation-name:webrefgr-anim;}
@-skrollr-keyframes webrefgr-anim{
	anchor-target{#webdesign h2}
	0{opacity:0}
    100-bottom{opacity:0}
    200-top{opacity:1}
}
.ww1{-skrollr-animation-name:ww1-anim;}
@-skrollr-keyframes ww1-anim {
    center-top{position:absolute;top:0;left:0%;}
    65-top{position:absolute;top:0;left:-50%;}
}
.ww2{-skrollr-animation-name:ww2-anim;}
@-skrollr-keyframes ww2-anim {
    center-top{position:absolute;top:0;left:50%;}
    65-top{position:absolute;top:0;left:100%;}
}

#mobile h2{-skrollr-animation-name:mobileh2-anim;}
@-skrollr-keyframes mobileh2-anim {
    -100-bottom{letter-spacing:5px;opacity:0.0;}
    200-top{letter-spacing:0px;opacity:1.0}
}
#appdesignpicbg{-skrollr-animation-name:appdesignpic-anim;}
@-skrollr-keyframes appdesignpic-anim {
    200-bottom{opacity:0.0;}
    300-top{opacity:1.0;}
}
.mobilewrap ul{-skrollr-animation-name:mobilewrapul-anim;}
@-skrollr-keyframes mobilewrapul-anim{
	anchor-target{#mobile h2}
	0{opacity:0;}
    100-bottom{opacity:0;}
    200-top{opacity:1;}
}
.appli{-skrollr-animation-name:appli-anim;}
@-skrollr-keyframes appli-anim{
	anchor-target{#mobile h2}
	0{opacity:0.0;}
    100-bottom{opacity:0.0;}
    200-top{opacity:1.0;}
}


.dtpwrap h2{-skrollr-animation-name:dtpwraph2-anim;}
@-skrollr-keyframes dtpwraph2-anim {
    -100-bottom{letter-spacing:5px;opacity:0.0;}
    200-top{letter-spacing:0px;opacity:1.0}
}
.dtpwrap ul{-skrollr-animation-name:dtpwrapul-anim;}
@-skrollr-keyframes dtpwrapul-anim{
	anchor-target{.dtpwrap h2}
	0{opacity:0;width:50px;}
    100-bottom{opacity:0;width:50px;}
    200-top{opacity:1;width:330px;}
}
.dtpwrap ul li{-skrollr-animation-name:dtpwrapulli-anim;}
@-skrollr-keyframes dtpwrapulli-anim{
	anchor-target{.dtpwrap h2}
	0{margin:-95px -90px 10px 0;}
    100-bottom{margin:-95px -90px 10px 0;}
    200-top{margin:0 10px 10px 0;}
}
#content_area2{-skrollr-animation-name:area2-anim;}
@-skrollr-keyframes area2-anim {
    200-center-top{opacity:0.0;}
    300-top{opacity:1.0;}
}