@font-face{font-family:"trebuchet_msregular";
  src:url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/trebuchet-ms/trebuchet-ms-webfont-webfont.eot");
  src:url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/trebuchet-ms/trebuchet-ms-webfont-webfont.eot?#iefix") format("embedded-opentype"),
    url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/trebuchet-ms/trebuchet-ms-webfont-webfont.woff") format("woff"),
    url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/trebuchet-ms/trebuchet-ms-webfont-webfont.ttf") format("truetype"),
    url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/trebuchet-ms/trebuchet-ms-webfont-webfont.svg#trebuchet_msregular") format("svg");
font-weight:normal; font-style:normal}
@font-face{font-family:"museo300";
  src:url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/museo300/museo300-regular-webfont-webfont.eot");
  src:url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/museo300/museo300-regular-webfont-webfont.eot?#iefix") format("embedded-opentype"),
    url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/museo300/museo300-regular-webfont-webfont.woff") format("woff"),
    url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/museo300/museo300-regular-webfont-webfont.ttf") format("truetype"),
    url("http://bowdenweb.com/a/themes/webpro-sandbox/fonts/museo300/museo300-regular-webfont-webfont.svg#museo300") format("svg");
font-weight:normal; font-style:normal}


html{overflow-y:scroll} /** prevent firefox scrollbar jump. firefox hides vertical scrollbar if content < visibile window by default **/
html,body{height:100%}
/** font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif **/
body{font-family:"trebuchet_msregular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; margin:0 0 1em 0; color:#555;
background:url("http://bowdenweb.com/a/themes/webpro-sandbox/site/content_bg.jpg") top left repeat; -webkit-font-smoothing:antialiased}
body:before{content:""; position:fixed; top:-15px; left:0; width:100%; height:15px; z-index:100; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.9); -moz-box-shadow:0px 0px 10px rgba(0,0,0,.9); box-shadow:0px 0px 10px rgba(0,0,0,.9)}
/** http://meyerweb.com/eric/thoughts/2012/12/17/where-to-avoid-css-hyphenation/ **/
body{hyphens:auto}
code,var,kbd,samp,tt,dir,listing,plaintext,xmp,abbr,acronym,blockquote,q{hyphens:none}
/** body > header,body > section,body > footer{margin:0 auto; max-width:760px; padding-left:2%; padding-right:2%} **/
body > .content{margin:0 auto; max-width:900px; padding-left:2%; padding-right:2%}
.content{}
header{min-height:100px; background:url("http://bowdenweb.com/a/themes/webpro-sandbox/site/html5-badge-h-css3-graphics-performance-semantics.png") top right no-repeat}

header h1{margin-top:1em}



h1,h2,h3,table th,.sectiontable h1{font-family:"museo300"; font-weight:normal; text-shadow:0 1px 0 #fff; letter-spacing:1px}


h1,.alpha{font-size:1.5em}
h1 b{text-transform:uppercase}
h2,.beta{font-size:1.125em}
p{padding:0 1.4em; margin:0 1.6em 1.2em 1.6em; text-align:center; font-size:18px; }
p.intro{margin-top:1.6em}
p,a{color:#555}
a{-webkit-transition:color 0.3s; -moz-transition:color 0.3s; -o-transition:color 0.3s; transition:color 0.3s}
a:hover{color:#f68a22}


abbr{text-transform:uppercase}




/* Table */
.sectiontable{padding-bottom:1.5em; background-color:#f4f4f4; -webkit-box-shadow:2px 2px 5px #ccc; -moz-box-shadow:2px 2px 5px #ccc; box-shadow:2px 2px 5px #ccc}
.sectiontable .sectionheader{background-color:#ddd; height:50px; line-height:50px; text-indent:1em; margin-bottom:2.5em}
.listme{list-style:none; margin-top:3em}
.listme li{text-align:center; margin-top:1.1em; margin-bottom:1.3em; font-size:15px}
.listme strong{}
.listme code{background-color:#fff; color:#000}

table{background-color:#f4f4f4; border-collapse:collapse; -webkit-box-shadow:2px 2px 5px #ccc; -moz-box-shadow:2px 2px 5px #ccc; box-shadow:2px 2px 5px #ccc}
thead{background-color:#ddd}
thead tr + tr{font-size:70%; line-height:1; text-align:center; color:#999}
tr{line-height:3}
td[colspan]{text-align:center}
th:first-child, td:first-child{padding-left:8px}
.th-demo{text-align:left; width:420px}

footer{padding:1em; text-align:center}
.sitelicense{display:block; text-align:center; color:#000; text-indent:1em}

ul{list-style:none}

.regimg{margin:10px auto; display:block; -moz-box-shadow:0 0 4px #000; -ms-box-shadow:0 0 4px #000; -o-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000; box-shadow:0 0 4px #000}
.regvid{margin:10px auto; display:block; -moz-box-shadow:0 0 4px #000; -ms-box-shadow:0 0 4px #000; -o-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000; box-shadow:0 0 4px #000}