[data-tooltip]{position:relative;}[data-tooltip]:before,[data-tooltip]:after{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;visibility:hidden}[data-tooltip]:hover{opacity:1;-ms-filter:none;filter:none;}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:visible}[data-tooltip]:before{position:absolute;bottom:100%;left:50%;margin-bottom:5px;margin-left:-40px;padding:7px;width:80px;border-radius:4px;background-color:#333;color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2}[data-tooltip]:after{position:absolute;bottom:100%;left:50%;margin-left:-5px;width:0;border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}.sp-webdev{background-image:url("webdev.png")}.sp-webdev__adobe-flash{background-position:-52px -146px;width:50px;height:50px}.sp-webdev__adobe-photoshop{background-position:-231px -104px;width:50px;height:49px}.sp-webdev__adobe-premiere{background-position:0 -205px;width:50px;height:49px}.sp-webdev__angular{background-position:-283px 0;width:47px;height:50px}.sp-webdev__canvas{background-position:-179px -59px;width:50px;height:57px}.sp-webdev__css3{background-position:0 -146px;width:50px;height:57px}.sp-webdev__ember-js{background-position:-122px -42px;width:53px;height:50px}.sp-webdev__express{background-position:0 0;width:177px;height:40px}.sp-webdev__html5{background-position:-179px 0;width:50px;height:57px}.sp-webdev__jquery{background-position:-104px -146px;width:50px;height:50px}.sp-webdev__js{background-position:-156px -146px;width:50px;height:50px}.sp-webdev__node-js{background-position:-231px 0;width:50px;height:50px}.sp-webdev__php{background-position:0 -94px;width:95px;height:50px}.sp-webdev__salesforce{background-position:-97px -94px;width:71px;height:50px}.sp-webdev__sql{background-position:0 -42px;width:120px;height:50px}.sp-webdev__wordpress{background-position:-231px -52px;width:50px;height:50px}#music-icon{max-height:300px;width:auto}.music{margin-top:10px}.webdev-intro{text-align:center}.job-title{font-weight:bold;text-transform:uppercase}.job-dates{font-weight:normal;display:block}.iconset-webdev{max-width:800px}@media (min-width:700px){.job-title{font-size:18px}.webdev-intro{margin-top:48px}.iconset.iconset-webdev{margin-bottom:48px}.music-explanation{padding:30px 0 10px}}@media (max-width:700px){.job-title{text-align:center}.webdev-intro{margin-top:24px}.iconset.iconset-webdev{margin-bottom:24px}.music-explanation{font-size:16px}#music-icon{max-width:40%;margin-bottom:10px}}.sp-social{background-image:url("social.png")}.sp-social__email{background-position:0 0;width:128px;height:128px}.sp-social__tumblr{background-position:-130px 0;width:128px;height:128px}.sp-social__twitter{background-position:0 -130px;width:128px;height:128px}body{margin:0;background:#fff;font-family:'Lato';font-size:22px;color:#000}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box}a{color:#f23a65;font-weight:bold;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-ms-transition:opacity 0.5s;transition:opacity 0.5s;}a:hover{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}ul{margin:0;padding:0;list-style:none}.row > *{display:inline-block;vertical-align:middle;white-space:normal}.intro-text{text-align:center;line-height:140%;max-width:80%;margin:32px auto}h2{font-size:32px;text-align:center;text-transform:uppercase;letter-spacing:2px;margin:20px auto}p{margin-top:0}.grid{font-size:0;}.grid li{display:inline-block;font-size:22px;text-align:center;vertical-align:top;}.grid li img{width:100%}.grid.padded li{padding-bottom:12px}#main{background-color:#fff;z-index:1}#mainHeader{background-color:#7d4a95;background-image:url("screentone.png");-webkit-background-size:32px;-moz-background-size:32px;background-size:32px;-webkit-animation-name:screentone;-moz-animation-name:screentone;-o-animation-name:screentone;-ms-animation-name:screentone;animation-name:screentone;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;-ms-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;animation-timing-function:linear;}#mainHeader .logo-container{display:block;max-height:240px;text-align:center;padding:10px 0;color:#fff;font-size:22px;letter-spacing:2px;}#mainHeader .logo-container h1{margin:0}#mainHeader nav{line-height:48px;}#mainHeader nav .home-link{display:none}#logo{max-width:50%;max-height:220px;margin:0 auto}.menu-links{background-color:#222;color:#fff;text-align:center;font-size:14px;}.menu-links li{display:inline-block}.menu-links a{display:block;padding:0 10px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:2px;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;-o-transition:color 0.5s;-ms-transition:color 0.5s;transition:color 0.5s;}.menu-links a:hover{opacity:1;-ms-filter:none;filter:none;color:#f23a65}#content{max-width:1000px;margin:0 auto;padding:0 10px 20px}.content-grouping{margin-bottom:10px}.rows{max-width:800px;margin:0 auto;}.rows .grid{border:1px solid #ddd;margin-bottom:12px;padding:12px;background:-webkit-linear-gradient(top, #fff, #f5f5f5);background:-moz-linear-gradient(top, #fff, #f5f5f5);background:-o-linear-gradient(top, #fff, #f5f5f5);background:-ms-linear-gradient(top, #fff, #f5f5f5);background:linear-gradient(to bottom, #fff, #f5f5f5);}.rows .grid li{vertical-align:middle}.rows img{border:2px solid #ddd}.cell-title{display:block;font-family:'Raleway';text-decoration:none;text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;text-align:left;}.cell-title a{text-decoration:none}.cell-description{font-size:16px;text-align:left}.iconset{text-align:center;margin:0 auto;}.iconset .icons li{display:inline-block}.iconset .icon{display:inline-block}.hoverbox{display:block;color:#000;text-decoration:none;}.hoverbox .hoverbox-content{width:100%;background-color:#7d4a95;background-image:url("screentone.png");-webkit-background-size:32px;-moz-background-size:32px;background-size:32px;-webkit-animation-name:screentone;-moz-animation-name:screentone;-o-animation-name:screentone;-ms-animation-name:screentone;animation-name:screentone;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;-ms-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;animation-timing-function:linear;color:#fff}.hoverbox h3{text-transform:uppercase;font-family:'Raleway'}.fancybox-title{text-align:center}#mainFooter{color:#fff;text-align:center;}#mainFooter .social{background-color:#444;line-height:52px;}#mainFooter .social li{display:inline-block;padding:20px 5px}#mainFooter .social a{display:inline-block;font-size:0;zoom:.5}#mainFooter .copyright{background-color:#222;line-height:100px;}#mainFooter .copyright li{display:inline-block}@media (min-width:700px){.grid.cols-2 li{width:50%}.grid.cols-2.padded li{padding-right:6px}.grid.cols-2.padded li:nth-of-type(2n){padding-left:6px;padding-right:0}.grid.cols-3 li{width:33.3%}.grid.cols-3.padded li{padding-left:4px;padding-right:4px}.grid.cols-3.padded li:nth-of-type(3n+1){padding-right:8px;padding-left:0}.grid.cols-3.padded li:nth-of-type(3n+3){padding-left:8px;padding-right:0}.grid.cols-4 li{width:25%}.grid.cols-4.padded li:nth-of-type(4n+1){padding-left:0;padding-right:9px}.grid.cols-4.padded li:nth-of-type(4n+2){padding-left:3px;padding-right:6px}.grid.cols-4.padded li:nth-of-type(4n+3){padding-left:6px;padding-right:3px}.grid.cols-4.padded li:nth-of-type(4n+4){padding-right:0;padding-left:9px}.menu-button{display:none}#mobileMenu{display:none}#content{min-height:calc(100vh - 288px - 152px)}.rows .grid li.row-thumbnail{width:40%}.rows .grid li.row-content{width:60%;padding-left:12px}.hoverbox{position:relative;overflow:hidden;}.hoverbox .hoverbox-content{position:absolute;top:0;bottom:0;width:100%;background-color:#7d4a95;color:#fff;padding:30px;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 0.5s, -webkit-transform 0.4s;-moz-transition:opacity 0.5s, -moz-transform 0.4s;-o-transition:opacity 0.5s, -o-transform 0.4s;-ms-transition:opacity 0.5s, -ms-transform 0.4s;transition:opacity 0.5s, transform 0.4s}.hoverbox:hover,.hoverbox .hover{opacity:1;-ms-filter:none;filter:none;}.hoverbox:hover .hoverbox-content,.hoverbox .hover .hoverbox-content{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.hoverbox .description{font-size:18px;line-height:150%;padding:0 20px}.hoverbox h3{margin-top:15%;margin-bottom:10px;font-size:30px}}@media (max-width:700px){body{font-size:16px;position:relative;overflow-x:hidden}.grid{font-size:0;}.grid li{display:inline-block;font-size:22px;text-align:center;}.grid li img{width:100%}.grid.padded li{padding-bottom:12px}.grid.cols-2 li{width:100%}.grid.cols-2.padded li{padding-right:0;padding-left:0}.grid.cols-3 li{width:100%}.grid.cols-3.padded li{padding-right:0;padding-left:0}.grid.cols-4 li{width:50%}.grid.cols-4.padded li{padding-right:6px}.grid.cols-4.padded li:nth-of-type(2n){padding-left:6px;padding-right:0}#main{position:relative;overflow-x:hidden;-webkit-transition:left 0.4s;-moz-transition:left 0.4s;-o-transition:left 0.4s;-ms-transition:left 0.4s;transition:left 0.4s;left:0;}#main.no-anim{-webkit-transition:left 0s;-moz-transition:left 0s;-o-transition:left 0s;-ms-transition:left 0s;transition:left 0s}.slide{position:relative;overflow-x:hidden;overflow-y:hidden;height:100%;}.slide #portfolio{position:fixed;top:0;bottom:0}.slide #main{left:280px;overflow-y:hidden}.slide #mobileMenu{left:0}#mainHeader{position:relative;border-bottom:10px solid #222}#mainHeader nav{display:none}#mainHeader .logo-container{line-height:80px;font-size:14px}.menu-button{position:absolute;top:50%;margin-top:-16px;left:16px;font-size:0;line-height:0;}.menu-button:after{content:'';background-image:url("menu.png");-webkit-background-size:100%;-moz-background-size:100%;background-size:100%;width:32px;height:32px;display:block}#mobileMenu{-webkit-transition:left 0.4s;-moz-transition:left 0.4s;-o-transition:left 0.4s;-ms-transition:left 0.4s;transition:left 0.4s;z-index:0;position:fixed;top:0;bottom:0;left:-280px;width:280px;background-color:#222;}#mobileMenu li{display:block;line-height:32px;text-align:left;padding:10px;border-bottom:1px solid rgba(255,255,255,0.2)}#content{min-height:calc(100vh - 90px)}.cell-title{padding-top:12px;font-size:16px;text-align:center}.hoverbox .hoverbox-content{font-size:16px}.hoverbox .description{padding:10px 10px 16px;}.hoverbox .description p{margin:0}.hoverbox h3{margin:0;background-color:#222;padding:10px}}@-moz-keyframes screentone{from{background-position:0 0}to{background-position:32px 32px}}@-webkit-keyframes screentone{from{background-position:0 0}to{background-position:32px 32px}}@-o-keyframes screentone{from{background-position:0 0}to{background-position:32px 32px}}@keyframes screentone{from{background-position:0 0}to{background-position:32px 32px}}