*,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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html,body{height:100%}body{font-size:100%;margin:0;padding:0;color:#15116B;font-family:"sofia-pro",sans-serif}.page-wrap{min-height:100%;margin-bottom:-20px}.page-wrap:after{content:"";display:block}.container{margin:0 auto;padding:10px;text-align:center;height:100%}.sub-container{padding:10px 10px 0;height:100%}.left-column{float:left;width:250px;padding:10px;margin-top:30px;text-align:center}.left-column .submenu{width:200px;margin:80px 0 0 50px}.left-column .submenu li{font-size:1rem;text-align:left;margin:20px 0}.left-column .submenu li .menu-hov{display:none}.left-column .submenu li a{text-decoration:none}.left-column .submenu li a:before{background:url("../images/mini-pents.png") no-repeat 0 0;content:" ";height:21px;padding:0;width:20px;display:inline-block;position:relative;top:5px;margin-right:5px}.left-column .submenu li a:hover{text-decoration:none}.left-column .submenu li a:hover:before{content:" ";height:21px;padding:0;width:20px;display:inline-block;position:relative;top:5px;margin-right:5px}.left-column .submenu li a:hover.sub-design:before{background:url("../images/mini-pents.png") no-repeat -20px 0}.left-column .submenu li a:hover.sub-projects:before{background:url("../images/mini-pents.png") no-repeat -40px 0}.left-column .submenu li a:hover.sub-current:before{background:url("../images/mini-pents.png") no-repeat 0 -21px}.left-column .submenu li a:hover.sub-about:before{background:url("../images/mini-pents.png") no-repeat -20px -20px}.left-column .submenu li a:hover.sub-contact:before{background:url("../images/mini-pents.png") no-repeat -40px -20px}.left-column .submenu li a:hover .menu-hov{display:inline;color:#15116B;font-size:0.7rem}.right-column{float:left;width:70%;padding-left:50px}.logo{margin:100px auto 30px}.sub-logo{margin:10px auto 30px}.content{margin:20px auto;padding-top:80px}img{border:none}.button{height:94px;width:98px;background:url(../images/single-pent.png);position:relative;cursor:pointer;margin-right:20px}.button p{-webkit-transition:padding-top 1s;-moz-transition:padding-top 1s;-o-transition:padding-top 1s;padding-top:45px;color:#b3b3b3;font-weight:bold;font-size:1rem;line-height:1rem}.button p span{color:#15116B;font-weight:normal;font-size:0.8rem}.button:last-of-type{margin-right:0}.button span{opacity:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s}.button:hover{background:none;-webkit-transition:background 1s;-moz-transition:background 1s;-o-transition:background 1s}.button:hover p{-webkit-transition:padding-top 1s;-moz-transition:padding-top 1s;-o-transition:padding-top 1s;padding-top:35px}.button:hover p span{opacity:1}.button:hover.design{background:url(../images/blue-top-pent.png);opacity:1}.button:hover.projects{background:url(../images/blue-top-r-pent.png);opacity:1}.button:hover.current{background:url(../images/blue-bot-r-pent.png);opacity:1}.button:hover.about{background:url(../images/blue-bot-l-pent.png);opacity:1}.button:hover.cont{background:url(../images/blue-top-l-pent.png);opacity:1}.intro{text-align:justify;width:40%;margin:0 auto}.intro h2{font-size:1.4em;font-style:normal;font-weight:300;color:#15116B}.intro h2 .subsection{font-size:1.1rem;color:#b7b7b7;font-style:italic}.cl{clear:left}.cr{clear:right}.cb{clear:both}.current-project,.current-learning{margin:20px 0 0 20px;width:430px;float:left;display:inline-block}.current-learning{margin-right:0}#nav{margin:60px auto 30px;width:610px}.mobile-index,.mobile{display:none}.skills,.social{margin-top:20px}.skills .skills-box,.social .skills-box{float:left;width:200px;margin-right:10px}.skills .skills-box:last-of-type,.social .skills-box:last-of-type{margin-right:0}.skills ul,.social ul{margin-left:20px;list-style:circle}.skills ul li,.social ul li{font-size:0.8rem;margin-bottom:5px}.bio{margin-bottom:20px}.bio .bio-pic{width:96px;text-align:center;margin-right:10px;float:left}.bio .bio-pic img{border-radius:47px}.bio .bio-text{float:left;width:700px;padding-top:30px}.footer,.page-wrap:after{height:20px;padding-bottom:10px}.footer{width:400px;margin:0 auto;font-size:0.7em;text-align:center;margin-top:-30px}.footer p{font-size:0.8rem}h1{color:#15116B;font-size:2.0rem;margin:0}h2{font-size:2rem;font-style:normal;font-weight:700;line-height:2.2rem;margin-bottom:5px;font-family:"sofia-pro",sans-serif;color:#B3B3B3}h3{font-size:1.2rem;line-height:1.4rem;margin-bottom:15px;color:#15116B}h4{font-size:1.1rem;line-height:1.3rem;margin-bottom:10px}.signature{font-family:"p22-marcel-script-pro";text-align:right;font-size:2.2rem;line-height:2.4rem;margin:30px 60px 10px 0}.navp a:hover{color:#15116B;margin-left:80px}.green{color:#39b54a}.title{font-size:1.4rem;font-style:normal;font-weight:300;text-align:center}.title a:hover{text-decoration:none}.sub-title{margin-left:70px}p{font-size:0.9rem;line-height:1.3rem;margin-bottom:5px;color:#808080}a:hover{text-decoration:underline}a{color:#b3b3b3;text-decoration:none}.button a{text-decoration:none}.designProject,.projectContainer{margin:20px 0}.designProject .designImage,.designProject .projectImage,.projectContainer .designImage,.projectContainer .projectImage{width:25%;float:left;margin:20px 10px 0}.designProject .designDescription,.designProject .projectDescription,.projectContainer .designDescription,.projectContainer .projectDescription{width:70%;float:left;margin:0 10px}.portfolio-intro{margin:0 20px 30px}.current-projects{clear:both;margin-bottom:30px}.project{width:120px;margin:0 10px 10px;float:left;min-height:65px}.rectplogo{width:125px;padding-top:10px;margin:0 auto}.sqplogo{width:70px;margin:0 auto}.profile-job{padding-top:3px;margin-top:3px;font-weight:400;font-style:italic;color:#981D20}.profile-name{margin-bottom:3px;color:#999}.profile{width:90%;margin:0 auto}.portfolio-intro{margin:0 20px 30px}.current-projects{clear:both;margin-bottom:30px}.project{width:120px;margin:0 10px 10px;float:left;min-height:65px}.rectplogo{width:125px;padding-top:10px;margin:0 auto}.sqplogo{width:70px;margin:0 auto}.profile-job{padding-top:3px;margin-top:3px;font-weight:400;font-style:italic;color:#981D20}.profile-name{margin-bottom:3px;color:#999}.profile{width:90%;margin:0 auto}label{width:150px;margin-right:0.5em;padding-top:0.2em;display:block}input,textarea,select{border:solid 1px #CCC;width:220px;border-radius:5px;padding:3px 10px;font-size:0.8rem}select{width:243px;color:#15116B}.form{width:350px;padding:15px 0;float:left;margin-right:10px}form{margin:10px auto 0;width:100%}.contact{width:60%;margin:0 auto}.contact-left{width:45%;float:left;margin-right:3%}.contact-right{width:48%;float:left;border:dashed 1px #999;border-radius:5px;padding:5px 5px 5px 15px;box-shadow:#CCC 2px 2px 5px;margin:10px 0;height:335px}#button{margin:0 20px 0 30px;border-radius:3px;border:1px solid #15116B;background-color:#FFF;padding:5px;color:#15116B;-moz-box-shadow:#ccc 2px 2px 3px;width:130px}#button:hover{color:#FFF;cursor:pointer;border:1px solid #15116B;background:#15116B}.social{float:left;width:350px;padding:15px 0;margin-top:0}.social p{font-size:0.8rem}@media screen and (max-width: 1100px){.top-left{width:100%;margin-top:20px;float:none}.top-right{margin:0;width:100%;float:none;padding:20px 0}.topnav{width:330px;margin:0 auto}.slogan{font-size:1.2em}.container{border:none}.right-column{width:75%}}@media handheld, only screen and (max-width: 800px){.container{width:100%;padding:0;margin:20px 0 0}.topnav{text-align:left;float:none;margin:0 auto;width:270px}.contact{width:90%}.left-column{float:none;margin:0 auto;width:125px}.right-column{float:none;width:100%;margin:50px 0 0}.social{float:none;margin:20px auto}.navp a{margin:0 5px}.footer-bottom{margin:0 auto}.intro{width:80%}.bio .bio-text{width:100%}.social{width:100%}}@media handheld, only screen and (max-width: 460px){.logo{margin:120px auto 10px}.container,.sub-container{width:100%;padding:0;margin:0}.content{padding:30px 20px}.footer{padding-bottom:20px}.strapline{margin:20px auto}.intro{width:80% !important;text-align:center}.subsection{margin-top:10px}#nav{display:none}.mobile-index{width:100%;display:inline-block;text-align:left;color:#15116B;border-bottom:1px solid #15116B;position:fixed;z-index:300;top:0;left:0;background:#FFF;height:45px}ul.open{background-color:#15116B;color:#FFF;display:block;list-style:none outside none;margin:0;padding:0;position:absolute;top:45px;border-top:1px solid #15116B;z-index:500;width:100%}ul.open li{display:block;list-style:none;text-align:left}ul.open li a{display:block;color:#FFF;padding:20px 10px;border-bottom:1px solid #FFF;text-decoration:none;font-weight:thin;font-size:0.9rem}ul.open li a .thick{font-family:"sofia-pro",sans-serif;font-weight:500;font-size:1.2rem}ul.open li a:hover{background-color:#FEFEFE;color:#15116B}.mobile-burger{color:#15116B;font-size:1.2rem}.mobile-burger a{text-decoration:none;color:#15116B;padding:10px;font-size:1.6rem}p.mobile-burger{margin-bottom:0 !important;height:35px;margin-top:8px;width:40px;float:left;padding-bottom:3px}.mActive{background:#15116B !important;color:#FFF !important}.mName{float:left;width:80%;margin:0 auto;text-align:center;height:45px}.mName h1{font-size:1.15rem}.mName h1 img{height:30px;position:relative;top:8px;margin-right:4px}.mName h1 a{text-decoration:none;color:#15116B}.mobile,.left-column{display:none}.designProject{width:100%;margin:20px 0 0}.designProject .designImage{float:none;width:200px;margin:10px auto}.designProject .designDescription{float:none;width:100%;margin:0}.projectContainer .projectDescription{width:100%}.current-project,.current-learning{width:100%;float:none;margin:10px 0}.skills .skills-box{float:none;margin:20px 0}.form{width:100%;float:none}.footer{clear:both;width:90%}.footer p{font-size:0.65rem}.right-column{padding:0;width:100%}}
/*# sourceMappingURL=whitebox.css.map */