h1, h2, hr, p, a, font, img, q, div, ol, ul, li, form, input, label, select, textarea, table, tr, td, option, blockquote, span {margin:0;padding:0;border:0;outline:0;vertical-align:baseline; text-rendering:optimizeLegibility;-webkit-font-smoothing: antialiased; } html {font-family:'trebuchet ms', 'lucida sans','lucida grande', 'lucida sans unicode', sans-serif; text-rendering:optimizeLegibility;-webkit-font-smoothing: antialiased; font-size:16px; overflow:auto; } body {width:800px;font-size:100%;line-height:1.5;background:transparent;color:#666;margin:0 auto;} ::-webkit-scrollbar {width: 16px;height:16px;background:#fff;} ::-webkit-scrollbar-track {background:transparent; } ::-webkit-scrollbar-track-piece{ background:#eee;-webkit-border-radius: 10px;border-radius: 10px;border:1px solid #999;} ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block;height: 10px;} ::-webkit-scrollbar-button:vertical:increment {background-color: #fff;} ::-webkit-scrollbar-thumb { height:50px; width:50px; -webkit-border-radius: 10px; border-radius: 10px; background: #5ABDFF; /* Old browsers */ background: -moz-linear-gradient(left, #5ABDFF 0%, #9BD7FF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5ABDFF), color-stop(100%,#9BD7FF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #5ABDFF 0%,#9BD7FF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #5ABDFF 0%,#9BD7FF 100%); /* Opera11.10+ */ background: -ms-linear-gradient(left, #5ABDFF 0%,#9BD7FF 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ABDFF', endColorstr='#9BD7FF',GradientType=1 ); /* IE6-9 */ background: linear-gradient(left, #5ABDFF 0%,#9BD7FF 100%); /* W3C */ -webkit-box-shadow: inset 0 0 2px #000; } ::-webkit-scrollbar-thumb:hover{ background: #fd6d26; /* Old browsers */ background: -moz-linear-gradient(left, #fd6d26 0%, #FD884E 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fd6d26), color-stop(100%,#FD884E)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #fd6d26 0%,#FD884E 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #fd6d26 0%,#FD884E 100%); /* Opera11.10+ */ background: -ms-linear-gradient(left, #fd6d26 0%,#FD884E 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6d26', endColorstr='#FD884E',GradientType=1 ); /* IE6-9 */ background: linear-gradient(left, #fd6d26 0%,#FD884E 100%); /* W3C */ } body:before {content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0 0 1em rgba(0,0,0,.3); -moz-box-shadow: 0 0 1em rgba(0,0,0,.3); box-shadow: 0 0 1em rgba(0,0,0,.3); z-index: 100;} a:link {text-decoration:none;color:#004A7A;font-weight:900;cursor:pointer;} a:visited {color:#004A7A;} a:hover,a:active {color:#FD6D26;} a:active {position:relative;top:1px;} h1,h2 {color:#FD6D26;font-weight:700;margin:0 0 24px;font-size:2.25em;line-height:1.34;} ul {list-style:none;} br {clear:both;} .button, img,p,fieldset {-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} p {text-align:left; margin-bottom:24px; margin-left:auto; margin-right:auto; padding-left:24px; padding-right:24px; padding-top:22px; padding-bottom:24px; background:#EAF4F7; border:1px solid #5ABDFF; } hr { border:0; color:#2D618A; background-color:#2D618A; height:1px; width:100%; text-align: left; margin-top:24px; margin-bottom:0; clear:both; } p:nth-child(even) {background:#FEF4C8;border-color:#FEA67E;} p img {margin:6px 4px;vertical-align:text-top;} b {color:#5ABDFF;} .center {text-align:center;} .right {float:right;text-align:center;} a.right {letter-spacing:1px;} a.right:link {color:#5ABDFF;} a.right:visited {color:#5ABDFF;} a.right:hover {color:#FD6D26;} a.right:active {color:#FD6D26;} .footer {color:#FA7B46;float:right;} form {width:478px;} fieldset {padding:24px;border:1px solid #999;} textarea {overflow:auto;font-family:inherit;width:400px;} label {float:left;display:block;font-size:1em;font-weight:900;line-height:1.5;padding:0 6px;margin-bottom:22px;} input,textarea,select {display:block; padding:12px 8px;background:#EAF4F7; border:1px solid #5abdff; font-size:1em;line-height:1.5;} label:hover,select:hover,input:hover,textarea:hover {cursor:pointer;} select:hover,input:hover,textarea:hover {background:#fff;} #nav,#content {position:relative;float:left;left:50px;} #nav {width:710px;height:20px;margin-bottom:13px;} #content {width:745px;} #social {position:fixed;top:177px;left:0;width:70px;height:300px;padding:12px 6px 0px 8px; background:#5ABDFF;border-top-right-radius:24px;border-bottom-right-radius:24px;} #illo #nav {width:745px;} #clients #nav {width:752px;} #bio #content {width:710px;} #social:hover {width:78px;} #nav li {display:inline;margin-right:12px;height:20px;} .logo, #illo #content p.descript, #sketch #content p.descript, #nav a, #social a {text-indent: -9999px;background: url('img/layout/sprite.png') no-repeat 0 0;} #nav a {display:inline-block;height:15px;vertical-align:bottom;} #social a {display:block;height:64px;width:64px;margin-bottom:6px;} .copyright {color:#5A8CAD;} .logo {display:block;width:430px;height:84px;background-position: 0 -352px;margin:36px 0 24px 50px;} #content a:hover img,#social a:hover, #nav a:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;-webkit-opacity:.6;opacity:.6;} #content a:hover img,#social a:hover {-moz-transition:all .36s ease-out;-o-transition:all .36s ease-out;-webkit-transition:all .36s ease-out;transition:all .36s ease-out;} #nav a:link.illustration,#nav a:visited.illustration {background-position: 0 0; width:111px;} #nav a:hover.illustration,#nav a:active.illustration {background-position: -112px 0;} #nav a:link.sketchbook,#nav a:visited.sketchbook {background-position: 0 -16px; width:108px;} #nav a:hover.sketchbook,#nav a:active.sketchbook {background-position: -111px -16px;} #nav a:link.biography,#nav a:visited.biography {background-position: 0 -30px; width:90px;} #nav a:hover.biography,#nav a:active.biography {background-position: -111px -30px;} #nav a:link.clients,#nav a:visited.clients {background-position: 0 -45px; width:63px;} #nav a:hover.clients,#nav a:active.clients {background-position: -111px -45px;} #nav a:link.blog,#nav a:visited.blog {background-position: -335px 0; width:45px;} #nav a:hover.blog,#nav a:active.blog {background-position: -335px -15px;} #nav a:link.estimate,#nav a:visited.estimate {float:right;margin-top:4px;width:196px;height:20px;background-position:-2px -126px;} #nav a:hover.estimate,#nav a:active.estimate {background-position: -2px -183px;} .TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat} .TB_overlayBG {background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75);-moz-opacity:.75;-khtml-opacity:.75;-webkit-opacity:.75;opacity:.75;} .button {background:#3B5A99;padding:5px;font-weight:900;text-transform:uppercase;font-family:inherit;font-size:16px; color:#fff;line-height:24px;text-align:center;border:0;} .button:hover, .button:active {background:#4784D4;text-decoration:none;} .center {text-align:center;} #illo #nav a:link.illustration, #illo #nav a:visited.illustration,#illo #nav a:hover.illustration, #illo #nav a:active.illustration {background-position: -222px 0;} #sketch #nav a:link.sketchbook,#sketch #nav a:visited.sketchbook,#sketch #nav a:hover.sketchbook,#sketch #nav a:active.sketchbook {background-position:-221px -15px;} #bio #nav a:link.biography,#bio #nav a:visited.biography,#bio #nav a:hover.biography,#bio #nav a:active.biography {background-position:-222px -30px;} #clients #nav a:link.clients, #clients #nav a:visited.clients,#clients #nav a:hover.clients, #clients #nav a:active.clients {background-position: -221px -45px;} #estimate #nav a:link.estimate, #estimate #nav a:visited.estimate,#estimate #nav a:hover.estimate, #estimate #nav a:active.estimate,#contact #social a.contact {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;-webkit-opacity:.3;opacity:.3;} #illo #content p.descript, #sketch #content p.descript{display:block;padding:0;border:0;} #illo #content p.descript{width:460px;height: 45px;background-position:0 -65px;float:left;margin:0;} #sketch #content p.descript{width: 490px; height: 30px;background-position:0 -250px;margin:24px 0 0 0;} #social a.contact {background-position: 0 -288px} #social a.facebook {background-position:-69px -288px} #social a.twitter {background-position:-139px -288px} #social a.linkedin {background-position:-209px -288px} #social a.etsy {background-position:-279px -288px} #clientlist {width:764px;} #clientlist li {display:inline;margin:0;padding:0;width:117px;height:117px;border:0;} #clientlist li a {text-indent: -9999px;background: url('img/layout/clients.png') no-repeat 0 0; display:inline-block;width:116px;height:116px;padding:0;margin:0 2px 7px 0; border:2px solid #B8E4F3;border-radius:6px;} #clientlist a:hover {border:2px solid #ffc6aa; -ms-filter: "alpha(opacity=60)"; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; -webkit-opacity: .6; opacity: .6; -moz-transition: all .18s ease-out; -o-transition: all .18s ease-out; -webkit-transition: all .18s ease-out; transition: all .18s ease-out;} #clientlist a.playboy {background-position:0 0;} #clientlist a.espn {background-position:-126px 0;} #clientlist a.mtdew {background-position:-252px 0;} #clientlist a.ninjaturtles {background-position:-378px 0;} #clientlist a.generalmills {background-position:-504px 0;} #clientlist a.newsweek {background-position:-630px 0;} #clientlist a.oakley {background-position:0 -126px;} #clientlist a.menshealth {background-position:-126px -126px;} #clientlist a.runnersworld {background-position:-252px -126px;} #clientlist a.sterling {background-position:-378px -126px;} #clientlist a.diezeit {background-position:-504px -126px;} #clientlist a.focusfamily {background-position:-630px -126px;} #clientlist a.fastcompany {background-position:0 -252px;} #clientlist a.pronk {background-position:-126px -252px;} #clientlist a.cfa {background-position:-252px -252px;} #clientlist a.moaa {background-position:-378px -252px;} #clientlist a.cenage {background-position:-504px -252px;} #clientlist a.washingtonpost {background-position:-630px -252px;} #clientlist a.communicationdesign {background-position:0 -378px;} #clientlist a.mcgrawhill {background-position:-126px -378px;} #clientlist a.wealthmanager {background-position:-252px -378px;} #clientlist a.zerotosixty {background-position:-378px -378px;} #clientlist a.scholastic {background-position:-504px -378px;} #clientlist a.king {background-position:-630px -378px;} #clientlist a.boyslife {background-position:0 -504px;} #clientlist a.xxlmag {background-position:-126px -504px;} #clientlist a.scholz {background-position:-252px -504px;} #clientlist a.webster {background-position:-378px -504px;} #clientlist a.pearson {background-position:-504px -504px;} #clientlist a.wcitypaper {background-position:-630px -504px;} #clientlist a.rides {background-position:0 -630px;} #clientlist a.nelson {background-position:-126px -630px;} #clientlist a.publicis {background-position:-252px -630px;} #clientlist a.fantasy {background-position:-380px -630px;} #clientlist a.crttanaka {background-position:-504px -630px;} #clientlist a.portauthority {background-position:-630px -630px;} #clientlist a.harcourt {background-position:0 -756px;} #clientlist a.ing {background-position:-126px -756px;} #clientlist a.virginialiving {background-position:-252px -756px;} #clientlist a.nytimes {background-position:-380px -756px;} #clientlist a.antenna {background-position:-504px -756px;} #clientlist a.quarasan {background-position:-630px -756px;} #clientlist a.maxim {background-position:0 -880px;} #clientlist a.cpnb {background-position:-126px -880px;} #clientlist a.brick {background-position:-250px -880px;} #clientlist a.boyscout {background-position:-377px -880px;} #clientlist a.workforce {background-position:-504px -880px;} #clientlist a.vahistorical {background-position:-632px -880px;} #TB_overlay {z-index:100;position:fixed;top:0;left:0;height:100%;width:100%;} #TB_window {z-index:102;display:none;position:fixed;top:50%;left:50%;background:#fff;border:0;text-align:left; -moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;} #TB_window img#TB_Image {display:block;margin:16px 0 0 16px;} #TB_caption {height:18px;padding:8px 24px 10px;float:left;} #TB_title {background:#fff;height:18px;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;} #TB_closeWindow {height:18px;padding:10px 24px 10px 0;float:right;} #TB_load {z-index:103;display:none;position:fixed;height:16px;width:328px;top:50%;left:50%;margin:-6px 0 0 -104px;} #TB_HideSelect {z-index:99;position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;border:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-webkit-opacity:0;opacity:0;}