html, body { background: #000; } body { color: #fff; font: 10px/13px Verdana, sans-serif; } ul { list-style: none; } a:link { color: #29abe2; text-decoration: none; } a:visited { color: #29abe2; text-decoration: none; } a:hover { background: #fff; color: #000; text-decoration: none; } .hide { display: none; height: 0; visibility: hidden; width: 0; } a.no-bg { background: transparent; } #no_script { margin: -5px 0 0 10px; width: 150px; } #no_script li { float: left; height: 10px; margin: 2px 5px 0 5px; padding: 0; width: 50px; } /* ----- page titles ----- #updates-title, #news-title, #press-title, #profile-title, #projects-title, #contact-title, #shop-title { display: block; text-indent: -10000px; width: 84px; } #news-title { background: url(/workspace/img/v2/title_news.gif) no-repeat; } #press-title { background: url(/workspace/img/v2/title_press.gif) no-repeat; } #profile-title { background: url(/workspace/img/v2/title_profile.gif) no-repeat; } #projects-title { background: url(/workspace/img/v2/title_projects.gif) no-repeat; } #contact-title { background: url(/workspace/img/v2/title_contact.gif) no-repeat; } #shop-title { background: url(/workspace/img/v2/title_shop.gif) no-repeat; } */ /* ----- #shop ----- */ #shop-info { background: url(../images/social-repeater.gif) 8px top; padding: 10px 0 15px; } #shop-info p { background: url(../images/sprite.png) 0 -182px no-repeat; height: 26px; text-indent: -10000px; width: 70px; } .item { margin: 20px 0; } .item-left, .item-right { float: left; } .item-left { margin: 0 25px 0 0; } .item-right { } .item-right h2 { background-color: #808080; color: #000; margin: 55px 0 10px; padding: 3px 5px; text-transform: uppercase; } .item-desc { margin: 0 0 30px 0; } .item-desc ul { margin: 0 0 0 15px; } .item-desc li { list-style: disc; } .item-desc dt { margin: 0 0 20px 0; } .item-desc dd { padding: 3px 0 0 0; } .orders { float: left; width: 130px; } .orders dt { padding: 0 0 3px 0; } .orders dd input[type=image] { border: 1px solid #808080; display: block; margin: 2px 0 0 0; width: 95px; } #sold-out { } #sold-out p { background-color: #29abe2; color: #000; font-size: 10px; font-weight: bold; padding: 3px 20px 3px 5px; text-transform: uppercase; } /* ====== return of the site ===== */ /* blue: #29abe2 */ /* pink: #e90d8b */ html, body { font-family: Verdana, sans-serif; } body { background: url(../images/diagnol_bg_light_grey.png); } a:link { color: #29abe2; text-decoration: none; } a:visited { color: #29abe2; text-decoration: none; } a:hover { background: #000; color: #e90d8b; text-decoration: none; } img { border: 0; display: block; } .clearfloat { display: inline-block; overflow: hidden; } .clearfloat { display: block; } .position-a, .p-absolute { position: absolute; } .display-n, .d-none { display: none; } .display-b, .d-block { display: block; } .invisible { visibility: hidden; } .float-l, .f-left { float: left; } .float-r, .f-right { float: right; } .clear-n, .c-none { clear: none; } .clear-b, .c-both { clear: both; } .bold { font-weight: bold; } .inline { padding-right: 5px; } .no-bg { background: transparent; } .blue { color: #29abe2; } .pink { color: #e90d8b; } .grey { color: #808080; } .pink { color: #ed1e79; } .yellow { color: #ff0; } .success { color: #0f0; } .error { color: #f00; } input.error { border: 1px solid #f00; } .item a { display: block; float: left; } .note { display: inline; font-size: 9px; } p { line-height: 16px; } .delimiter { display: block; float: left; padding: 0 3px 0 0; } .new { color: #e03a83; padding: 0 2px; } .pipe { padding: 0 3px; } .left-column { float: left; margin: 0 25px 0 0; width: 140px; width: 140px; } .right-column { width: 760px; } .section-left { margin: 20px 25px 0 0; } .section-right { margin: 20px 0 0; } #admin-nav { position: absolute; right: 0; top: 0; } /* ----- #home ----- */ .posts-feed { background: #000 url(/workspace/img/v2/news_dots.png) bottom left repeat-x; } last.posts-feed { background: none; } .posts-feed .date { margin: 30px 0 10px; } .read-more-hp { display: block; padding: 0 0 45px; } .project-thumb { float: left; margin: 30px 20px 0 0; text-align: left; width: 155px; } .project-thumb a { display: block; text-decoration: none; } .project-thumb img { display: block; margin: 0 auto 3px auto; } .project-thumb span { display: block; padding: 0 5px 3px; } #socialness { float: none; margin: 24px 0 0; } .social-item { float: left; margin: 0 5px 0 0; } .social-item a { background: url(../images/sprite.png) 0 0 no-repeat; display: block; height: 24px; text-indent: -10000px; width: 25px; } #social-rss-feed { } #social-rss-feed a { background-position: 0 -113px; } #social-rss-feed a:hover { background-position: 0 -138px; } #social-twitter { } #social-twitter a { background-position: -30px -113px; } #social-twitter a:hover { background-position: -30px -138px; } #social-flickr { } #social-flickr a { background-position: -62px -113px; } #social-flickr a:hover { background-position: -62px -138px; } #social-facebook { } #social-facebook a { background-position: -92px -113px; } #social-facebook a:hover { background-position: -92px -138px; } .list { width: 400px; } .list li { float: left; } .list li a { float: left; } .top-margin { margin: 40px 0 0; } #search { margin: 53px 0 3px; } #search h3 { background: url(../images/sprite.png) -241px -96px no-repeat; text-indent: -10000px; } #search form { } #search form input[type=text] { background-color: #fff; border: 1px solid #fff; color: #000; float: left; height: 16px; width: 100px; } #search form input[type=text].error { background-color: #f00; } #search form input[type=submit] { background: #999 url(../images/sprite.png) -445px 5px no-repeat; border: 1px solid #999; float: right; height: 20px; text-indent: -10000px; width: 25px; } /* page headings */ #page-header { } .column-header { background: transparent url(/workspace/img/v2/sub_nav_repeat.png) repeat-x scroll left bottom; padding: 0 0 12px; } #page-header h1 { } #page-header h1 span { } #left-page-header { } #left-page-header h1 { background-color: #999; } #left-page-header h1 span { background: url(../images/sprite.png) no-repeat; display: block; text-indent: -10000px; } #left-page-header h1 span.header-txt a { background: url(../images/sprite.png) no-repeat; display: block; height: 100%; width: 100%; } #left-page-header h1 span.header-txt a:hover { background-color: #fff; } h1#home-left-heading span { background-position: -445px -24px; } h1#about-left-heading span { background-position: -445px -74px; } h1#posts-left-heading span { background-position: -445px -41px; } h1#projects-left-heading span, h1#projects-left-heading span.header-txt a { background-position: -445px -57px; } h1#shop-left-heading span { background-position: -445px -91px; } #right-page-header { } #right-page-header h1 { background-color: #000; } #right-page-header h1 span { background: url(../images/sprite.png) no-repeat; display: block; text-indent: -10000px; } h1#home-right-heading span { background-position: -445px -108px; } h1#about-right-heading span { background-position: -445px -143px; } h1#posts-right-heading span { background-position: -445px -126px; } h1#projects-right-heading span { background-position: -445px -108px; width: 23%; } h1#projects-right-heading.print span { background-position: -445px -170px; } h1#projects-right-heading.motion span { background-position: -445px -198px; } h1#projects-right-heading.type-and-amp-logos span { background-position: -445px -226px; } h1#projects-right-heading.interactive span { background-position: -445px -254px; } h1#shop-right-heading span { background-position: -445px -280px; } #wrapper { border-top: 1px solid #e90d8b; margin-bottom: 100px; } #container { margin: 20px 0 0 20px; width: 1010px; } #header-wrap { } #header-container { } #header-left { } #logo { } #logo img { } #header-right { } #header-right img { } #menu { float: left; margin: 0 0 0 30px; width: 200px; } #menu ul { } .nav-item { float: left; /*padding: 2px 5px;*/ overflow: hidden; position: relative; } .nav-item a { background: url(../images/sprite.png) 0 0 no-repeat; display: block; height: 7px; padding: 2px 5px; position: relative; text-indent: -10000px; width: 65px; z-index: 2; } .nav-item.current a, .nav-item a:hover { background-color: #fff; } #nav-posts { } #nav-posts a { background-position: -145px 2px; } #nav-posts.current a, #nav-posts a:hover { background-position: -145px -15px; } #nav-projects { } #nav-projects a { background-position: -145px -32px; } #nav-projects.current a, #nav-projects a:hover { background-position: -145px -49px; } #nav-about { clear: left; } #nav-about a { background-position: -145px -66px; } #nav-about.current a, #nav-about a:hover { background-position: -145px -83px; } #nav-shop { } #nav-shop a { background-position: -145px -100px; } #nav-shop.current a, #nav-shop a:hover { background-position: -145px -117px; } .reach-around { background: #fff; height: 100%; left: -100px; position: absolute; top: 0; width: 100%; z-index: 1; } #contact-info { display: block; } #contact-info img { display: block; } .hide-overflow { display: block; overflow: hidden; position: relative; } #logo-wrap { } #logo { } /* ----- #header ----- */ #header div { } #header ul { float: left; } #logo { height: 30px; width: 125px; } a#logo, a#logo:hover { text-decoration: none; } #header-left, #header-right { background: #000 url(/workspace/img/v2/header_bg.png) repeat-x; height: 51px; float: left; } #header-left { } #header-right { } #header-right img { float: left; } #site-title-wrap { float: left; height: 18px; width: 125px; } #site-title-wrap img { left: 0; position: absolute; top: -42px; } #contact-info-wrap { float: right; height: 20px; width: 130px; } #contact-info-wrap img { left: 0; position: absolute; top: -75px; } h1.item { margin: 0; } #content { clear: both; } /* projects */ /* ----- #projects, #press ----- */ #sub-nav, #press-right, #projects-right { float: left; } #sub-nav a { color: #fff; text-decoration: none; } #sub-nav a:hover { color: #000; } #sub-nav ul { background: url(/workspace/img/v2/news_dots.png) top left repeat-x; clear: both; margin: 10px 0 0 0; } #sub-nav li { background: url(/workspace/img/v2/sub_nav_repeat.png) bottom left repeat-x; padding: 10px 0 5px 0; } #subnav li.current a { background: none; color: #ff0; } #projects-left { } ul#projects-categories { background-image: none; width: inherit; } #projects-categories li { background: none; float: none; margin: 5px; overflow: hidden; padding: 0; height: 7px; } #projects-categories li a { background: url(../images/sprite.png) 0 0 no-repeat; text-indent: -10000px; width: 100%; } li#project-cat-print { } li#project-cat-print a { background-position: -240px 0; } /* width: 53px; */ li#project-cat-print.current a, li#project-cat-print a:hover { background-position: -240px -7px; } li#project-cat-motion { } li#project-cat-motion a { background-position: -240px -24px; } /* width: 63px; */ li#project-cat-motion.current a, li#project-cat-motion a:hover { background-position: -240px -31px; } li#project-cat-type-and-amp-logos { } li#project-cat-type-and-amp-logos a { background-position: -240px -48px; } /* width: 101px; */ li#project-cat-type-and-amp-logos.current a, li#project-cat-type-and-amp-logos a:hover { background-position: -240px -55px; } li#project-cat-interactive { } li#project-cat-interactive a { background-position: -240px -72px; } /* width: 93px; */ li#project-cat-interactive.current a, li#project-cat-interactive a:hover { background-position: -240px -79px; } #projects-list { } #projects-list li { margin: 0; padding: 3px 0 5px; } #projects-list li.current { } #projects-list li.current a { background-color: #fff; color: #000; } #projects-list li.last { } #projects-list li a, #monthly-archive-list li a { display: block; padding: 3px 5px; width: 100%; } #projects-list li a:hover, #monthly-archive-list li a:hover { background-color: #fff; color: #000; } #projects-right { } #info { background: url(/workspace/img/v2/sub_nav_repeat.png) bottom left repeat-x; height: 54px; margin: 10px 0 0; padding: 0; } #info dl { color: #808080; } #info h2 { float: left; padding: 0 10px; width: 120px; } #info h2 span { color: #808080 } #info .middle-info { color: #808080; width: 250px; } #info .middle-info dt { clear: both; float: left; margin: 0 5px 0 0; } #info .middle-info .item { float: left; margin: 0; } #info .middle-info .item .delimiter { float: right; } #info .middle-info .item a { } #info .middle-info .item a:hover { } #info .right-info { float: left; margin: 0 0 0 10px; width: 350px; } #info .right-info dt { clear: both; color: #fff; float: left; margin: 0 5px 0 0; padding: 0; } #info .right-info dd { } #info .right-info dd p { line-height: 14px; } #project-imgs { } #project-imgs img { display: block; margin: 10px 0 27px 10px; } /* posts */ #posts-left { } li a .count { font-size: 9px; padding-left: 3px; } .list-wrap { background: url(/workspace/img/v2/sub_nav_repeat.png) top left repeat-x; padding: 50px 0 25px; } .list-header { background: url(../images/sprite.png) 0 0 no-repeat; height: 7px; margin: 0 0 10px; overflow: hidden; text-indent: -10000px; } #categories-list-wrap { } #categories-list-wrap h2 { background-position: -240px -147px; } #archive-list-wrap { } #archive-list-wrap h2 { background-position: -240px -130px; } #monthly-archive-list { } #monthly-archive-list li, #posts-left .category { width: 100%; } #links-wrap ul li a, #monthly-archive-list li a, #posts-left .category a { color: #e90d8b; display: block; padding: 0 0 2px 3px; width: 100%; } #monthly-archive-list li a:hover, #posts-left .category.current a, #posts-left .category a:hover { background-color: #fff; color: #000; } #monthly-archive-list li.current { } #links-wrap { } #links-wrap h2 { background-position: -240px -113px; } #links-wrap ul { } #links-wrap ul li { clear: both; margin: 0; } #links-wrap ul li a { } #links-wrap ul li a:hover { background: #fff; color: #000; } #posts-right { } #posts-wrap { margin: 55px 0 0 90px; float: left; width: 450px; } #search-results-header-wrap { background: url(/workspace/img/v2/news_dots.png) left 20px repeat-x; padding: 0 0 8px; } #search-results-header { } .post { background: url(/workspace/img/v2/news_dots.png) left bottom repeat-x; clear: both; margin: 10px 0 44px; } #single-post.post { background-image: none; } .post h1, .post h2 { width: 100%; } .post h1 a, .post h2 a { background: #fff; color: #000; display: block; font-size: 12px; padding: 5px; text-transform: uppercase; } .post h1 a:hover, .post h2 a:hover { background: #999; color: #000; } .post p { } .post p img { margin: 10px 0 15px; } .post-info { margin: 10px 0; } .post-info span { display: block; float: left; } .category-wrap { } .category-wrap .cat-title { padding-right: 5px; } .category-wrap ul.list { float: left; width: auto; } .category-wrap ul.list li { } .category-wrap ul.list li a { } .category-wrap ul.list li a:hover { background: transparent; color: #fff; } .post-blurb { clear: both; padding: 0 0 10px; } .post-blurb h1 { background-image: none; } .post-blurb p { margin: 0 0 10px; } .read-more-wrap { padding: 0 0 10px; } .read-more-wrap span { } .read-more-wrap span a { float: right; } .read-more-wrap span a:hover { } #pagination-wrap { float: right; } #posts-right #socialness { background: url(../images/social-repeater.gif); float: right; margin: 0 3px 0 0; padding: 60px 0 0; width: 130px; } #posts-right #socialness ul { background-color: #000; margin: 5px 0 0; } #comment-header-wrap { } #form-title { float: left; margin: 10px 0; width: 60%; } #comment-header-wrap a { display: block; float: right; margin: 10px 0; } #guideline { margin: 0 0 10px; } #num-comments-wrap { float: right; margin: 0; } #post-comment { float: right; margin: 0 10px 0 0; } .comment-box { background: url(/workspace/img/v2/news_dots.png) left bottom repeat-x; clear: both; margin: 20px 0 0; padding: 0 0 17px; } .comment-info { background: url(../images/sprite.png) -10000px -100000px no-repeat; margin: 0 0 10px 0; padding-bottom: 3px; position: relative; } .comment-box.poster .comment-info { background-position: -1110px 3px; } .comment-box.author.saldella .comment-info { background-position: -650px 0; } .author-link { display: block; margin: 0 0 0 40px; position: relative; width: 80%; z-index: 10; } .author-link a { } .author-link a:hover { } .date-posted { display: block; margin: 0 0 0 40px; position: relative; width: 80%; z-index: 9; } .comment-num { color: #333; font-size: 16px; position: absolute; right: 0; top: 0; width: 135px; z-index: 10; } .comment-num p { float: right; } .comment-num p.manage { font-size: 10px; float: left; } .comment-post { clear: both; } /* about */ #contact-title { margin: 0 0 10px 0; } #commission-address { margin: 0 0 10px; } .profile-info { } .profile-info.right-column { } #location-wrap { } #location-wrap h2 { color: #29ABE2; font-size: 9px; text-transform: uppercase; } #location-wrap h2 span { color: #fff; font-weight: normal; } #services-list { margin: 18px 0 0; } #services-list h2 { font-size: 10px; text-transform: uppercase; } #services-list ul { margin: 8px 0 0; } #services-list ul li { background: url(../images/sprite.png) -473px 4px no-repeat; line-height: 18px; padding: 0 0 0 10px; } #company-info { margin: 28px 0 0; } #company-info h2 { color: #e90d8b; text-transform: uppercase; } #company-info h3 { font-weight: normal; margin: 14px 0 0; } #company-address { } #company-address li { } #commission-address { } #commission-address li { } #form-column { width: 300px; } #form-column h2 { font-weight: normal; margin: 0 0 10px; } #form-column form { margin: 0; width: 275px; } #form-column form p.success { padding-bottom: 5px; } label { color: #29abe2; display: block; margin: 0 0 5px 0; } label span { display: block; margin: 0 0 5px 0; } label span span.note { display: inline; font-size: 9px; margin: 0 0 0 5px; } label span + span.note input { clear: both; } input, textarea { background: #999; border: 1px solid #999; color: #000; display: block; margin: 0 0 15px 0; width: 100%; } input[type=checkbox], input[type=hidden] { border: 0; } input[type=checkbox] { width: 5%; } input[type=checkbox] { display: inline; float: left; } input[type=checkbox]+span { float: left; margin: 0 0 0 5px; padding: 0; width: 91%; } #message { clear: both; } #submit, #clear-form { background: #000; border: 1px solid; color: #fff; cursor: pointer; display: block; padding: 0 0 2px; text-align: center; width: 40%; } #submit { float: left; } #clear-form { float: right; } #submit:hover, #clear-form:hover { background-color: transparent; text-decoration: underline; } #bio-column { width: 400px; } #bio-column h2 { font-weight: bold; text-transform: uppercase; } #bio-column h3 { font-weight: bold; margin-bottom: 15px; text-transform: uppercase; } #bio-column p { } #client-list { margin: 23px 0 0; } #client-list h2 { margin: 0 0 15px; } #client-list ul { width: 400px; } #client-list li { float: left; } #client-list li a { float: left; } #client-list li a { } #client-list li a:hover { } #client-list li .delimiter { } /*

// Profile and Info

Clear Form

Salvation Design LLC

Salvatore Della'quila

Salvation is the creative portfolio/studio of Brooklyn, NY based freelance artist & designer Salvatore DellĠAquila. Salvation is a multi-disciplinary design boutique specializing in illustration, art direction, brand identity, motion graphics, and interactive design. Sal has produced a wide range of work for clients in several industries, including advertising agencies, new media companies, sports, record labels, magazines, and fashion/clothing companies. He is constantly working on personal projects, and always making efforts to push the boundaries of his artwork.

Clients