html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
/* remember define focus styles! */
:focus {outline:0}
body {line-height:1}
ol, ul {list-style:none}
/* tables need 'cellspacing="0"' */
table {
border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
header, footer, article, section, aside, video, audio, figure {display:block;}


body {font-family:Verdana, Scala Sans, Calibri, Verdana, Helvetica, sans-serif; font-size:16px;line-height:150%;color:#333;background:#fff;
-moz-text-size-adjust:none;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none}

strong {font-weight:bold}
em, i {font-style:italic}
#cutout {height: 190px;
background:url(/2015/logo-320.png) center 10px no-repeat;
background-size:auto 160px}

#cutout h1 {
color:transparent;
font:0/0 a;
height:190px;
text-decoration:none}

header {background:url(/2015/header-bg.jpg) top center}
nav {
display:block;
margin:auto;
width:100%;
background:#404040;
font-family:Verdana, sans-serif;
text-transform:uppercase;
letter-spacing:2px;
font-size:14px;
box-shadow:inset 0 0 12px #303030;
border-bottom:0 solid rgba(0,0,0,.5)}

.nav-menu {
text-align:center;
max-width:1024px;
margin:auto}

.nav-menu li {
display:inline;
line-height:43px;
padding:12px 0 12px 0;
border-right:1px solid #202020;
border-right-color:rgba(0,0,0,.5);
border-left:1px solid #535353;
border-left-color:rgba(102,102,102,.5)}

.nav-menu li:first-child {
border-top:0;
border-left:1px solid #202020;
border-left-color:rgba(0,0,0,.5)}

.nav-menu li:last-child {
border-bottom:0;
border-right:1px solid #535353;
border-right-color:rgba(102,102,102,.5)}

.nav-menu li:first-child a {border-left-color:#535353;border-left:1px solid rgba(102,102,102,.5)}
.nav-menu li:last-child a {border-right-color:#202020;border-right:1px solid rgba(0,0,0,.5)}

.nav-menu a {
color:#ddd;
padding:12px 30px 12px 30px;
text-decoration:none;
/* line-height:39px; */
transition:color 0.5s, background-color 0.5s}

.nav-menu a:hover, .nav-menu a:focus {
outline:0;
color:#fff;
background:#303030}

.current_page_item, .current_page_item:hover {
color:#fff;
transition:background 0s, color 0.5s;
background:#303030;
background:-moz-linear-gradient(top, #303030 50%, #202020 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#303030), color-stop(100%,#202020));
background:-webkit-linear-gradient(top, #303030 50%,#202020 100%);
background:-o-linear-gradient(top, #303030 50%,#202020 100%);
background:-ms-linear-gradient(top, #303030 50%,#202020 100%);
background:linear-gradient(to bottom, #303030 50%,#202020 100%)}



.social-media {
position:absolute;
top:0;
right:0;
box-shadow:1px 1px 5px rgba(0,0,0,.4);
border-radius:4px;
margin:24px;
text-align:center}

.social-media ul, .social-media li {display:inline;list-style-type:none;margin:0}

.social-media a {
padding:12px;
display: inline-block;
border-radius:4px;
transition:all .5s}
.social-media a:hover {border-bottom:0;background:#eee}
.social-media img, .social-media svg {vertical-align: middle;width:32px;height:32px}

#container, #wrapper {margin:auto;overflow:auto}
#wrapper {max-width:960px;margin:auto;clear:both}
article {float:left;width:70%}
aside {float:right;width:30%}


/* @font-face {
font-family: "ljNDeJzY-zs8KxPD8De5-6JWsQU";
src: url("/morris/ljNDeJzY-zs8KxPD8De5-6JWsQU.eot");
src: url("/morris/ljNDeJzY-zs8KxPD8De5-6JWsQU.eot?#iefix") format("embedded-opentype"),
     url("/morris/ljNDeJzY-zs8KxPD8De5-6JWsQU.woff2") format("woff2"),
     url("/morris/ljNDeJzY-zs8KxPD8De5-6JWsQU.woff") format("woff");
font-weight: normal;
font-style: normal} */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 11, 2015 */



@font-face {
    font-family: 'back_to_the_future_2002Rg';
    src: url('/2015/bttf-webfont.eot');
    src: url('/2015/bttf-webfont.eot?#iefix') format('embedded-opentype'),
         url('/2015/bttf-webfont.woff2') format('woff2'),
         url('/2015/bttf-webfont.woff') format('woff'),
         url('/2015/bttf-webfont.ttf') format('truetype'),
         url('/2015/bttf-webfont.svg#back_to_the_future_2002Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1 {color:#0e8ea6;
font-family:back_to_the_future_2002Rg, Scala Sans, Droid Sans, Calibri, Verdana, Helvetica, sans-serif;
font-size:200%;
line-height:100%;
text-transform:none}

h2 {font-family:back_to_the_future_2002Rg, Scala Sans, Droid Sans, Calibri, Verdana, Helvetica, sans-serif}
h3 {font-family:Verdana, sans-serif}
h3 span {font-family:Times, Verdana, sans-serif;font-weight:normal}

article h1 {margin:24px 0;
font-weight:normal;
letter-spacing:-1px;
clear:both;
text-transform:uppercase;
line-height:1.22;


background: -webkit-linear-gradient(top, #ff2c00, #ffff00);
	background: linear-gradient(top, #ff2c00, #ffff00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	-webkit-text-stroke: 1px #65bbfa;
}




article h1, aside h1, h2, h3, p, article ul, article ol, dl, h2, aside ul, form {margin:24px}
aside h1, aside h2, aside p {margin:24px 18px}

p, article ul, article ol, dl {font-family:Verdana, sans-serif;line-height:180%;font-size:93.75%;color:#666}

.vcard p {margin-right:0;overflow:auto}

article h2 {font-size:150%;clear:both;}
article h3 {font-size:120%}

aside h1 {font-size:112.5%;color:#333;text-transform:uppercase}
.photo {float:left;margin:8px 8px 0 0;border-radius:4px;width:100px;height:100px}

article a, footer a, submenu a, .about {
color:#0e8ea6;
text-decoration:none;
font-weight:normal;
text-decoration:none;
border-bottom:1px solid transparent;
-webkit-transition:color 0.6s, border 0.6s;
-moz-transition:color 0.6s, border 0.6s;
-o-transition:color 0.6s, border 0.6s;
transition:color 0.6s, border 0.6s}

article a:hover, aside a:hover, footer a:hover {color:#4fbd93;
border-bottom:1px solid #4fbd93}
td {padding:6px 0;vertical-align:top}
.etsy {padding:10px 20px;background:#4fbd93;color:#fff;border:2px outset;cursor:pointer;font-size:18px}
.etsy:hover {color:#fff;border-color:#fff}

article ul, article ol, aside ul, aside ol, footer ul {
margin:24px 24px 24px 48px;
list-style-type:disc;
list-style-position:outside}

article ol, ol, aside ol {list-style-type:decimal}

img {max-width:100%;height:auto;-ms-interpolation-mode: bicubic}

footer, dt, p {clear:both}
.lefty, dt img {float:left}
.righty {float:right}

dt img {margin:0 10px 20px 0;
padding:6px;
text-align:center;
border-radius:4px;
background:#eee;
transition:background 1s}

dt a:hover img {background:#ccc}

img.lefty {margin-right:12px;margin-top:8px}
h2 .lefty {margin:0 8px 0 0}
.videos dt {position: relative}

.videos span {
width:240px;
height:180px;
background:url(/play-button-large.png) no-repeat;
position:absolute;
top:6px;
left:6px;
z-index:1;
}

.medium a span {
width:160px;
height:32px;
background:url(/morris/images/youtube-64x64.png) no-repeat;
background-size:32px auto;
position:absolute;
top:60px;
left:16px;
z-index:1;
opacity:.75;
-webkit-transition:opacity 1s;
transition:opacity 1s;
}

.medium a:hover span {opacity:1}

dd {margin-bottom:24px}

blockquote p:before {
content: "\201C"
}
blockquote p:after {
content: "\201D"
}

article iframe {-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.4);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,.4);
-o-box-shadow:1px 1px 5px rgba(0,0,0,.4);
box-shadow:1px 1px 5px rgba(0,0,0,.4);
height:351px;
width:100%}

.product {overflow: auto;}
.product img {width:100%;height:auto}
.product .lefty {width:68%}
.product .righty {width:32%}

.products {
clear: both;
color: #666;
/* font-variant: small-caps; */ 
letter-spacing: 2px;
list-style-type: none;
margin: 24px 0 24px 24px;
overflow: auto;}


.products li {
position: relative;
float: left;
display: inline;
margin:0 24px 24px 0;
}

.products li a {
color: #fff;
font-weight:normal;
}

.products li a:hover {
color: #fff}

.products li img {
display: block;
box-shadow: inset 1px 1px 5px rgba(0,0,0,.5);
border-radius: 4px;
background: #fff;
padding: 10px;
/*width: 100%;*/
height: auto;
}


.products li a span {
background: #303331;
background: rgba(0,0,0,.3);
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
text-indent: 0;
padding: 10px;
font-size: 90%;
line-height: 100%;
text-shadow:1px 1px 1px rgba(0,0,0,.5);
transition: all 1s;}

.products li a:hover span {
background: rgba(128,0,0,.3);
}

.products .c1 a:hover span {background: rgba(163,87,137,.3)}
.products .c2 a:hover span {background: rgba(208,79,96,.9,.3)}
.products .c3 a:hover span {background: rgba(245,194,216,.3)}
.products .c4 a:hover span {background: rgba(174,196,109,.3)}
.products .c5 a:hover span {background: rgba(247,231,105,.3)}
.products .c6 a:hover span {background: rgba(231,239,231,.3)}
.products .c7 a:hover span {background: rgba(105,161,129,.3)}
.products .c8 a:hover span {background: rgba(68,59,56,.3)}
.products .c9 a:hover span {background: rgba(152,160,161,.3)}

.products .c1 img {box-shadow: inset 1px 1px 70px rgba(163,87,137,.9)}
.products .c2 img {box-shadow: inset 1px 1px 70px rgba(208,79,96,.9)}
.products .c3 img {box-shadow: inset 1px 1px 70px rgba(245,194,216,.9)}
.products .c4 img {box-shadow: inset 1px 1px 70px rgba(174,196,109,.9)}
.products .c5 img {box-shadow: inset 1px 1px 70px rgba(247,231,105,.9)}
.products .c6 img {box-shadow: inset 1px 1px 70px rgba(231,239,231,.9)}
.products .c7 img {box-shadow: inset 1px 1px 70px rgba(105,161,129,.9)}
.products .c8 img {box-shadow: inset 1px 1px 70px rgba(68,59,56,.9)}
.products .c9 img {box-shadow: inset 1px 1px 70px rgba(152,160,161,.9)}


.product img {background: #fff;
padding: 10px;
display: block;
box-shadow: inset 1px 1px 5px rgba(0,0,0,.5);
border-radius: 4px;}

.aboutimg {width:50%;height:auto;border-radius:4px}
  
footer {overflow:auto}  
footer a {line-height: 67px;}
  
footer a img {
vertical-align: middle; margin-right: 3px; width:32px; height: 32px;
-webkit-transition: all 1s ease-in-out; 
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out;}


footer a:hover img {
-webkit-transform: rotate(360deg) scale(1.0); 
-moz-transform: rotate(360deg) scale(1.0); 
-o-transform: rotate(360deg) scale(1.0); 
transform: rotate(360deg) scale(1.0);
width:64px; height: 64px;}

.ico {width:64px;height:64px}

.bamboo {width:33%;height:auto;margin-top:-48px}

.files {list-style:none;margin:20px}
.files li {position:relative;padding:0;margin:8px 0 0 0;line-height:175%;min-height:72px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;border-radius:6px;
clear:left;
background:#fff;background:rgba(255,255,255,.25);
-webkit-box-shadow:inset 1px 1px 6px rgba(0,0,0,.4);
-moz-box-shadow:inset 1px 1px 6px rgba(0,0,0,.4);
-o-box-shadow:inset 1px 1px 6px rgba(0,0,0,.4);
-ms-box-shadow:inset 1px 1px 6px rgba(0,0,0,.4);
box-shadow:inset 1px 1px 6px rgba(0,0,0,.4);
transition:all .5s}
.files li:hover {background:#ffe6cc;background:rgba(255,129,0,.1)}
.files li a {display:block;min-height:72px;padding:6px;line-height:160%}
.files li img, .files li svg {float:left;display:inline;margin:6px;margin-right:12px;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
-ms-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
-o-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
box-shadow: 1px 1px 5px rgba(0,0,0,0.4)}
.auth {text-decoration:none;color:#666;display:block;font-size:13px;line-height:170%}


@media only screen and (min-width: 3200px) {
#wrapper {max-width:1400px;margin:auto}
body {font-size:20px;}

nav {
font-size: 18px;
}


.nav-menu {
max-width:1600px;
}

.nav-menu li {
line-height: 56px;
padding:16px 0 16px 0;
}

.nav-menu a {
padding:16px 63px 16px 64px;
line-height: 56px;
}

.photo {width:120px;height:120px}
}



@media only screen and (max-width: 966px) {
.nav-menu a {
padding:12px 18px 12px 18px;
}

.embed-container {
  position: relative;
  padding-bottom: 52.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


}

@media only screen and (max-width: 900px) {
.nav-menu a {
padding:12px 16px 12px 16px;
}
.social-media img, .social-media svg {width:24px;height:24px;}
}

@media only screen and (max-width: 830px) {
.nav-menu a {
padding:12px 14px 12px 14px;
}
}

@media only screen and (max-width: 800px) {
.nav-menu a {
padding:12px 13px 12px 13px;
}
}

@media only screen and (max-width: 790px) {
.nav-menu a {
padding:12px 12px 12px 12px;
}
}


@media only screen and (max-width: 760px) {
body {font-size:14px;line-height:150%}

article {clear:both;width:100%}
aside {clear:both;width:100%}
article h1, aside h1, h2, h3, p, article ul, article ol, dl, h2, aside ul, form {margin:18px}

article ul, article ol, aside ul, aside ol, footer ul {
margin: 18px 18px 18px 36px;
}

.social-media img, .social-media svg {width:32px;height:32px;}

.products {margin:18px 0 18px 18px}
.social-media {position:relative;padding:0px;margin:6px}
/*
#cutout {height:74px;background: url(/morris/images/morris.png) center -10px no-repeat;background-size:auto 77px;}
*/
#cutout {height: 82px;
  background:url(/2015/logo-160.png) center 4px no-repeat;
  background-size: auto 75px;}
  

#cutout  h1 {
color: transparent;
font: 0/0 a;
height:82px;
text-decoration:none}

.product .lefty, .product .righty {width:100%;float:none;}
.product .lefty p {margin:18px 0}
.product img {padding:0}

nav {font-size:13px}

.nav-menu li:first-child,
.nav-menu li:last-child, 
.nav-menu li:first-child a,
.nav-menu li:last-child a {
border-left:0;
border-right:0;
}


.nav-menu li {
display:block;
line-height:27px;
padding:0;
border:0;
border-bottom:1px solid #202020;
border-bottom-color:rgba(0,0,0,.5);
border-top:1px solid #535353;
border-top-color:rgba(102,102,102,.5);
}

.nav-menu li:first-child {
border-top:1px solid #202020;
border-top-color:rgba(0,0,0,.5);
}

.nav-menu li:last-child {
border-bottom:1px solid #535353;
border-bottom-color:rgba(102,102,102,.5);
}

.nav-menu li:first-child a {border-top-color:#535353;border-top:1px solid rgba(102,102,102,.5);}
.nav-menu li:last-child a {border-bottom-color:#202020;border-bottom:1px solid rgba(0,0,0,.5);}


.nav-menu a {
display:block;
padding:0 30px 0 30px;
line-height:27px;
}

#navbar {
background-image:none;
padding:0;
box-shadow:inset 0px 0px 12px #000000;
}

#site-navigation {border-bottom:0;}

dt img {width:100px;height:auto;padding:3px;
margin: 0 10px 0 0;}


.videos span {
width: 100px;
height: 75px;
background: url(/play-button-large.png) no-repeat;
background-size: 100px auto;
position: absolute;
top: 3px;
left: 3px;
z-index: 1;
}

.medium a span {
width: 100px;
height: 24px;
background: url(/morris/images/youtube-64x64.png) no-repeat;
background-size: 24px auto;
top: 32px;
left: 10px;
opacity: .75;
}

dd {margin-bottom:18px}

img {max-width:100%;height:auto}

.ico {width:40px;height:40px;}
.certs {width:110px;height:auto}

article .righty, article .lefty {max-width:100%;height:auto}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image, .embed-container {margin-left:0;margin-right:0}

.files .vcard .auth, .cd li .auth {display:block;font-size:11px}
.files, p, .sidebar .files {margin:10px}
.files li, .files li a {min-height:45px;font-size:13px}
.arrow li, .arrow li a {min-height:23px}
.files li img {margin:3px;margin-right:7px;width:70px;height:39px}
.files li {margin:4px 0 0 0;background: rgba(255, 255, 255, 0.5)}


}





@media only screen and (max-width: 400px) {
.mobile {display:none}
}


@media only screen and (max-width: 291px) {
.social-media img, .social-media svg {
width:24px;height:24px
}
}

@media only screen and (max-width: 220px) {
body {font-size:12px;
}
}

@media only screen and (-webkit-max-device-pixel-ratio: 1), 
only screen and (max-resolution: 96dpi) {
#cutout {background-image:url(/2015/logo-160.png)}
.medium a span {background-image: url(/morris/images/youtube-32x32-new.png)}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3), 
only screen and (max-resolution: 288dpi) {
#cutout {background-image:url(/2015/logo-320.png)}
.medium a span {background-image: url(/morris/images/youtube-96x96.png)}
}

@media only screen and (-webkit-min-device-pixel-ratio: 4), 
only screen and (max-resolution: 384dpi) {
#cutout {background-image:url(/2015/logo-320.png)}
.medium a span {background-image: url(/morris/images/youtube-128x128.png)
}