@font-face{font-family:font;src:url(/images/html5demo/fonts/font.woff.v670054754955b7729) format('woff'),url(/images/html5demo/fonts/font.otf.veb3cb1803616a4309) format('opentype')}@font-face{font-family:font_bold;src:url(/images/html5demo/fonts/font_bold.woff.va4fb373776d3414f9) format('woff'),url(/images/html5demo/fonts/font_bold.otf.v8ed9b3cf3efea2819) format('opentype')}body.dm_page_html_html5{background-color:#297191;font-family:font,sans-serif;background-image:url(/images/html5demo/background/background_details.png.v07e60a275edc53419),url(/images/html5demo/background/background_noise.jpg.va0b03478c37ec2a69);background-repeat:no-repeat,repeat;text-align:left;color:white;font-size:14px;margin:0;padding:0}.dm_page_html_html5 #contents{width:620px;margin-left:199px}body.dm_page_html_html5 .header{display:block;position:relative;height:172px;z-index:5;background-image:url(/images/html5demo/logos/logo.png.v1e8058ad56de77be9);background-repeat:no-repeat;background-position:0 30px}body.dm_page_html_html5 h1{margin:0;font-size:60px;position:absolute;bottom:10px;left:59px}body.dm_page_html_html5 .nav a{color:#FFF;padding:3px 6px;text-decoration:none;background-color:rgba(0,0,0,0.4);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:6px}body.dm_page_html_html5 .nav{position:absolute;top:0;left:0;width:100%;min-width:842px}body.dm_page_html_html5 .nav iframe{float:right;margin-top:6px}body.dm_page_html_html5 .nav #back{float:left}body.dm_page_html_html5 .nav #activate,body.dm_page_html_html5 .nav #share{float:right}.dm_page_html_html5 #player_background{position:relative;border:1px solid rgba(0,0,0,0);background-image:url(/images/html5demo/player/player_background.png.va10285d8b4da51c19);width:620px;height:294px;background-repeat:no-repeat}.dm_page_html_html5 #player_background #change_video{position:absolute;z-index:3;padding-left:16px;background-image:url(/images/html5demo/player/change_video.png.v8c9ca5c2a47e8e859);background-repeat:no-repeat;background-position:center left;cursor:pointer;left:32px;bottom:8px;color:#548e9c;cursor:pointer}.dm_page_html_html5 #player_background #reset{position:absolute;z-index:3;right:32px;bottom:8px;color:#548e9c;cursor:pointer}.dm_page_html_html5 .dmpi_video_playerv4{width:558px;margin-left:32px;margin-top:26px!important}.dm_page_html_html5 .dmpi_video_playerv4 .progress{background-color:#f26a42!important}.dm_page_html_html5 #background_canvas{position:absolute;margin-top:0;z-index:0;left:0;top:0}.dm_page_html_html5 #actions{position:relative;display:block;white-space:nowrap;margin-top:25px;z-index:3;margin-bottom:60px}.dm_page_html_html5 #actions #test_it{position:absolute;right:-75px;top:0;width:88px;height:49px;background-repeat:no-repeat;background-image:url(/images/html5demo/notes/testitout_note.png.v3ecbbeeb41e2bfa49);background-position:center center}.dm_page_html_html5 #fpsMeter{position:absolute;width:200px;margin:0;left:275px;bottom:8px;color:#548e9c;z-index:3}.dm_page_html_html5 #actions a{display:inline-block;vertical-align:top;white-space:normal;width:94px;margin:8px;padding-top:24px;margin-left:30px;margin-right:30px;text-align:center;color:#041b22;text-decoration:none;-moz-transition:all .5s linear;-webkit-transition:all .5s linear}.dm_page_html_html5 #actions a .icon{display:block;width:74px;padding:10px;height:63px;padding:10px;text-align:center;background-color:rgba(0,0,0,0.2);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin-bottom:3px;background-repeat:no-repeat}.no-touch .dm_page_html_html5 #actions a .icon:hover{background-color:rgba(0,0,0,0.4)}.dm_page_html_html5 #actions #icon_explode{background-image:url(/images/html5demo/buttons/explode_button.png.v5fa44c7dcb9671229);background-position:center center}.dm_page_html_html5 #actions #icon_frame{background-image:url(/images/html5demo/buttons/frame_button.png.v22fa687c6d34fcb89);background-position:center center}.dm_page_html_html5 #actions #frame,.dm_page_html_html5 #actions #explode{position:relative!important}.dm_page_html_html5 #actions .plus,.dm_page_html_html5 #actions .minus{position:absolute;z-index:1;display:block;width:20px;height:19px;opacity:0;top:30px}.dm_page_html_html5 #actions .icon{z-index:2}.dm_page_html_html5 #actions .plus{right:0;background-image:url(/images/html5demo/buttons/more_button.png.v156b72e3761216f09)}.dm_page_html_html5 #actions .minus{right:24px;background-image:url(/images/html5demo/buttons/less_button.png.v15bf96fa81bc1cb49)}.no-touch .dm_page_html_html5 #actions a:hover .plus,.no-touch .dm_page_html_html5 #actions a:hover .minus{-moz-transition:all .3s linear;-webkit-transition:all .3s linear;top:0;opacity:1}.dm_page_html_html5 #actions #icon_snapshot{background-image:url(/images/html5demo/buttons/snapshot_button.png.v92a658482845cbbe9);background-position:center center}.dm_page_html_html5 #actions #icon_snapshot_rapid_fire{background-image:url(/images/html5demo/buttons/snapshotrapidfire_button.png.v9a6015e2789d48eb9);background-position:center center}#like{position:absolute;z-index:10;top:12px;right:12px}#increase_tile_size,#decrease_tile_size{display:none}.dm_page_html_html5 .rotate{-o-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-webkit-transform:rotate(-12deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9781476007338057,M12=0.20791169081775934,M21=-0.20791169081775934,M22=0.9781476007338057);-o-transition:-o-transform .5s ease-in;-moz-transition:-moz-transform .5s ease-in;-webkit-transition:-webkit-transform .5s ease-in}.dm_page_html_html5 .hidden{visibility:hidden}.dm_page_html_html5 #thumbnails_container{position:absolute;z-index:4;left:0;top:36px}.dm_page_html_html5 .section{display:block;font-family:font;left:202px;border-top:3px solid #f26a42;line-height:40px;font-size:31px;padding:12px 6px}.dm_page_html_html5 .section strong{font-family:font_bold,sans-serif}.dm_page_html_html5 #pitch{position:relative;left:0;margin-bottom:60px}.dm_page_html_html5 #pitch #fun_note{position:absolute;left:-90px;top:-50px;width:115px;height:86px;background-repeat:no-repeat;background-image:url(/images/html5demo/notes/fun_note.png.vd11dd701c0b5ce519);background-position:center center}.dm_page_html_html5 #pitch small{position:absolute;font-size:12px;right:0;top:-40px}.dm_page_html_html5 #pitch small #author{color:#f26a42}.dm_page_html_html5 #pitch small a{color:#2eb3d6;text-decoration:underline}.dm_page_html_html5 #pitch #use_buttons{font-size:28px}.dm_page_html_html5 #browsers{height:360px;margin-bottom:32px;white-space:nowrap;background-image:url(/images/html5demo/graphs/browsers_bottom.png.v9bc119c7f7dc0e579);background-position:center bottom;background-repeat:no-repeat}.dm_page_html_html5 #deactivate,.dm_page_html_html5 #spin{height:0;filter:opacity(0);opacity:0;-moz-transition:opacity .5s linear;-webkit-transition:opacity .5s linear}.dm_page_html_html5 #deactivate.show{filter:opacity(1);opacity:1;height:330px}.dm_page_html_html5 #deactivate a{font-size:14px;color:#FFF;padding:3px 6px;text-decoration:none;background-color:rgba(0,0,0,0.4);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:0}.dm_page_html_html5 #spin.show{opacity:1;height:40px}.dm_page_html_html5 #deactivate_more{font-size:16px;line-height:20px;margin-top:10px;margin-bottom:20px}.dm_page_html_html5 #browsers #modern_browsers{color:#FFF}.dm_page_html_html5 #browsers a.browser_icon{position:relative;width:100px;margin-top:22px;margin-right:27px;height:150px;background-repeat:no-repeat;display:inline-block;text-align:center;text-decoration:none}.dm_page_html_html5 #browsers a.browser_icon .color_icon{position:absolute;left:0;top:0;width:90px;height:100px;opacity:0;-moz-transition:opacity 1s linear;-webkit-transition:opacity 1s linear}.no-touch .dm_page_html_html5 #browsers a.browser_icon:hover .color_icon{opacity:1}.dm_page_html_html5 #browsers #firefox{background-image:url(/images/html5demo/browsers/firefox_out.png.vdd477a3d1aa0db179)}.no-touch .dm_page_html_html5 #browsers #firefox:hover .color_icon{background-image:url(/images/html5demo/browsers/firefox_on.png.v394eaee3a8b17f299)}.dm_page_html_html5 #browsers #chrome{background-image:url(/images/html5demo/browsers/chrome_out.png.ve307d4b9bd6f9d6f9)}.no-touch .dm_page_html_html5 #browsers #chrome:hover .color_icon{background-image:url(/images/html5demo/browsers/chrome_on.png.v3183e79baab667dc9)}.dm_page_html_html5 #browsers #opera{background-image:url(/images/html5demo/browsers/opera_out.png.v864782d1cb5a286b9)}.no-touch .dm_page_html_html5 #browsers #opera:hover .color_icon{background-image:url(/images/html5demo/browsers/opera_on.png.vb3c31bc4573728779)}.dm_page_html_html5 #browsers #safari{background-image:url(/images/html5demo/browsers/safari_out.png.v3e20f2ae1f3c83879)}.no-touch .dm_page_html_html5 #browsers #safari:hover .color_icon{background-image:url(/images/html5demo/browsers/safari_on.png.v773b2ffe42418be69)}.dm_page_html_html5 #browsers #ie9{background-image:url(/images/html5demo/browsers/ie9_out.png.v57bd987166ef28cb9)}.no-touch .dm_page_html_html5 #browsers #ie9:hover .color_icon{background-image:url(/images/html5demo/browsers/ie9_on.png.v51fc7cdd4dec69cf9)}.dm_page_html_html5 #browsers a.browser_icon .name,.dm_page_html_html5 #browsers a.browser_icon .download{display:block;font-size:14px;line-height:32px;padding-left:6px;padding-right:6px;height:32px;background-color:rgba(0,0,0,0.2);color:#FFF;width:80px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.dm_page_html_html5 #browsers a.browser_icon .name{margin-top:100px;margin-bottom:4px}.dm_page_html_html5 #browsers a.browser_icon .download{opacity:0;-moz-transition:all .3s linear;-webkit-transition:all .3s linear}.no-touch .dm_page_html_html5 #browsers a.browser_icon:hover .download{opacity:1}.no-touch .dm_page_html_html5 #browsers a.browser_icon:hover span.name{background-color:rgba(0,0,0,0.4)}.dm_page_html_html5 #graphs{border-top:0;padding:0}.dm_page_html_html5 #graph_container{left:-28px;position:relative;width:733px;height:265px;font-size:16px;background-image:url(/images/html5demo/graphs/graph.png.va87ae824df9f482f9);margin-bottom:20px}.dm_page_html_html5 #explain{position:relative;color:#FFF;width:620px;height:280px;border-top:0;padding:0;background-image:url(/images/html5demo/graphs/heart_standards.png.v5cb8efcd7783aa589);background-position:center center;background-repeat:no-repeat;margin-bottom:24px;overflow:hidden}.dm_page_html_html5 .graph_bar{position:absolute;z-index:10;width:48px;height:100px;background-color:#039eb4;bottom:30px;text-align:center;cursor:pointer}.no-touch .dm_page_html_html5 .graph_bar:hover{background-color:#f26a42}.dm_page_html_html5 #graphs .explain{position:absolute;width:580px;padding:20px;height:220px;background-color:#105871;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;opacity:0;font-size:16px;line-height:20px;background-repeat:no-repeat;-moz-transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-o-transition:all .4s ease-in}.dm_page_html_html5 #graphs .explain:nth-child(odd){-o-transform:rotate(-90deg);-o-transform-origin:100% 0;-moz-transform:rotate(-90deg);-moz-transform-origin:100% 0;-webkit-transform:rotate(-90deg);-webkit-transform-origin:100% 0}.dm_page_html_html5 #graphs .explain:nth-child(even){-o-transform:rotate(90deg);-o-transform-origin:0 0;-moz-transform:rotate(90deg);-moz-transform-origin:0 0;-webkit-transform:rotate(90deg);-webkit-transform-origin:0 0}.dm_page_html_html5 #graphs .explain.show{-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}.dm_page_html_html5 #graphs .explain h2{font-family:font_bold;display:block;font-size:42px;margin-top:24px;margin-bottom:24px;width:100%}.dm_page_html_html5 #graphs .explain.show{opacity:1}.dm_page_html_html5 #graph_html5{left:62px;height:240px}.dm_page_html_html5 #graph_html5_label{left:62px}.dm_page_html_html5 #explain_graph_html5{background-position:top left;background-image:url(/images/html5demo/graphs/background_html5.png.v53e6dc3291e2107f9)}.dm_page_html_html5 #graph_video{left:188px;height:265px}.dm_page_html_html5 #graph_video_label{left:188px}.dm_page_html_html5 #explain_graph_video{background-position:bottom right;background-image:url(/images/html5demo/graphs/background_video.png.v9d3422663a4b37b29)}.dm_page_html_html5 #graph_javascript{left:314px;height:239px}.dm_page_html_html5 #graph_javascript_label{left:314px}.dm_page_html_html5 #explain_graph_javascript{background-position:bottom right;background-image:url(/images/html5demo/graphs/background_javascript.png.vc2c1af4726b6af279)}.dm_page_html_html5 #graph_css3{left:442px;height:235px}.dm_page_html_html5 #graph_css3_label{left:442px}.dm_page_html_html5 #explain_graph_css3{background-position:bottom right;background-image:url(/images/html5demo/graphs/background_css3.png.v7cd41dd95e3831d59)}.dm_page_html_html5 #graph_canvas{left:566px;height:216px}.dm_page_html_html5 #graph_canvas_label{left:566px}.dm_page_html_html5 #explain_graph_canvas{background-position:bottom right;background-image:url(/images/html5demo/graphs/background_canvas.png.vecad051cd2c127199)}.dm_page_html_html5 #graph_container span{position:absolute;width:70px;bottom:6px;font-size:12px;line-height:16px;margin-left:-11px;text-align:center}.dm_page_html_html5 div.dmpi_video_playerv4 .fallback{background-image:url(/images/html5demo/player/fallback.png.vc14d3f7600619a049);background-position:8px center;background-repeat:no-repeat;background-color:#105771;font-size:28px;color:#032831}.dm_page_html_html5 div.dmpi_video_playerv4 .fallback strong{display:block;font-size:48px;font-weight:bold}.dm_page_html_html5 div.dmpi_video_playerv4 .fallback .fallback_text{padding:0;margin-left:50%}.dm_page_html_html5 div.dmpi_video_playerv4 .fallback a{display:block}.dm_page_html_html5 #switch #switch_button,.dm_page_html_html5 div.dmpi_video_playerv4 .fallback a{cursor:pointer;text-decoration:none;border:1px solid #f26a42;-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);margin-top:21px;margin-bottom:30px;font-size:20px;line-height:30px;font-weight:bold;width:280px;padding:10px;background-color:#c55634;background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#f06a40),to(#c55634));background-image:-moz-linear-gradient(top,#f06a40,#c55634);border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;text-align:center;color:#FFF}.dm_page_html_html5 #switch{position:relative;left:0}.dm_page_html_html5 #switch #switch_button{display:block;margin:auto;margin-bottom:20px}.no-touch .dm_page_html_html5 #switch #switch_button:hover{background-color:#f06a40;background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#c55634),to(#f06a40));background-image:-moz-linear-gradient(top,#c55634,#f06a40)}.dm_page_html_html5 #switch #facebook_share{display:block;width:100%;height:100px}.dm_page_html_html5 #twitter{background-color:transparent}.dm_page_html_html5 #switch .twitter-share-button{display:block;width:100%;height:40px;margin-top:24px}.dm_page_html_html5 .thumbnail{position:absolute;top:20px;left:70px;background-color:#FFF;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-moz-box-shadow:10px 10px 5px #CCC;-webkit-box-shadow:10px 10px 5px #888;-webkit-box-shadow:0 0 3px #666;-moz-box-shadow:0 0 3px #666;padding:5px;margin-right:30px;margin-bottom:30px}.column{margin-right:0!important}#output{position:absolute;z-index:2;top:0;left:0}.dm_page_html_html5 #my_footer{display:block}.dm_page_html_html5 footer{position:relative;overflow:hidden;display:block;font-size:10px;border-top:1px solid #548e9c;padding-top:8px;padding-bottom:48px;margin:16px}.dm_page_html_html5 #copyright{float:left}.dm_page_html_html5 #player_preview{position:relative;height:145px;display:none}.dm_page_html_html5 #player_preview_image{position:absolute;height:148px;width:720px;bottom:0;background-image:url(/images/html5demo/html5_on.png.v2b159ee41fc97a579);background-position:bottom left;background-repeat:no-repeat;display:none}div.dmpi_video_playerv4 .plugins{display:none!important}