/* Enable html5 elements for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

body, html { padding: 0; margin: 0; font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif; }
body * {  outline: none; }
#ad { height: 248px; width: 298px; border: 1px solid #999; background: #000; position: relative; overflow: hidden; }
header { padding: 10px 0; }
h1 { font: bold 20px 'Open Sans', Helvetica, Arial, Verdana, sans-serif; color: #FFF; margin: 0; padding: 0; text-align: center;}
h1 a { color: #FFF; text-decoration: none; }
#more { float: left; font: normal 11px/12px 'Open Sans', Helvetica, Arial, Verdana, sans-serif; position: absolute; bottom: 10px; left: 10px; color: #aaa; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#more:hover { color: #333;}
#more {display: hidden}
#stage { width: 300px; height: 250px; background: #fff; float: right; -webkit-box-shadow: -5px 0px 15px -5px #bbb; -moz-box-shadow: -5px 0px 15px -5px #bbb; box-shadow: -5px 0px 15px -5px #bbb; position: relative; overflow: hidden; }
#tabs { width: 300px; height: 23px; text-align: center; margin:0; padding:0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background-color: #F4F4F4;}
/*#tabs canvas { width: 6px; height: 6px; display: block; margin: 3px 0 0 0; padding: 0; }*/
#tabs a { width: 6px; height: 6px; margin: 0; padding: 0 5px; font-size: 16px; line-height: 6px; color: #ccc; text-decoration: none; overflow: hidden; cursor: pointer; text-align: center; }
#tabs a.sel { color: #009ddc; }
#tabs a:hover { color: #009ddc; }
.whitepaper { height: 250px; width: 300px; display: none; position: absolute; top: 0; left: 0; }
.whitepaper_animated { -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; display: block; }
.oldie .whitepaper_animated_out { display: none; }
.whitepaper_animated .image { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.whitepaper_animated .text { -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
.whitepaper .image { position: absolute; top: 10px; left: 15px; box-shadow: 2px 2px 8px #aaa; }
.whitepaper .image img { width: 100px; display: block; border: none; }
.whitepaper .image:hover { box-shadow: 2px 2px 8px #555;}
.whitepaper .text { margin: 	7px 10px 0 130px;}
.whitepaper h2 { font: bold 16px/21px 'Open Sans', Helvetica, Arial, Verdana, sans-serif; padding: 0; margin: 0; color: #000; max-height: 63px; overflow: hidden; }
.whitepaper a { color: #000; text-decoration: none; }
.whitepaper p { font: normal 12px/16px 'Open Sans', Helvetica, Arial, Verdana, sans-serif; padding: 0; margin: 2px 0 0 0; color: #666; max-height: 80px; overflow: hidden; }
.whitepaper p.more { font-size: 12px; height: 16px; font-weight: bold; }
.whitepaper p a { color: #009ddc; text-decoration: none;  }