html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
nav ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}
ins {background-color:#ff9; color:#000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic;font-weight: bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc ;margin:1em 0; padding:0}
input, select {vertical-align:middle}
html, body {background:#E3E6EA}
#screen {display:none;}
#awwwards {display:none;}
#msg {}

@font-face {
	font-family: 'textmeone';
	src: url('../fonts/textmeone-regular-webfont.eot');
	src: url('../fonts/textmeone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/textmeone-regular-webfont.woff') format('woff'), url('../fonts/textmeone-regular-webfont.ttf') format('truetype'), url('../fonts/textmeone-regular-webfont.svg#textmeone') format('svg');
	font-weight: normal;
	font-style: normal
}
body {text-shadow:1px 1px 1px #fff; filter:dropshadow(color=#fff, offx=1, offy=1); color:#B9C1CB; font-family: 'textmeone'}
.wdata {width:100%}
ul {list-style:none}
ul, li {padding:0; margin:0}
.lt {display:inline-block; width:30px; height:30px; font-size:16px; line-height:30px; text-align:center; text-transform:uppercase}
.info:hover {}
.hidden {display:none}
#wrapper {height:0px; position:absolute; overflow:visible; display:block; width:100%; left:0px; top:50%}
#screen {overflow:hidden; position:absolute; left:50%; margin-left:-480px; width:960px; height:480px; top:-240px}
#divVariousways, #divS19, #divBarrett, #divHanlon, #divZeitgeist, #divHappy, #divJulia, #divLocanda, #divGecko, #divSarah, #divAmeri, #divSparks, #divArtisan {display:none; position:absolute; z-index:2; background:#E3E6EA; width:960px; height:560px; padding:0px; margin:0px; top:0;}
.goUrl {text-transform:uppercase; float:left; letter-spacing:21px; margin:10px 0 0 6px}
.goUrl a:hover {}
a:link, a:visited, a:active {text-decoration:none; color:#e3e3e3; text-shadow:1px 1px 1px #fff}
a:hover {text-decoration:none}
#msg {display:none;}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (min-width: 1200px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 640px) {}
@media (max-width: 480px) {}
@media (max-width: 470px) {}
@media (max-width: 979px) {
body {/*background: #cc0; */padding:20px; margin:0;}
#wrapper {position:relative; width:100%; height:100%; padding:0; margin:0 auto 0 auto; top:auto; left:auto;}
#screen {position:relative; width:100%; height:100%; padding:0; margin:0; top:auto; left:auto;}
.lt {width:20px; display:none;}
.sline {float:left; clear:both;}
.nline {float:left; clear:both; margin:0 0 20px 0;}
.sline .lt, .nline .lt {display:inline-block;}
#divVariousways, #divS19, #divBarrett, #divHanlon, #divZeitgeist, #divHappy, #divJulia, #divLocanda, #divGecko, #divSarah, #divAmeri, #divSparks, #divArtisan {display:block; position:relative; float:left; width:100%; height:auto;}
.portimages {margin: 20px 0 0 0; float:left; width:100%;}
.portimages a {}
.portimages img {width:100%; height:auto;}
.clientlist {}
.clientlist .sline, .clientlist .nline {display:none;}
.goUrl {margin:4px 0 20px 0;}
.goUrl .mhide {display:none;}
.goUrl .closeWin {display:none;}
.hline {float:left; clear:both;}
.pline {float:left; clear:both; margin:0 0 20px 0;}
.hline .lt, .pline .lt {display:inline-block;}

}
 @media (min-width: 980px) {
body {}
#wrapper {height: 0px;position: absolute;overflow: visible;display: block;width: 100%;left: 0px;top: 50%;}
#screen {overflow:hidden; position:absolute; left:50%; margin-left: -480px; width:960px; height:480px; top:-240px;}
.lt {width:30px; display:inline-block;}
}