article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr,textarea {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
body {font-family: ff-enzo-web, sans-serif; font-style: normal; font-weight: 600; color:#333; background:#fff; font-size:15px; line-height:20px;}
a {color:#090; text-decoration:none; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;}
a:hover {text-decoration:underline;}
a:active {color:#0c0;}
strong {font-weight:700;}
.container {width:940px; margin:0 auto; padding:0 10px; text-align:center;}
.container p {text-align:left;}
header, footer {width:940px; margin:0 auto; padding:0 10px; text-align:center;}
.topcontain {background:#1a1a1a; height:65px; padding:10px;}
h1.logo a,h2.logo a {display:block; width:132px; height:66px; text-indent:-9999px; background:url(images/justin-zalewski.png); float:left;}
h1.logo a:hover,h2.logo a:hover {background-position:0 -66px;}
nav ul {float:right;}
nav ul li {display:inline;float:left; margin-top:40px; padding-top:4px; border-top:solid 2px #1a1a1a; -webkit-transition: border-color 0.3s linear; -moz-transition: border-color 0.3s linear; -o-transition: border-color 0.3s linear; transition: border-color 0.3s linear; }
nav ul li.line {margin-left:8px; margin-right:8px;}
nav ul li:hover {border-color:#090; color:#fff;}
nav ul li:active {border-color:#0f0; color:#fff;}
nav ul li.line:hover,nav ul li.line:active {border-color:#1a1a1a;}
nav ul li a {margin-top:4px; font:18px/18px adelle, serif; font-style:normal; font-weight:300; color:#fff; text-transform:lowercase;}
nav ul li a:hover {text-decoration:none;}
nav ul li a:active {color:#fff;}
nav ul li.line a {color:#555;}
h2 {font:24px/24px adelle, serif; font-style:normal; font-weight:700;}
.main {padding:40px 0 20px 0; border-bottom:solid 1px #ccc; float:left;}
.col {width:280px; float:left; margin:30px 15px;}
h2.subtitle {margin:10px auto;}
h2.subtitle a {color:#333; text-decoration:none; }
h2.subtitle a:hover {color:#090;}
img.showcase {border:solid 1px #ccc; float:left; margin-right:20px; -moz-box-shadow:3px 3px 6px #ccc; -webkit-box-shadow:3px 3px 6px #ccc; box-shadow:3px 3px 6px #ccc;}
img.webshow {float:left; margin-left:50px; margin-right:50px;}
.piece {padding:30px 0 30px 10px; float:left; border-top:solid 1px #dfdfdf; text-align:left}
h2.client {margin:0 0 20px 0;}
h2.web {margin-top:30px;}
.contactdiv {width:820px; margin:auto;}
.col ul {text-align:left; list-style:inside; margin:14px;}
.contactdiv input {margin-bottom:16px; font-size:18px; width:360px; padding:4px; background:#f2f2f2; border:solid 1px #999;}
.contactdiv input:hover {border-color:#999;}
textarea {font:14px adelle, serif; font-style:normal; font-weight:300; width:380px; height:154px; padding:4px; background:#f2f2f2; border:solid 1px #999;}
.contactdiv textarea:hover {border-color:#999;}
div.submit {clear:left; margin:auto; width:780px;}
div.submit input.submit {width:780px; height:50px; display:block; text-indent:-9999px; background:url(images/submit.png); background-position:0 0; margin:0; padding:0; border:0;	}
div.submit input.submit:hover {background-position:0 -50px;}
div.submit input.submit:active {background-position:0 -100px;}
.block {padding:0; margin:30px 15px 15px 15px; float:left}
label {text-transform:uppercase; font:normal 14px/14px adelle, serif; font-weight:700; color:#4c4c4c;}
p.visit {margin-top:20px;}
.container p.confirm {text-align:center; padding-top:20px; font-weight:bold; color:#090;}
.col ul, .col ol, .col li {list-style:disc;}
.fadein {position:relative; width:500px; height:275px; float:left; margin-right:-20px;}
.fadein img {position:absolute; left:0; top:0;}
p.welcome {width:460px; height:275px; font:24px/30px adelle, serif; font-style:normal; font-weight:300; float:left;}
p.welcome span, p.welcome strong {font-size:32px; line-height:38px; font-weight:normal;}
p.welcome strong {color:#090;}
p.welcome a {display:block; background:url(images/call-to-arrow.png) no-repeat; width:374px; height:37px; margin-top:22px; padding:8px 0 0 16px; color:#fff; font-weight:normal; text-shadow:-1px -1px 1px #030;}
p.welcome a:hover {background-position:0 -45px; text-decoration:none;}
p.welcome a:active {background-position:0 0;}
h1.subpage {text-align:center; font:24px ff-enzo-web, sans-serif; font-style:normal; font-weight:600; padding:30px; border-bottom:solid 1px #ccc;}
h1.subpage span {color:#090; font:48px adelle, serif; font-style:normal; font-weight:300;}
input {font-family: adelle, serif; font-style:normal; font-weight:300;}
ul.requirements li {display:inline-block; background:#999; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px; padding:4px 8px; margin:4px 10px 4px 0;}
.footcontain {background:url(images/foot-bg.jpg) repeat-x; background-color:#555; color:#fff; float:left; width:100%;}
footer div {margin:40px 0 0 40px; float:left;}
footer div div {margin:0; float:none;}
footer h2 {color:#f2f2f2; border-bottom:solid 1px #777; padding-bottom:5px; text-align:left; margin-bottom:5px; letter-spacing:0.0201em; font-weight:300}
.contact {margin-left:0; width:430px}
.about {width:450px;}
.twitter {width:280px;}
.elsewhere {width:130px;}
footer p {text-align:left;}
footer a {color:#a2e4ff;}
#twitter_div li {text-transform:uppercase; font-size:11px; background:url(images/tweet.png) no-repeat; padding-left:60px; min-height:36px; border-bottom:solid 1px #5f5f5f; padding-bottom:5px; margin-bottom:5px;}
#twitter_div li:last-child {border-bottom:none; margin-bottom:0;}
#twitter_div span {text-transform:none; font-size:15px;}
footer label {color:#fff; text-transform:none; font-family:ff-enzo-web, sans-serif; font-style:normal; font-weight:600;}
footer input, footer textarea, footer input.submit {background:#f2f2f2; width:410px; padding:8px; border:solid 1px #333; border-bottom-color:#777; border-right-color:#777; font-size:14px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px; margin-bottom:15px;}
footer textarea {height:200px;}
footer input.submit {font-size:24px; width:430px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px; background-color: #090; background: -webkit-linear-gradient(top, #00a300, #009000); background: -moz-linear-gradient(top, #00a300, #009000); background: -ms-linear-gradient(top, #00a300, #009000); background: -o-linear-gradient(top, #00a300, #009000); border-bottom-color:#004700; border-right-color:#004700; border-top-color:#5ac35a; border-left-color:#5ac35a; color:#fff; text-shadow:1px 1px 1px #060; letter-spacing:0.0201em; margin-bottom:100px;}
footer input.submit:hover {border-width:2px; padding:7px; text-shadow:2px 2px 2px #060;}
footer ul li {text-align:left;}
footer .elsewhere h2 {margin-bottom:10px;}
footer .elsewhere a {color:#fff;}
footer .elsewhere ul {margin-bottom:40px;}
footer .elsewhere ul li a {padding:2px 0 0 32px; margin-bottom:5px; min-height:24px; display:block;}
li.facebook a {background:url(images/facebook.png) no-repeat;}
li.behance a {background:url(images/behance.png) no-repeat;}
li.linkedin a {background:url(images/linkedin.png) no-repeat;}
li.dribbble a {background:url(images/dribbble.png) no-repeat;}
p.follow a {background:#f2f2f2; color:#555; padding:5px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px; float:right;}
p.follow a:hover {text-decoration:none; background:#a2e4ff;}
h1 em {color:#c00; font-style:normal;}

@media screen and (max-width: 480px) {
html {-webkit-text-size-adjust:none;}
.container, .topcontain header, .contactdiv, footer, .contact, .about, .twitter, .elsewhere {width:95%; padding:0% 2%;}
footer input, footer textarea, footer input.submit {width:95%;}
.main {padding:10% 0%; float:left;}
.topcontain {background:#1a1a1a; height:33px; padding:10px;}
h1.logo a,h2.logo a {display:block; width:66px; height:33px; text-indent:-9999px; background:url(images/justin-zalewski-mobile.png); float:left;}
h1.logo a:hover,h2.logo a:hover {background-position:0 -33px;}
nav ul {width:100%; text-align:center; margin:0 auto; margin-top:5%; padding:0;}
nav ul li {border-top:none; margin:3% 3% 0 0; padding:2%; width:72px; background:#090; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;}
nav ul li a {height:auto; margin:0;}
nav ul li.line {display:none;}
img {max-width:95%; padding:0%; height:auto;}
.fadein img {margin:0; padding:10% 0%;}
img.showcase, img.webshow, .contact, .about, .twitter, .elsewhere {float:none; margin-left:0; margin-right:0;}
h2.client {margin:5% 0%; float:none; clear:right;}
input, textarea {max-width:90%;}
form, .block {width:100%; padding:0; margin:0; float:none;}
div.submit, div.submit input.submit {width:200px; padding:0; text-align:center; margin:2% auto; background:#090; color:#fff; text-indent:0;}
.fadein, p.welcome {width:100%; height:180px;}
p.welcome {font-size:18px; line-height:24px;}
p.welcome span, p.welcome strong {font-size:21px; line-height:24px; font-weight:normal;}
p.welcome a {display:block; text-align:center; background-image:none; background:#090; width:95%; height:auto; margin-top:20px; padding:8px 16px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;}
h1.subpage {font-size:20px; clear:both;}
h1.subpage span {font-size:30px; line-height:48px;}
.contactdiv {margin-top:30px;}
footer input.submit {margin-bottom:0;}
}