/* reset */ 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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* text */ body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
/* 960 */ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* custom ------------------------------------------------------------------------------------------------------------ */
body { background-color:#0d0d0d; color:#f1f1f1; font-size: 14px; line-height:22px; border-top:20px solid black; padding-top:40px;}
a { color:#f75d20; } a:hover { text-decoration:none; }
.pull-1 {margin-left:-40px;}
.green { color:#00a87e; } .red { color:#dd3535; } .yellow {color:#ffbd16;} .purple {color:#54589d;}
.bbottom { border-bottom:1px solid #4f4f4f; margin-bottom:20px; }
img.left { margin:5px 20px 20px 0; float:left; }
img.right { margin:5px 0 20px 20px; float:right; }
hr {border-color: #4f4f4f;}
.meta {font-size:12px;}
/* Main Navigation */
#nav { list-style: none; padding: 0; margin: 9px 0 0 0; width:470px; } #nav li {float:left; padding:0; margin:0; }
#nav a, #nav strong { display:block; margin:0px; height: 0px !important; line-height:200px; overflow:hidden; /*-*/ height /**/:79px; padding-top:79px; }
#nav-apps a, #nav-apps strong { background: transparent url(/images/dk-nav.png) no-repeat 9px top; width:165px; }
#nav-apps strong { background-position: 9px -164px; } #nav-apps a:hover { background-position: 9px -78px; }
#nav-support a, #nav-support strong { background: transparent url(/images/dk-nav.png) no-repeat -163px top; width:129px; }
#nav-support strong { background-position: -163px -164px; } #nav-support a:hover { background-position: -163px -78px;}
#nav-blog a, #nav-blog strong { background: transparent url(/images/dk-nav.png) no-repeat -294px top; width:90px; }
#nav-blog strong { background-position: -294px -164px; } #nav-blog a:hover { background-position: -294px -78px;}
#nav-about a, #nav-about strong { background: transparent url(/images/dk-nav.png) no-repeat -381px top; width:86px; }
#nav-about strong { background-position: -381px -164px; } #nav-about a:hover { background-position: -381px -78px;}
.lt #nav-apps a, .lt #nav-support a, .lt #nav-blog a, .lt #nav-about a { background-image: url(/images/lt-nav.png); }
/* Headers */
h5 {font-size:24px; padding:3px 0 15px 0;}
h6 { font-size:18px; margin-bottom:0px; }
h6 a { text-decoration:none; color:#00a87e;}
h6 a:hover { text-decoration:underline;}
#pg_cover h1, h1 a, h2, h3, h4 { display:block; margin:0px; height: 0px !important; line-height:200px; overflow:hidden; background: transparent url() no-repeat top left; }
#pg_cover h1, h1 a { background-image: url(/images/dk-logo.png); width:340px; /*-*/ height /**/:96px; padding-top:96px; margin-bottom:35px;}
#pg_cover.lt h1, .lt h1 a { background-image: url(/images/lt-logo.png); }
h2#main { background-image: url(/images/fp-strapline.png); width:580px; /*-*/ height /**/:148px; padding-top:109px; }
h2#saatchi-main { background-image: url(/images/fp-strapline-saatchi.png); width:580px; /*-*/ height /**/:148px; padding-top:109px; }
h2#saatchi-main2 { background-image: url(/images/fp-strapline-saatchi2.png); width:580px; /*-*/ height /**/:148px; padding-top:109px; }
h2#mj { background-image: url(/images/mj-mjstrapline.png); width:580px; /*-*/ height /**/:73px; padding-top:79px; }
h2#fp-mj { background-image: url(/images/fp-mjstrapline.png); width:580px; /*-*/ height /**/:148px; padding-top:109px; }
#strapline { padding-bottom:12px; margin-bottom:40px; border-bottom:1px solid #4f4f4f;}
#strapline2 { padding-bottom:12px; margin-bottom:40px;}
#strapline3 { margin-bottom:10px;}
#mjstrapline { padding-bottom:12px; margin-bottom:0px; border-bottom:1px solid #4f4f4f;}
h3 { height /**/:29px; padding:29px 0 10px 0; }
h3#tapstack { background-image: url(/images/h-tapstack.png); }
h3#contact_form { background-image: url(/images/h-contact_form.png); }
h3#thanks_contact { background-image: url(/images/h-thanks_contact.png); height /**/:31px;}
h3#thanks_purchase { background-image: url(/images/h-thanks-purchase.png); }
h3#purchase { background-image: url(/images/h-purchase.png); }
h3#our-process { background-image: url(/images/h-our-process.png); }
h3#our-price { background-image: url(/images/h-our-price.png); }
h3#contact-us { background-image: url(/images/h-contact-us.png); }
h3#roll { background-image: url(/images/h-roll.png); }
h3#slide { background-image: url(/images/h-slide.png); }
h3#portfolio { background-image: url(/images/h-portfolio.png); }
h3#calendar { background-image: url(/images/h-calendar.png); }
h3#rss { background-image: url(/images/h-rss.png); }
h3#your_idea { background-image: url(/images/h-your_idea.png); }
h3#support { background-image: url(/images/h-support.png); }
h3#tell_us { background-image: url(/images/h-tell_us.png); }
h3#about_us { background-image: url(/images/h-about_us.png); }
h3#who_we_are { background-image: url(/images/h-who_we_are.png); }
h3#get_in_touch { background-image: url(/images/h-get_in_touch.png); }
h3#hexalog { background-image: url(/images/h-hexalog.png); }
h3#tweets { background-image: url(/images/h-tweets.png); }
h3#archive { background-image: url(/images/h-archive.png); margin:20px 0 20px 0; border-bottom:1px solid #4f4f4f; }
h3#top_tapstacks { background-image: url(/images/h-top_tapstacks.png); }
h3#for_publishers { background-image: url(/images/h-for_publishers_n_authors.png); }
h3#faq { background-image: url(/images/h-frequently_asked_questions.png); }
h3#process { background-image: url(/images/h-process.png); }
h3#requirements { background-image: url(/images/h-requirements.png); }
h3#tapstack_client_portal { background-image: url(/images/h-tapstack_client_portal.png); }
h3#tapstack_catalog { background-image: url(/images/h-tapstack_catalog.png); }
h3#roll_catalog { background-image: url(/images/h-roll-catalog.png);}
h3#slide_catalog { background-image: url(/images/h-slide_catalog.png); }
h3#rss_catalog { background-image: url(/images/h-rss-catalog.png);}
h3#roll_for_short_films { background-image: url(/images/h-roll_for_short_films.png); }
h3#top_rollapps { background-image: url(/images/h-top_rollapps.png); }
h3#opus { background: transparent url(/images/dk-opus.jpg) no-repeat; width:580; height:476px; z-index:-1; line-height:476px; }
h3#appsstrapline { background-image: url(/images/fp-strapline3.png); width:580px; /*-*/ height /**/:40px; }
h3#clients { background-image: url(/images/h-clients.png); }
h3#slide-deck { background-image: url(/images/badge-slide-deck.png); height/**/:75px; padding:75px 0 10px 0;}
h3#social-network { background-image: url(/images/badge-social-network.png); height/**/:75px; padding:75px 0 10px 0;}
h3#web-traffic { background-image: url(/images/badge-web-traffic.png); height/**/:75px; padding:75px 0 10px 0;}
h3#media-optional { background-image: url(/images/badge-media-optional.png); height/**/:75px; padding:75px 0 10px 0;}
h3#daily-nav { background-image: url(/images/badge-daily-nav.png); height/**/:75px; padding:75px 0 10px 0;}
h3#update-rss { background-image: url(/images/badge-update-rss.png); height/**/:75px; padding:75px 0 10px 0;}
h3#examples-slide { background-image: url(/images/h-examples-slide.png); height/**/:30px; padding:30px 0 10px 0;}
h3#examples-portfolio { background-image: url(/images/h-examples-portfolio.png); height/**/:30px; padding:30px 0 10px 0;}
h3#examples-rss { background-image: url(/images/h-examples-rss.png); height/**/:30px; padding:30px 0 10px 0;}
h3#slide-small { background-image: url(/images/h-slide-small.png); }
h3#features-green { background-image: url(/images/h-features-green.png); }
h3#features-orange { background-image: url(/images/h-features-orange.png); }
h3#features-yellow { background-image: url(/images/h-features-yellow.png); }
h3#features-blue { background-image: url(/images/h-features-blue.png); }
h3#about_roll {background-image: url(/images/app-global-about_rl-lt.png); height /**/:107px; padding:107px 0 10px 0; }
h3#about_tapstack { background-image: url(/images/app-global-about_ts-lt.png); height /**/:136px; padding:136px 0 10px 0; }
h4#about_mark { background-image: url(/images/about-mark.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
h4#about_samuel { background-image: url(/images/about-samuel.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
h4#about_ricky { background-image: url(/images/about-ricky.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
h4#about_jonah { background-image: url(/images/about-jonah.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
h4#about_clayton { background-image: url(/images/about-clayton.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
h4#about_sharon { background-image: url(/images/about-sharon.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
h4#about_kevin { background-image: url(/images/about-kevin.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
h4#about_mark_mathis { background-image: url(/images/about-mark-mathis.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
h4#about_richard { background-image: url(/images/about-richard.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
h4#about_roy { background-image: url(/images/about-roy.png); width:580px; /*-*/ height /**/:115px; padding-top:115px; margin-bottom:-10px;}
/* Footer */
#footer, .toprule { margin-top:10px; padding-top:10px; border-top:1px solid #4f4f4f; }
#footer strong { color:#00a87e;}
#footer .meta { text-align:right; }
#footer img { vertical-align:middle; }
/* Pages */
div#phone { background: transparent url(/images/dk-phone.jpg) no-repeat 37px 0px; width:364px; height:558px; }
div#phone-baroque { background: transparent url(/images/dk-phone-baroque.jpg) no-repeat 37px 0px; width:364px; height:558px; }
div#mjphone { background: transparent url(/images/dk-mjphone.png) no-repeat 37px 0px; width:364px; height:558px; }
div#opus { background: transparent url(/images/dk-opus.png) no-repeat; width:580; height:476px; }
div#dk-saatchi { background: transparent url(/images/dk-saatchi-opus.jpg) no-repeat; width:699; height:329px; }
div#tapstack-phone { background: transparent url(/images/dk-tapstack-phone.png) no-repeat 10px 0px; width:460px; height:761px; }
div.screens #myGallery { margin:106px 0 0 88px; width: 227px !important; height: 341px !important; }
div.tapstack-screens #myGallery { margin:138px 0 0 70px; width: 320px !important; height: 480px !important; }
div.mjscreens #myGallery { margin:106px 0 0 88px; width: 227px !important; height: 341px !important; }
body#pg_tapstack { background: #0d0d0d url(/images/tapstack-pg_ribbon.png) repeat-x left 218px; }
#pg_tapstack #hanger { background: transparent url(/images/tapstack-cover_bg.png) no-repeat 7px 115px; width:1024px; height:646px; }
#pg_slide #hanger { background: transparent url(/images/slide-cover_bg.png) no-repeat 0px 100px; width:1024px; height:646px; }
#pg_portfolio #hanger { background: transparent url(/images/portfolio-cover_bg.jpg) no-repeat 0px 100px; width:1024px; height:646px; }
#pg_calendar #hanger { background: transparent url(/images/calendar-cover_bg.jpg) no-repeat 0px 100px; width:1024px; height:646px; }
#pg_rss #hanger { background: transparent url(/images/rss-cover_bg.jpg) no-repeat 0px 100px; width:1024px; height:646px; }
div#description {margin-top:140px;}
div#icon-slide {margin-top:110px;}
div#icon-rss {margin-top:110px;}
div#icon-calendar {margin-top:110px;}
div.screens p { margin:0px; height: 0px !important; line-height:200px; overflow:hidden; }
div.mjscreens p { margin:0px; height: 0px !important; line-height:200px; overflow:hidden; }
div.tapstack-screens p { margin:0px; height: 0px !important; line-height:200px; overflow:hidden; }
#pg_tapstack div.screens #myGallery { margin:72px 0 0 95px; }
#pg_mj-opus div.mjscreens #myGallery { margin:72px 0 0 95px; }
#pg_roll div.screens #myGallery { margin:24px 0 0 90px; width: 345px !important; height: 230px !important; }
#pg_roll div.screens { background: transparent url(/images/iphone-horiz.png) no-repeat 0px 0px; width:520px; height:300px; }
#app-callout { margin:0px; height: 0px !important; line-height:200px; overflow:hidden;
background: transparent url(/images/app-global-callout-lt.png) no-repeat top left;
width:280px; /*-*/ height /**/:255px; padding-top:255px; }
/* Slide */
img.button { margin-left: 125px; margin-bottom: 20px; }
img.button-saatchi { margin-bottom: 20px; margin-top:78px; }
img.button-appstore { margin-bottom: 20px; }
img.button-homepage { margin-left: 55px; margin-top: 20px; }
img.button-roll { margin-left: 20px; margin-top: 10px; }
img.purchase-button { margin-left: 36px; margin-bottom: 20px; }
div#slide-description-header {margin-top:110px; margin-left:35px; line-height: 25px; font-size:18px; color:#00a87e;}
/* Portfolio */
div#portfolio-description-header {margin-top:110px; margin-left:35px; line-height: 25px; font-size:18px; color:#f75d20;}
/* Calendar */
div#calendar-description-header {margin-top:110px; margin-left:35px; line-height: 25px; font-size:18px; color:#ffbd16;}
/* RSS */
div#rss-description-header {margin-top:110px; margin-left:35px; line-height: 25px; font-size:18px; color:#009bda;}