html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
html { background: url(../images/tiled.jpg) repeat; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
a { border: none; outline: none; color: #4b74da; text-decoration: none; }
a:hover { color:#483463; }
ul, ol { list-style-type:none; }
@font-face { font-family: 'CoconutBold'; src: url('Coconut-BoldD.eot'); src: local('Coconut Bold'), local('Coconut-Bold'), url('Coconut-BoldD.ttf') format('truetype'); }
.center { text-align:center;}
body { background: url(../images/background.png) 0 0 repeat-x; color:#7b7d98; text-align:center; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:16pt; line-height:1.3em; letter-spacing:-0.03em; text-shadow: 0px 1px #ffffff; }
p { font-size:11pt; line-height:1.1em; }
.container { width:810px; position:relative; margin:auto; text-align:left; }
#header { width:810px; height:140px; background:url(../images/header.jpg) 0 0 no-repeat; margin-bottom:10px; }
#logo { width:290px; height:70px; position:absolute; top:33px; left:55px; }
#nav { margin-left:533px; padding-top:68px; }
#nav li { float:left; display:inline; margin-right:6px; }
#nav li a { display:block; width:57px; height:69px; background:url(../images/nav.png) no-repeat; text-indent:-9999px; }
#nav li.home a:hover { background-position: 0 -138px; }
#nav li.home a.active { background-position: 0 -69px; }
#nav li.portfolio a { background-position: -63px 0; }
#nav li.portfolio a:hover { background-position: -63px -138px; }
#nav li.portfolio a.active { background-position: -63px -69px; }
#nav li.goodies a { background-position: -126px 0; }
#nav li.goodies a:hover { background-position: -126px -138px; }
#nav li.goodies a.active { background-position: -126px -69px; }
#nav li.contact a { background-position: -189px 0; }
#nav li.contact a:hover { background-position: -189px -138px; }
#nav li.contact a.active { background-position: -189px -69px; }
.no-shadow { text-shadow: none; }
.pink { color:#dc3e98; }
.blue { color:#456ac9; }
.intro-home { text-align:center; width:706px; height: 45px; position:relative; top: 5px; margin:0 auto 28px; text-indent: -9999px; background: url(../images/intro-text.png) top center no-repeat; }
#slider-wrapper { width: 730px; height: 434px; overflow: hidden; position: relative; margin: 0px auto 14px auto; }
#slider { height: 434px; }
.slide { text-align:center; background:none; width:730px; height: 434px; display: inline; float: left; position: relative; }
.slider-btn { text-indent:-9999px; background:url(../images/slider-btn.png) 0 0 no-repeat; display:block; height:71px; width:26px; }
.preview { display: block; width: 730px; height: 434px; position: relative; }
.slide-border { background-image: url(../images/border.png); position: absolute; left: 0px; top: 0px; z-index: 9998; font-size: 1px; line-height: 1px; }
.border-portfolio { background-image: url(../images/border-nospace.png); }
#sb-top { width: 730px; height: 5px; top: 0px; }
#sb-left { background-position: 0px -5px; height: 424px; width: 5px; top: 5px;}
#sb-right { background-position: -725px -5px; height: 424px; width: 5px; top: 5px; left: 725px; }
#sb-bottom { background-position: 0px -429px; height: 5px; width: 730px; top: 429px; }
#indicators { margin: 14px auto 14px auto; height: 8px; }
#indicators li { display: inline; float: left; width: 7px; height: 8px; padding: 0 3px 0 3px; }
#indicators a { background-image: url(../images/indicators.png); display: inline; float: left; width: 7px; height: 8px; font-size: 0px; line-height: 0px; }
#indicators a:hover { background-position: -14px 0px; }
#indicators a.selected { background-position: -7px 0px; }
#social { float:left; display:inline; width:369px; }
#services-top { height:8px; background-color:#b4b5c9; border-bottom: 1px solid #e2e2ea; font-size: 1px; line-height: 1px; }
#services { text-align:right; background-color:#cfcfdc; padding-top: 21px; border-bottom: 1px solid #dddde7; padding-bottom: 9px; }
#services .container { padding-left: 22px; width: 790px; }
#contact { margin-left:10px; background-image:url(../images/contact-box.png); width: 366px; height: 253px; padding-left: 30px; padding-top: 36px; float:left; display:inline; }
.hire { float:right; margin:29px 17px 10px 10px;}
#social h2 { background: url(../images/services-header.png) top right no-repeat; height: 18px; text-indent: -9999px; text-align: left; margin-top: 23px; margin-right: 130px; line-height:1px; font-size: 1px;}
p.services-text { text-indent: -9999px; margin: 5px 130px 0 auto; text-align: left; width: 211px; height: 54px; background:url(../images/services-text.png) top right no-repeat; }
.divider { background: url(../images/divider.jpg) top left no-repeat; height: 2px; width: 369px; margin: 10px 0px 10px auto; line-height: 0px; font-size: 0px; }
#tweets { background: url(../images/twitter.png) top left no-repeat; height: 59px; width: 246px; margin: 1px 12px 0px auto; padding: 8px 28px 13px 62px; font-family:CoconutBold, "Lucida Grande", Arial, Helvetica, sans-serif; display: block; }
#tweet_wrap { vertical-align: middle; text-align: center; height: 59px; width: 246px; }
#tweets .tweet_text { font-size: 12px; font-weight: bold; line-height: 12px; letter-spacing: 0em; }
#tweets .tweet_date { font-size: 9px; line-height: 11px; color: #9393ab; letter-spacing: 0em; }
#accounts { margin-left: 63px; padding-top: 3px; }
#accounts li { width: 30px; height: 31px; float: left; margin-right: 4px; }
#accounts a { display: block; width: 30px; height: 31px; background-image: url(../images/accounts.png); }
#accounts .hidden { display: none; }
#accounts #devart { background-position: -30px 0px; }
#accounts #skype { background-position: -60px 0px; }
#accounts #aim { background-position: -90px 0px; }
#accounts #twitter { background-position: -120px 0px; }
#accounts #flickr { background-position: -150px 0px; }
#accounts #dribbble { background-position: -180px 0px; }
#accounts #ember { background-position: -210px 0px; }
#contact h2 { background:url(../images/get-in-touch-header.jpg) 0 0 no-repeat; height:32px; width:147px; text-indent: -9999px; margin-bottom: 10px; margin-left: 1px; }
p.direct-contact { font-size: 9px; float: right; margin: 15px 25px 0 0; }
#contact-form { margin-top: 12px; }
#contact-form input,
#contact-form textarea { background:url(../images/form.png) no-repeat; border: none; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size: 12px; color: #9393ab; outline: none; }
input.text { height: 14px; width: 140px; padding: 10px; }
input#name { margin:0 0 14px 0; }
input#email { margin:0 0 14px 10px; }
textarea#message { height: 53px; width: 315px; padding: 10px; background-position: 0 -48px; resize: none; }
input#send { width: 128px; height: 34px; background-position: -207px -134px; display: block; outline: none; margin: 15px 0 0 207px; cursor: pointer; }
input#send:hover { background-position: -79px -134px; }
span#contact-msg { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; color: #696b82; display: inline; float: left; width: 178px; text-align: right; line-height: 12px; position: relative; top: 20px; left: 15px; }
#footer { height:34px; padding-top: 10px; background:url(../images/footer.jpg) 0 0 repeat-x; }
#footer p,
#footer span,
#footer a { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:9px; font-weight: bold; line-height: 11px; color: #797a9a; text-shadow: 0px 1px #cccdda; letter-spacing: 0em; }
#footer a:hover { color: #456ac9; }
#footer div.copyright { float: left; padding-left: 20px; line-height: normal; font-size: 0px; }
#footer span.copyright { font-family: Verdana; font-weight: bold; font-size: 11px; }
#footer div.links { float: right; text-align: right; padding-right: 30px; line-height: normal; font-size: 0px; }
#footer div.links a { background: url(../images/icons.png) top left no-repeat; padding-left: 13px; }
#footer a#sitemap { background-position: 0px -40px; }
#footer a.tick { margin-right: 5px; background: url(../images/icons.png) 0px -20px no-repeat; padding-left: 13px;}
#thumbnails { background-color: #f00; width: 749px; overflow: auto; background: url(../images/thumbsep.png) top center no-repeat; margin: 23px auto 15px auto; padding-top: 25px; padding-left: 1px; }
#thumbnails li.thumb { display: inline; float: left; background-image: url(../images/thumb.png); width: 69px; height: 68px; padding: 6px; margin: 0px 6px 11px 6px; font-size: 0px; line-height: 0px; }
#thumbnails li.selected { background-position: 0px -80px; }
#thumbnails a.thumb { display: block; width: 69px; height: 68px; position: relative; }
#thumbnails span.overlay { background-image: url(../images/thumboverlay.png); width: 69px; height: 68px; position: absolute; top: 0px; left: 0px; display: none; }
#donate { width: 749px; margin: 10px auto 10px auto; }
div.download { height: 0px; background: url(../images/popup_bg.png) top left repeat-x; position: absolute; z-index: 99; top: 434px; width: 687px; padding: 0px 18px 0px 25px; display: block; overflow: hidden; font-size: 0px; line-height: 0px; left: 0px; }
a.download { display: inline; width: 130px; height: 37px; float: right; margin-top: 20px; background-image: url(../images/download.png); }
a.download:hover { background-position: 0px -37px; }
table.download { height: 78px; vertical-align: middle; width: 537px; line-height: normal; font-family:"Lucida Grande", "Lucida Sans", sans-serif; font-size: 10px; }
a.downloadapp { display: inline; width: 130px; height: 37px; float: right; margin-top: 20px; background-image: url(../images/downloadapp.png); }
a.downloadapp:hover { background-position: 0px -37px; }
a.downloadweb { display: inline; width: 130px; height: 37px; float: right; margin-top: 20px; background-image: url(../images/downloadweb.png); }
a.downloadweb:hover { background-position: 0px -37px; }
table.download { height: 78px; vertical-align: middle; width: 537px; line-height: normal; font-family:"Lucida Grande", "Lucida Sans", sans-serif; font-size: 10px; }
table.download span.title { padding-right: 6px; color: #ededed; font-weight: bold; text-shadow: 0px -1px #000000; }
table.download span.text { color: #8eaeff; font-weight: bold; text-shadow: 0px -1px #000000;}
table.download span.subtext { color: #393f42; font-size: 8px; text-shadow: 0px -1px #000000;}
table.download span.work_title { color: #f542a8; font-weight: bold; text-shadow: 0px -1.1px #000000; font-size: 13px; }
ul#sitemap { margin: 0 0 8em 2em; padding: 0; text-align: left; line-height: 1.5em; font-size:10pt; }
ul#sitemap li { margin: 0; padding: 0; }
ul#sitemap li.one { margin-left:25em; }
ul#sitemap li.two { margin-left:50em; }
ul#sitemap li.reset { margin-top: -39em; }
* html ul#sitemap li { position: relative; }
ul#credits { margin-top: 3em; margin-bottom: 5em; padding: 0; text-align: center; line-height: 1.5em; font-size:10pt; }
ul#credits li { margin: 0; padding: 0; }