body {margin: 0; padding: 0; font-size: 12px; font-family: Helvetica; background: #dddee0 url(../images/bg.jpg) top center repeat-x;} img {border: none;} a {text-decoration: none;} a:hover {text-decoration: none;} h3 { margin: 5px 0 10px 0; padding: 0; font-weight: bold; font-family: Helvetica;} p {font-size: 12px; margin: 0 0 10px 0; padding: 0; font-family: Helvetica;} ul {padding: 0; margin: 0;} #top-blue-bg {width: 100%; height: 24px; background: #8db4bb;} #top-blue {width: 1024px; margin: 0 auto;} #top-blue-inside {float: left; width: 1024px; height: 24px;} #slogan {float: left; width: 400px; margin: 0 0 0 30px; padding: 6px 0 0 0; display: inline;} #slogan p {color: #fff; font-size: 10px; } #nav {float: right; height: 24px; width: 500px; margin: 0 60px 0 0; text-align: right; display: inline;} #nav ul {float: right; margin: 0; padding: 0 0 0 2px; list-style: none; background: url(../images/nav-line.png) left no-repeat;} #nav li {float: left; margin: 0; padding: 0; display: block;} .nav-line {float: left; height: 24px; width: 2px; margin: 0 0 0 0; background: url(../images/nav-line.png) top center no-repeat;} #nav li a {float: left; color: #fff; font-size: 10px; text-transform: uppercase; margin: 0; padding: 7px 20px 6px 20px; -webkit-transition: color 0.25s linear;} #nav li a:hover {float: left; color: #CA0088; font-size: 10px; border-top: 5px solid #CA0088; padding: 2px 20px 6px 20px;} #nav .at a {color: #CA0088; border-top: 5px solid #CA0088; padding: 2px 20px 6px 20px; margin: 0 1px 0 0;} #logo {float: left; position: relative; width: 250px; height: 144px; top: -20px; margin: 0 0 0 50px; background: url(../images/logo.png) top left no-repeat; z-index: 0; display: inline;} #logo-shadow {float: left; position: relative; width: 250px; height: 125px; top: 105px; margin: 0 0 0 -250px; background: url(../images/logo-shadow.png) top left no-repeat; z-index: 0; display: inline;} #top-image-blog {float: left; position: relative; width: 250px; height: 270px; margin: -23px 0 0 150px; background: url(../images/top-image-blog.png) top right no-repeat;} #home-top-banner-bg {width: 100%; height: 398px;} #home-top-banner {width: 1024px; height: 398px; margin: 0 auto;} #home-top-banner-inside {float: left; width: 1024px; height: 398px;} #flash-intro {float: left; position: relative; width: 970px; height: 430px; margin: 0 0 0 27px; display: inline;} #home-top-banner-inside h4 {font-size: 10px; color: #000; font-weight: normal;} .artist-name {color: #fff; float: left; width: 100px; position: relative; z-index: 1; margin: -90px 0 0 1020px; display: inline;} #home-top-banner-inside .artist-name h4 {color: #fff; background: #000; padding: 5px 0 5px 5px;} .artist-name a {color: #fff;} .artist-name a:hover {color: #CA0088;} #home-top-banner-inside .artist-name-home h4 {color: #fff; background: #000; padding: 5px 0 5px 5px;} .artist-name-home {float: left; width: 100px; position: relative; z-index: 1; margin: -40px 0 0 1020px; display: inline;} .artist-name-home a {color: #fff;} .artist-name-home a:hover {color: #CA0088;} #home-top-banner-inside .artist-name-other h4 {color: #fff; background: #000; padding: 5px 0 5px 5px;} .artist-name-other {float: left; width: 100px; position: relative; z-index: 1; top: -73px; margin: 0 0 0 1020px; display: inline;} .artist-name-other a {color: #fff;} .artist-name-other a:hover {color: #CA0088;} #home-top-banner-inside .artist-name-seedmail h4 {color: #fff; background: #000; padding: 5px 0 5px 5px;} .artist-name-seedmail {float: right; width: 100px; position: absolute; z-index: 1; margin: 189px 0 0 1020px; display: inline;} .artist-name-seedmail a {color: #fff;} .artist-name-seedmail a:hover {color: #CA0088;} #home-bottom-content-bg {width: 100%; height: 298px; background: url(../images/home-bottom-content-bg.jpg) top center repeat-x;} #home-bottom-content {width: 1024px; height: 298px; margin: 0 auto;} #home-bottom-content-inside {width: 1024px; height: 298px; background: url(../images/maincontent-bg.jpg) top center no-repeat;} #intro {float: left; width: 653px; margin: 35px 0 0 30px; display: inline;} #intro-contact-trigger {float: left; position: absolute; width: 30px; height: 30px; top: 478px; margin: 0 0 0 492px; background: none; display: inline;} #intro h1 {color: #fff; font-size: 20px; font-weight: normal; margin: 0; padding: 0; background: url(../images/exclamation.png) bottom right no-repeat; background-position: 79% 100%; line-height: 25px; text-shadow: 0.03em 0.07em 0.052em #333;} #home-navigation {float: left; position: absolute; width: 919px; height: 176px; top: 543px; margin: 0 0 0 53px; background: url(../images/home-navigation-bg.png) top center no-repeat; display: inline;} #home-navigation h2 {float: left; width: 306px; height: 45px; font-size: 20px; text-align: center; font-weight: normal; text-transform: uppercase; margin: 0; padding: 12px 0 0 0; background: url(../images/home-navigation-title.png) top center no-repeat; text-shadow: 0.03em 0.07em 0.052em #333;} #home-navigation h2 a {color: #fff; -webkit-transition: color 0.25s linear; margin: 0;} #home-navigation h2 a:hover {color: #000;} #home-navigation p {color: #fff; padding: 5px 20px 10px 20px; line-height: 16px;} .home-navigation-section {float: left; width: 306px; height: 152px;} .home-navigation-section p a {color: #fff; border-bottom: 1px solid #ddd;} .home-navigation-section p a:hover {color: #CA0088; border-bottom: 1px solid #CA0088;} .home-buttons h3 {font-size: 14px; color: #fff; font-weight: normal; margin: 0 0 0 0; text-align: center;} #home-navigation .home-buttons a {color: #fff;} #home-navigation .home-buttons a:hover {color: #CA0088;} .home-buttons h3 span {font-weight: bold;} .quote-button {float: left; width: 165px; height: 42px; margin: 0 0 0 70px; background: url(../images/quote-button-down.png) top center no-repeat; display: inline;} .quote-button a {float: left; width: 165px; height: 42px; background: url(../images/quote-button-up.png) top center no-repeat;} .quote-button a:hover {background: transparent none;} .featured-project {float: left; margin: 0 0 0 45px;} #work-intro-text .content .quote-button {float: left; width: 165px; height: 42px; margin: -3px 0 0 -5px; background: url(../images/quote-button-down.png) top center no-repeat; display: inline;} #work-intro-text .content .quote-button a {float: left; width: 165px; height: 42px; background: url(../images/quote-button-up.png) top center no-repeat; border: none;} #work-intro-text .content .quote-button a:hover {background: transparent none;} #work-navigation .work-navigation-section .content .quote-button {float: left; width: 165px; height: 42px; margin: -3px 0 0 -5px; background: url(../images/quote-button-down.png) top center no-repeat; display: inline;} #work-navigation .work-navigation-section .content .quote-button a {float: left; width: 165px; height: 42px; background: url(../images/quote-button-up.png) top center no-repeat; border: none;} #work-navigation .work-navigation-section .content .quote-button a:hover {background: transparent none;} .portfolio-button {float: left; width: 165px; height: 42px; margin: -3px 0 0 70px; background: url(../images/portfolio-button-down.png) top center no-repeat; display: inline;} .portfolio-button a {float: left; width: 165px; height: 42px; background: url(../images/portfolio-button-up.png) top center no-repeat;} .portfolio-button a:hover {background: transparent none;} #facebook-icon {float: right; width: 36px; height: 36px; margin: 30px 25px 0 0; z-index: 999; background: url(../images/facebook_icon_over.png); display: inline;} #facebook-icon a {float: right; width: 100%; height: 100%; background: url(../images/facebook_icon.png) top center no-repeat;} #facebook-icon a:hover {background: transparent none;} #flickr-icon {float: right; width: 36px; height: 36px; margin: 55px -35px 0 0; z-index: 999; background: url(../images/flickr_icon_over.png); display: inline;} #flickr-icon a {float: right; width: 100%; height: 100%; background: url(../images/flickr_icon.png) top center no-repeat;} #flickr-icon a:hover {background: transparent none;} #twitter-icon {float: right; width: 36px; height: 36px; margin: 79px -38px 0 0; z-index: 999; background: url(../images/twitter_icon_over.png); display: inline;} #twitter-icon a {float: right; width: 100%; height: 100%; background: url(../images/twitter_icon.png) top center no-repeat;} #twitter-icon a:hover {background: transparent none;} #newsletter {position: relative; top: 30px; left: 70px;} #newsletter .field {height: 16px; width: 209px; color: #fff; vertical-align: middle; background: none; padding: 3px; margin: 0 3px 0 0; border: 1px solid #dbdcdd;} #newsletterbg {float: left; height: 27px; width: 217px; margin: 3px 3px 0 0; background: url(../images/newsletterbg.png) bottom center no-repeat;} #newsletterbtn-bg {float: left; height: 34px; width: 75px; margin: 3px 0 0 3px; background: url(../images/eletterbtnbg.png) top center no-repeat; display: inline;} .eletterbutton {height: 34px; vertical-align: bottom;} #contact-arrows-bg {float: left; width: 100%; height: 143px; background: #2e6a84 url(../images/contact-bg.jpg) bottom center repeat-x;} #contact-arrows-work-bg {float: left; width: 100%; height: 194px; background: #2e6a84 url(../images/contact-bg.jpg) bottom center repeat-x;} .contact-arrows {width: 1024px; margin: 0 auto;} .arrows-home {height: 143px; background: #2e6a84 url(../images/contact-arrows.jpg) bottom center no-repeat;} .arrows-work {height: 194px; background: #2e6a84 url(../images/contact-arrows-work.jpg) bottom center no-repeat;} .arrows-journal {height: 194px; background: #2e6a84 url(../images/contact-arrows-journal.jpg) bottom center no-repeat;} #contact-arrows-toggle {float: left; width: 222px; height: 133px; margin: 15px 0 0 390px; display: inline;} #contact-arrows-work-toggle {float: left; width: 222px; height: 123px; margin: 60px 0 0 390px; display: inline;} #contact-bg {float: left; width: 100%; background: url(../images/contact-bg-main.jpg) top center repeat-x; padding: 0 0 20px 0;} #contact {width: 772px; margin: 0 auto;} #contact h1 {float: left; font-size: 24px; margin: 20px 0 20px 0;} #close-form {float: left; width: 15px; height: 15px; margin: 26px 0 20px 20px; background: url(../images/close-form.png) top center no-repeat; display: inline;} #contact h2 {font-size: 12px; font-weight: normal; margin: 0; text-transform: uppercase;} #contact h3 {font-size: 20px; color: #CA0088; margin: 0 0 20px 0;} #contact p {font-size: 12px; margin: 0;} #contact a {color: #000;} #contact a:hover {color: #CA0088;} #form {float: left; width: 772px; margin: 0 0 10px 0;} #form p {margin: 0 0 10px 0;} .form-side {float: left; width: 50%;} label {color: #000; text-transform: uppercase;} .texta { background: #fff; font-size: 14px; height: 23px; width: 339px; padding: 3px; border: 1px solid #8BAEC7; margin-top: 10px; color: #333; font-family: Helvetica;} .textb { background: #fff; font-size: 14px; height: 23px; width: 157px; padding: 3px; border: 1px solid #8BAEC7; margin-top: 10px; color: #333; font-family: Helvetica;} .textc { background: #fff; font-size: 14px; height: 23px; width: 230px; padding: 3px; border: 1px solid #8BAEC7; margin: 10px 0 10px 0; color: #333; font-family: Helvetica;} .areatext { background: #fff; font-size: 14px; height: 88px; width: 339px; padding: 3px; border: 1px solid #8BAEC7; margin-top: 10px; color: #333; font-family: Helvetica;} .dropdown {background: #fff; width: 165px; height: 23px; border: 1px solid #8BAEC7; margin: 10px 0 9px 0; padding: 3px 0 0 0; font-size: 14px; font-family: Helvetica;} #maps {float: left; width: 772px; height: 500px; margin: 0 auto;} #maps h2 {font-size: 12px; font-weight: normal; margin: 0; text-transform: uppercase; color: #000;} #maps p {font-size: 12px; margin: 0;} #maps a {color: #000;} #maps a:hover {color: #CA0088;} #map1 {float: left; width: 230px; height: 113px; margin: 10px 0 0 100px; background: url(../images/map3.png) top left no-repeat; display: inline;} #map2 {float: left; width: 230px; height: 113px; margin: 10px 0 0 30px; background: url(../images/map2.png) top left no-repeat;display: inline;} #map3 {float: left; width: 230px; height: 113px; margin: 10px 0 0 120px; background: url(../images/map1.png) top left no-repeat;display: inline;} .address-content {font-size: 12px; padding: 40px 0 5px 90px;} #home-bottom-description {float: left; margin: -47px 15px 0 12px; text-align: left; display: inline;} #home-bottom-description p {color: #8DB4BA; margin: 0; padding: 0; font-size: 12px;} #home-bottom-description span {color: #fff;} /*Our Work */ .our-work-top {float: left; width: 1024px; height: 381px; margin: 17px 0 0 0; background: url(../images/our-work-bg.png) top center no-repeat;} #work-logo {float: left; position: relative; width: 250px; height: 144px; top: -25px; margin: 0 0 0 0; background: url(../images/logo.png) top left no-repeat; z-index: 0;display: inline;} .process-main-title {float: left; width: 254px; height: 71px; margin: 25px 0 0 130px; background: url(../images/process-main-title.png) top center no-repeat; display: inline;} #work-bottom-content-bg {width: 100%; height: 255px; background: url(../images/home-bottom-content-bg.jpg) top center repeat-x;} #work-bottom-content {width: 1024px; height: 255px; margin: 0 auto;} #work-bottom-content-inside {width: 1024px; height: 255px; background: url(../images/work-bottom-content-bg.jpg) top center no-repeat;} .section-title-process {float: left; width: 952px; height: 296px; margin: -70px 0 0 35px; background: url(../images/process-section-title.png) top left no-repeat; display: inline;} .section-title {float: left; width: 323px; height: 229px; margin: -40px 0 0 70px; display: inline;} .web {background: url(../images/web-section-title.png) top left no-repeat;} .apps {background: url(../images/apps-section-title.png) top left no-repeat;} .motion {background: url(../images/motion-section-title.png) top left no-repeat;} .print {background: url(../images/print-section-title.png) top left no-repeat;} .apps-intro-text {float: left; width: 580px; height: 350px; margin: -133px 0 0 0; background: url(../images/apps-intro-text-bg.png) top center no-repeat;} .e-letter-icon {float: left; position: absolute; width: 50px; height: 50px; top: 330px; margin: 0 0 0 326px; display: inline;} .facebook-icon {float: left; position: absolute; width: 70px; height: 70px; top: 310px; margin: 0 0 0 396px; display: inline;} .iphone-icon {float: left; position: absolute; width: 70px; height: 130px; top: 250px; margin: 0 0 0 486px; display: inline;} .section-intro-image {float: left; width: 580px; height: 350px; margin: -133px 0 0 0; position: relative;} .web-image {background: url(../images/web-intro-bg.png) top right no-repeat;} .print-image {background: url(../images/print-intro-bg.png) top right no-repeat;} .motion-image {background: url(../images/motion-intro-bg.png) top right no-repeat;} .section-banner {position: absolute; float: left; width: 1005px; height: 46px; top: 400px; margin: 0 0 0 12px; z-index: 4; display: inline;} .web-banner {background: url(../images/web-banner.png) top center no-repeat;} .apps-banner {background: url(../images/apps-banner.png) top center no-repeat;} .process-banner {background: url(../images/process-banner.png) top center no-repeat;} .seedmail-banner {background: url(../images/seedmail-banner.png) top center no-repeat;} .section-banner .title-left {float: left; margin: 6px 0 0 20px;} .section-banner .title-left h3 {font-size: 18px; font-weight: normal; text-transform: uppercase; color: #fff; padding: 0 0 0 35px;} .section-banner .blog h3 {float: left; padding: 0;} .home-icon-blog {float: left; width: 20px; height: 21px; margin: 9px 0 0 20px; background: url(../images/home-icon.png) top left no-repeat;} .section-banner .title-right {float: right; margin: 0;} .rss-button {float: right; width: 75px; height: 18px; text-align: right; margin: 5px 0 0 0; padding: 3px 25px 0 0; background: url(../images/rss.png) top right no-repeat;} .section-banner .title-right h3 {font-size: 18px; font-weight: normal; text-transform: uppercase; color: #fff; padding: 0 0 0 35px;} .title-left-web {background: url(../images/web-icon.png)left no-repeat;} .title-left-print {background: url(../images/print-icon.png) left no-repeat;} .title-left-motion {background: url(../images/motion-icon.png) left no-repeat;} .title-left-apps {background: url(../images/apps-icon.png) left no-repeat;} .title-left-process {background: url(../images/process-icon.png) left no-repeat;} .title-left-seedmail {background: url(../images/process-icon.png) left no-repeat;} .section-banner .title-right {float: right; margin: 6px 35px 0 0;} .section-banner .title-right h3 {font-size: 18px; font-weight: normal; color: #fff;} .section-banner .title-right h3 a {color: #fff; -webkit-transition: color 0.25s linear;} .section-banner .title-right h3 a:hover {color: #000;} .see-also {float: left; position: absolute; width: 17px; height: 51px; margin: 45px 0 0 0; background: url(../images/see-also.png) top center no-repeat;} .sections-buttons {float: left; position: absolute; width: 60px; height: 48px; z-index: 4; overflow: hidden;} .sections-buttons h1 {color: #fff; font-size: 18px; font-weight: normal; margin: 10px 0 0 28px;} .sections-buttons a {color: #fff;} .sections-buttons a:hover {color: #000;} .sections-buttons span {color: #ffffff; font-size: 16px; line-height: 42px; margin-left: 55px; white-space: nowrap;} .one-button {margin: 15px 0 0 13px;} .two-button {margin: 50px 0 0 13px;} .three-button {margin: 85px 0 0 13px;} .four-button {margin: 120px 0 0 13px;} .web-button {background: url(../images/web-button.png) top left no-repeat;} .print-button {background: url(../images/print-button.png) top left no-repeat;} .motion-button {background: url(../images/motion-button.png) top left no-repeat;} .apps-button {background: url(../images/apps-button.png) top left no-repeat;} .process-button {background: url(../images/process-button.png) top left no-repeat;} #work-navigation-web {float: left; position: absolute; width: 933px; height: 243px; margin: 10px 0 0 32px; padding: 0 0 0 28px; background: url(../images/work-navigation-web-bg.png) top center no-repeat; display: inline; z-index: 2;} #work-navigation {float: left; position: absolute; width: 933px; height: 243px; margin: 10px 0 0 32px; padding: 0 0 0 28px; background: url(../images/work-navigation-bg.png) top center no-repeat; display: inline; z-index: 2;} #work-navigation h2 {width: 311px; height: 41px; font-size: 16px; text-align: center; font-weight: normal; text-transform: uppercase; margin: 0; padding: 16px 0 0 0; background: url(../images/work-navigation-title.png) top center no-repeat;} #work-navigation h2 {color: #fff; -webkit-transition: color 0.25s linear; margin: 0;} #work-navigation p {color: #fff; line-height: 18px;} #work-navigation a {color: #fff; border-bottom: 1px solid #ddd;} #work-navigation a:hover {color: #CA0088; border-bottom: 1px solid #CA0088;} .work-navigation-section {float: left; width: 311px; height: 217px;} .work-navigation-section .content { padding: 10px 30px 20px 30px;} #work-intro-text {float: left; width: 524px; height: 220px;} #work-intro-text a {color: #fff; border-bottom: 1px solid #ddd;} #work-intro-text a:hover {color: #CA0088; border-bottom: 1px solid #CA0088;} #work-intro-text p {line-height: 18px;} #work-intro-text .content {padding: 15px 30px 30px 30px; color: #fff;} #work-intro-text span {font-size: 40px; font-weight: bold; line-height: 40px;} #work-feature-project {float: left; width: 408px; height: 220px;} #work-feature-project .content {width: 361px; height: 184px; margin: 18px 0 0 20px; padding: 8px 0 0 8px; background: url(../images/feature-bg.png) top center no-repeat;} #bottom-description {margin: 6px 15px 0 -13px; text-align: left;} #bottom-description span {color: #fff;} #bottom-description p {color: #8DB4BA; margin: 0; padding: 0; font-size: 12px;} #work-facebook-icon {float: right; width: 36px; height: 36px; margin: 70px 5px 0 0; background: url(../images/facebook_icon_over.png); display: inline;} #work-facebook-icon a {float: right; width: 100%; height: 100%; background: url(../images/facebook_icon.png) top center no-repeat;} #work-facebook-icon a:hover {background: transparent none;} #work-flickr-icon {float: right; width: 36px; height: 36px; margin: 95px -35px 0 0; z-index: 999; background: url(../images/flickr_icon_over.png); display: inline;} #work-flickr-icon a {float: right; width: 100%; height: 100%; background: url(../images/flickr_icon.png) top center no-repeat;} #work-flickr-icon a:hover {background: transparent none;} #work-twitter-icon {float: right; width: 36px; height: 36px; margin: 119px -38px 0 0; z-index: 999; background: url(../images/twitter_icon_over.png); display: inline;} #work-twitter-icon a {float: right; width: 100%; height: 100%; background: url(../images/twitter_icon.png) top center no-repeat;} #work-twitter-icon a:hover {background: transparent none;} .gallery {padding: 0 0 0 6px; margin: 8px 0 0 0;} .gallery a:hover img {border: 1px solid #CA0088;} .gallery img {width: 175px; height: 88px; margin: 0 2px 2px 0; border: 1px solid #bbb;} .motion-gallery {padding: 0 0 0 6px; margin: 8px 0 0 0;} .motion-gallery a:hover img {border: 1px solid #CA0088;} .motion-gallery img {width: 175px; height: 88px; margin: 0; border: 1px solid #bbb;} /*Journal */ #journal-top-banner-bg {float: left; width: 100%; height: 171px;} #blog-top-banner-bg {float: left; width: 100%; height: 250px;} #journal-top-banner {width: 1024px; height: 171px; margin: 0 auto;} #blog-top-banner {width: 1024px; height: 250px; margin: 0 auto;} #journal-top-banner-inside {float: left; width: 1024px; height: 171px;} #blog-top-banner-inside {float: left; width: 1024px; height: 250px;} .section-title-journal {float: left; width: 241px; height: 71px; margin: 60px 0 0 130px; display: inline;} .journal-top {float: left; width: 1024px; height: 250px; margin: 17px 0 0 0; background: url(../images/our-work-bg.png) top center no-repeat;} .blog-top {float: left; width: 1024px; height: 250px; margin: 17px 0 0 0; background: url(../images/journal-bg.png) top center no-repeat;} .journal-banner {position: absolute; float: left; width: 1005px; height: 46px; top: -20px; margin: 0 0 0 11px; z-index: 4; background: url(../images/journal-banner.png) top center no-repeat; display: inline;} #journal-navigation {float: left; position: relative; width: 933px; margin: 10px 0 0 25px; padding: 0 0 0 0; display: inline; z-index: 3;} #journal-bottom-content-bg {float: left; width: 100%; background: #2e6a84 url(../images/home-bottom-content-bg.jpg) top center repeat-x;} #journal-bottom-content {width: 1024px; margin: 0 auto;} #journal-bottom-content-inside {float: left; position: relative; width: 1024px; background: url(../images/journal-bottom-content-bg.png) bottom center no-repeat;} #journal-main-content {float: left; position: relative; width: 973px; background: url(../images/journal-main-content-bg.png) top center repeat-y;} #journal-main-content .main-title p {font-size: 24px; color: #fff; font-weight: normal; margin: 0; padding: 0;} #journal-main-content .content {padding: 20px 20px 0 20px;} #journal-entry-top-banner {float: left; width: 1018px; height: 169px; margin: 10px 0 0 -40px; background: url(../images/journal-entry-top-banner.png) top center no-repeat; display: inline;} .entry-text {float: left; width: 531px; margin: 20px 10px 0 40px; display: inline;} .entry-text p {font-size: 13px; line-height: 20px;} .read-more {float: right; width: 140px; height: 41px; background: url(../images/read-more.png) top center no-repeat;} .entry-image {float: left; width: 425px; margin: 7px 0 0 0;} .entry-content {float: left; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #fff;} .blog-entry-content {border: none; padding-top: 15px;} .entry-content-text p a {color: #fff; border-bottom: 1px solid #ccc;} .entry-content-text p a:hover {color: #CA0088; border-bottom: 1px solid #CA0088;} .entry-content-text img {padding: 3px; background: #8db4bb; margin: 0 0 10px 0;} .entry-content-text a img {background: none;} .entry-content h2 {color: #fff; font-size: 18px; font-weight: normal; margin: 0 0 5px 0; clear: both;} .icon-funct {padding: 10px 0 15px 64px; background: url(../images/icon-funct.png) top left no-repeat;} .icon-design {padding: 10px 0 15px 57px; background: url(../images/icon-design.png) top left no-repeat;} .icon-development {padding: 10px 0 15px 57px; background: url(../images/icon-development.png) top left no-repeat;} .icon-quality {padding: 20px 0 15px 57px; background: url(../images/icon-quality.png) top left no-repeat;} .entry-content p {color: #fff; font-size: 12px; line-height: 18px;} .entry-content-text {float: left; width: 510px; padding: 0 0 0 30px;} .entry-content-image {float: left; width: 370px; height: 192px; margin: 0 0 0 20px; display: inline; background: url(../images/journal-images-bg.png) top center no-repeat;} .entry-content-image p {padding: 0; margin: 0;} .entry-content-image .entry-content-image-inside {width: 340px; height: 162px; padding: 10px 0 0 10px;} .entry-content-image .entry-content-image-inside img {border: none;} #journal-main-bottom {float: left; width: 973px; height: 23px; margin: 0 0 1px 0; background: url(../images/journal-main-bottom.png) top center no-repeat;} #journal-main-bottom p {color: #8DB4BA; margin: 0; padding: 0; font-size: 12px;} #journal-main-bottom .content {text-align: center; padding: 5px 0 0 0;} #journal-facebook-icon {float: right; position: relative; width: 36px; height: 36px; margin: 0 -37px 0 0; z-index: 1; background: url(../images/facebook_icon_over.png); display: inline;} #journal-facebook-icon a {float: right; width: 100%; height: 100%; background: url(../images/facebook_icon2.png) top center no-repeat;} #journal-facebook-icon a:hover {background: transparent none;} #journal-flickr-icon {float: right; position: relative; width: 36px; height: 36px; margin: 24px -37px 0 0; z-index: 1; background: url(../images/flickr_icon_over.png); display: inline;} #journal-flickr-icon a {float: right; width: 100%; height: 100%; background: url(../images/flickr_icon2.png) top center no-repeat;} #journal-flickr-icon a:hover {background: transparent none;} #journal-twitter-icon {float: right; position: relative; width: 36px; height: 36px; margin: 48px -37px 0 0; z-index: 1; background: url(../images/twitter_icon_over.png); display: inline;} #journal-twitter-icon a {float: right; width: 100%; height: 100%; background: url(../images/twitter_icon2.png) top center no-repeat;} #journal-twitter-icon a:hover {background: transparent none;} .view-project {float: left; position: relative; width: 125px; height: 112px; margin: 0 0 10px 400px; padding: 0; display: inline;} #journal-sub-nav {float: right; padding: 9px 35px 0 0;} #journal-sub-nav ul {float: left; display: inline; list-style: none; padding: 0; margin: 0;} #journal-sub-nav li {float: left; position:relative; display: block; font-size: 18px; margin: 0; padding: 0;} #journal-sub-nav li a {color: #fff; padding: 0 0 4px 0;} #journal-sub-nav li a:hover {color: #000;} #navigation2 ul {position:absolute; top: 25px; width: 195px; left: -44px; display:none; padding: 0; opacity:0; background: #4D4D4D;} #navigation2 ul li {display:block; position:relative; text-align: left; width: 175px; margin:0; padding: 10px; background: none; border-bottom: 4px solid #fff;} #navigation2 ul li a {display:block; color: #fff; -webkit-transition: background 0.25s linear; font-size: 14px; font-weight: normal; padding: 0;} #navigation2 ul li a:hover {color:#CA0088; padding: 0; background: #fff;} #navigation2 ul ul {position:absolute; left: 300px; top:0; display: none; border: none;} #navigation2 li ul li a {display: block; background: none;} #navigation2 li ul li a:hover {color: #CA0088; background: none;} #navigation2 li ul li.has_child>a {width: 118px; color: #1a1a1a; display: block;} #navigation2 li ul li.has_child>a:hover {color: #C60000;} #navigation2 li ul li ul {display: none; background: none;} #navigation2 li ul li ul a { display: none;} #navigation2 ul .has_child li a {display: none;} .invisible {display: none;} /*Clients Area*/ #clients-main-content {float: left; position: relative; width: 973px; background: url(../images/journal-main-content-bg.png) top center repeat-y;} #clients-main-content .main-title p {font-size: 24px; color: #fff; font-weight: normal; margin: 0; padding: 0;} #clients-main-content .content {padding: 20px 20px 0 20px;} .clients-banner {position: absolute; float: left; width: 1005px; height: 46px; top: -20px; margin: 0 0 0 11px; z-index: 4; background: url(../images/clients-banner.png) top center no-repeat; display: inline;} .section-title-clients {float: left; width: 241px; height: 71px; margin: 30px 0 0 130px; background: url(../images/clients-section-title.png) top left no-repeat; display: inline;} .icon-seed {padding: 25px 0 20px 220px; background: url(../images/icon-seed.png) bottom left no-repeat;} .icon-basecamp {padding: 20px 0 17px 215px; background: url(../images/icon-basecamp.png) bottom left no-repeat;} .icon-cms {padding: 30px 0 20px 215px; background: url(../images/icon-cms.png) bottom left no-repeat;} .login-button {float: left; width: 201px; height: 47px; margin: -10px 0 0 -63px; background: url(../images/login-button.png) top center no-repeat; display: inline;} .clients-content-image {float: left; width: 370px; margin: 10px 0 0 20px; display: inline;} .learn-more-button {float: left; width: 186px; height: 46px; margin: 10px 0 0 -63px; background: url(../images/learn-more-button.png) top center no-repeat;} #clients-facebook-icon {float: right; position: relative; width: 36px; height: 36px; margin: -100px -40px 0 0; z-index: 1; background: url(../images/facebook_icon_over.png); display: inline;} #clients-facebook-icon a {float: right; width: 100%; height: 100%; background: url(../images/facebook_icon2.png) top center no-repeat;} #clients-facebook-icon a:hover {background: transparent none;} #clients-flickr-icon {float: right; position: relative; width: 36px; height: 36px; margin: -76px -40px 0 0; z-index: 1; background: url(../images/flickr_icon_over.png); display: inline;} #clients-flickr-icon a {float: right; width: 100%; height: 100%; background: url(../images/flickr_icon2.png) top center no-repeat;} #clients-flickr-icon a:hover {background: transparent none;} #clients-twitter-icon {float: right; position: relative; width: 36px; height: 36px; margin: -52px -40px 50px 0; z-index: 1; background: url(../images/twitter_icon_over.png); display: inline;} #clients-twitter-icon a {float: right; width: 100%; height: 100%; background: url(../images/twitter_icon2.png) top center no-repeat;} #clients-twitter-icon a:hover {background: transparent none;} .clients-entry-content {float: left; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #fff;} .clients-entry-content h2 {color: #fff; font-size: 18px; font-weight: normal; margin: 0 0 5px 0; clear: both;} .clients-entry-content p {float: left; color: #fff; font-size: 12px; line-height: 18px;} .thanks-icons {float: left; width: 91px; height: 64px; text-align: center; padding: 70px 0 0 0; margin: 0 5px 0 0;} #journal-main-content .content .entry-content .entry-content-text a {color: #fff;} #journal-main-content .content .entry-content .entry-content-text a:hover {color: #CA0088;} .web-icon {background: url(../images/web-icon-big.png) top center no-repeat;} .print-icon {background: url(../images/print-icon-big.png) top center no-repeat;} .motion-icon {background: url(../images/motion-icon-big.png) top center no-repeat;} .apps-icon {background: url(../images/apps-icon-big.png) top center no-repeat;} .process-icon {background: url(../images/process-icon-big.png) top center no-repeat;} /*Bubble CSS */ .hotspot {cursor:pointer} strong {font-size: 14px;} ul {margin: 0 0 0 20px;} li {color: #fff;} .tooltip-element-bottom {background:url(../images/tt_left.gif) top left no-repeat; width: 223px;} .tooltip-element-bottom .tip-top { height:28px; background:url(../images/tt_top.png) top right no-repeat; } .tooltip-element-bottom .tip {font-size: 12px; float: left; width: 188px; padding: 0 15px 10px 20px; background: url(../images/tt_middle.png) center repeat-y; color:#fff;} .tooltip-element-bottom .tip-bottom {height:15px; float: left; background:url(../images/tt_bottom.png) top right no-repeat; overflow:hidden; width: 100%;} .tooltip-element-bottom img { float: left; margin-right: 12px; } .tooltip-element-top {background:url(../images/tt_left.gif) top left no-repeat; width: 223px;} .tooltip-element-top .tip-top {height:15px; background:url(../images/tt_top_2.png) top right no-repeat; } .tooltip-element-top .tip {font-size: 12px; float: left; width: 188px; padding: 10px 15px 0 20px; background: url(../images/tt_middle.png) center repeat-y; color:#fff;} .tooltip-element-top .tip-bottom {height:28px; float: left; background:url(../images/tt_bottom_2.png) top right no-repeat; width: 100%;} .tooltip-element-top img { float: left; margin-right: 12px; } .tooltip-element-top2 {background:url(../images/tt_left.gif) top left no-repeat; width: 223px;} .tooltip-element-top2 .tip-top {height:15px; background:url(../images/tt_top_2.png) top right no-repeat; } .tooltip-element-top2 .tip {font-size: 12px; float: left; width: 188px; padding: 10px 15px 0 20px; background: url(../images/tt_middle.png) center repeat-y; color:#fff;} .tooltip-element-top2 .tip-bottom {height:28px; float: left; background:url(../images/tt_bottom_2.png) top right no-repeat; width: 100%;} .tooltip-element-top2 img { float: left; margin-right: 12px; } .hiddenpic {display: none;} #home-navigation .slidebox h2.slidebox-trigger-open { background: url(../images/home-navigation-title-selected.png) no-repeat; } #home-navigation .slidebox { padding-top: 52px; } #home-navigation .slidebox .slidebox-trigger-open a { color: #000; } #home-navigation .slidebox .slidebox-trigger { top: 0;} #home-navigation .slidebox .slidebox-content { background: url(../images/home-boxes-bg.png) top center repeat-y; visibility: hidden; overflow: hidden; width: 100%;} #home-navigation .slidebox .slidebox-content p { color: #fff !important; margin-bottom: 0;} #home-navigation .slidebox .slidebox-content p img { float: left; } #home-navigation .slidebox .slidebox-content h2 {display: none;} #home-navigation .slidebox .slidebox-content ul {float: left; list-style: none; margin: 0; padding: 0;} #home-navigation .slidebox .slidebox-content li {font-size: 12px; width: 306px; margin: 0;} #home-navigation .slidebox .slidebox-content li a {color: #fff; -webkit-transition: background 0.25s linear; display: block; margin: 0; padding: 10px 0 10px 20px; border-bottom: 5px solid #fff; background: url(../images/home-boxes.corner.png) top right no-repeat;} #home-navigation .slidebox .slidebox-content li a:hover {color: #1A1A1A; background: #fff url(../images/home-boxes.corner.png) top right no-repeat; padding: auto; opacity: .7; border-bottom: 5px solid #fff; display: block; padding: 10px 0 10px 20px; margin: 0;} #home-navigation .slidebox .slidebox-content #choose-us ul {float: left; display: block; width: 235px; margin: 0 0 10px 45px; list-style-position: inside; display: inline;} #home-navigation .slidebox .slidebox-content #choose-us ul li {width: 250px; list-style: disc; margin: 0 0 3px 0; background: none; width: none; border: none;} #home-navigation .slidebox .slidebox-content #choose-us ul li a {list-style: disc; background: none; padding: 0; width: none; border: none; color: #fff; display: inline; border-bottom: 1px solid #ddd;} #home-navigation .slidebox .slidebox-content #choose-us ul li a:hover {background: none; border: none; color: #CA0088; border-bottom: 1px solid #CA0088;} .slidebox2 { position: relative; top: -22px;} .slidebox2 .slidebox-trigger {top: 0;} .slidebox2 .slidebox-content {background: url(../images/transparent-90.png) repeat; left: 33px; padding: 8px 26px; position: absolute; overflow: hidden; top: 0; visibility: hidden; width: 907px;} /*Lightbox */ #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 10000; width: 100%; height: 500px;} #jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 10001; text-align: center; line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block;} #lightbox-nav-btnPrev {left: 0; float: left;} #lightbox-nav-btnNext {right: 0; float: right;} #lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;} #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;} #lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em;} /*SeedMail Home */ .seedmail-top {float: left; width: 1024px; height: 381px; margin: 22px 0 0 0; background: url(../images/seedmail-bg.png) top center no-repeat;} .seedmail-secondary-top {float: left; width: 1024px; height: 154px; margin: 17px 0 0 0; background: url(../images/seedmail-secondary-bg.png) top center no-repeat;} .seedmail-logo-home {float: left; position: relative; width: 250px; height: 129px; top: -34px; margin: 0; background: url(../images/logo.png) top left no-repeat; z-index: 1;display: inline;} .seedmail-logo {float: left; position: relative; width: 352px; height: 129px; top: -34px; margin: 0 0 0 0; background: url(../images/seedmail-logo.png) top left no-repeat; z-index: 1;display: inline;} .seedmail-sub-menu {float: left; position: relative; width: 660px; height: 46px; top: -7px; margin: 0 0 0 -18px; background: url(../images/seedmail-sub-menu-bg.png) top right no-repeat; z-index: 0; display: inline;} .seedmail-sub-menu-home {width: 770px; margin: 0 0 0 -24px;} .seedmail-sub-menu ul {float: right; margin: 12px 30px 0 0;} .seedmail-sub-menu li {float: left; display: block; margin: 0 20px; display: inline;} .seedmail-sub-menu li a {color: #fff; font-size: 16px; text-transform: uppercase;} .seedmail-sub-menu li a:hover {color: #CA0088;} .seedmail-sub-menu .at a {color: #CA0088;} .section-banner a {color: #fff;} .section-banner a:hover {color: #CA0088;} .section-banner .title-1 {float: left; width: 300px; text-align: center; margin: 6px 0 0 30px; display: inline;} .section-banner .title-1 h3 {font-size: 18px; font-weight: normal; text-transform: uppercase; color: #fff;} .section-banner .title-2 {float: left; width: 300px; text-align: center; margin: 6px 0 0 18px; display: inline;} .section-banner .title-2 h3 {font-size: 18px; font-weight: normal; text-transform: uppercase; color: #fff;} .section-banner .title-3 {float: left; width: 300px; text-align: center; margin: 6px 0 0 8px; display: inline;} .section-banner .title-3 h3 {font-size: 18px; font-weight: normal; text-transform: uppercase; color: #fff;} #seedmail-navigation {float: left; position: absolute; width: 961px; height: 243px; margin: 10px 0 0 32px; padding: 0; background: url(../images/seedmail-navigation-bg.png) top center no-repeat; display: inline; z-index: 2;} #seedmail-navigation h2 {width: 311px; height: 41px; font-size: 16px; text-align: center; font-weight: normal; text-transform: uppercase; margin: 0; padding: 16px 0 0 0; background: url(../images/seedmail-navigation-title.png) top center no-repeat;} #seedmail-navigation p {color: #fff; line-height: 18px;} #seedmail-navigation a {color: #fff; border-bottom: 1px solid #ddd;} #seedmail-navigation a:hover {color: #CA0088; border-bottom: 1px solid #CA0088;} #seedmail-navigation-top-section {float: left; width: 961px; height: 92px; background: url(../images/seedmail-navigation-top-section.png) top center no-repeat;} .seedmail-navigation-top-bucket {float: left; width: 280px; padding: 20px; margin: 0;} #seedmail-navigation #seedmail-navigation-top-section .seedmail-navigation-top-bucket p {color: #000; font-size: 14px;} #seedmail-navigation #seedmail-navigation-top-section .seedmail-navigation-top-bucket p a {color: #000; border-bottom: 1px solid #000;} #seedmail-navigation #seedmail-navigation-top-section .seedmail-navigation-top-bucket p a:hover {color: #CA0088; border-bottom: 1px solid #CA0088;} #seedmail-navigation-bottom-section {float: left; width: 961px; height: 127px;} #seedmail-navigation-bottom-section a {border: none;} #seedmail-navigation-bottom-section a:hover {border: none;} #seedmail-navigation-bottom-section h2 {color: #CA0088; font-size: 14px; font-weight: bold; text-align: left; text-transform: none; margin: 5px 0; padding: 0; height: auto;} #seedmail-navigation-bottom-section p {font-size: 12px; color: #fff; margin: 0 0 20px 0;} .seedmail-navigation-bottom-bucket {float: left; width: 280px; padding: 0 20px 20px 20px; margin: 0;} .seedmail-login-button {float: left; width: 273px; height: 47px; margin: 0 0 5px -40px; background: url(../images/seedmail-login-button.png) top left no-repeat; display: inline;} .seedmail-inputs {float: left; color: #fff; font-size: 14px; width: 155px; height: 16px; padding: 3px; background: #9fb7c2; border: none; margin: 0 0 10px 0;} .seedmail-submit {float: left; margin: 0 0 0 10px; display: inline;} .request-account {float: left; width: 268px; height: 81px; margin: 10px 0 0 0; background: url(../images/request-account.png) top center no-repeat;} #seedmail-bottom-description {margin: 4px 15px 0 20px; text-align: left;} #seedmail-bottom-description p {color: #8DB4BA; font-size: 12px;} .seedmail2-banner {position: absolute; float: left; width: 1005px; height: 46px; top: -20px; margin: 0 0 0 11px; z-index: 4; background: url(../images/seedmail-banner.png) top center no-repeat; display: inline;} #seedmail-secondary-main-left {float: left; width: 650px;} #seedmail-secondary-main-left a {color: #fff; border-bottom: 1px solid #ddd;} #seedmail-secondary-main-left a:hover {color: #CA0088; border-bottom: 1px solid #CA0088;} #seedmail-secondary-main-right {float: left; width: 280px; margin: 20px 0 0 0; border-left: 1px solid #ddd;} .seedmail-secondary-main-text {float: left; padding: 20px 20px 0 20px;} .seedmail-secondary-main-text label {float: left; color: #fff; font-size: 14px; margin: 20px 0 0 0; clear: both;} .seedmail-texta {float: left; background: #fff; font-size: 14px; height: 23px; width: 339px; padding: 3px; border: 1px solid #8BAEC7; margin-top: 10px; color: #333; font-family: Helvetica; clear: both;} .seedmail-areatext {float: left; background: #fff; font-size: 14px; height: 88px; width: 339px; padding: 3px; border: 1px solid #8BAEC7; margin-top: 10px; color: #333; font-family: Helvetica; clear: both;} .seedmail-secondary-main-text h2 {color: #fff; font-size: 18px; font-weight: normal; margin: 0 0 10px 0; clear: both;} .seedmail-secondary-main-text p {float: left; color: #fff; font-size: 12px; margin: 0 0 20px 0; line-height: 18px;} .seedmail-secondary-main-text img {float: left; margin: 0 10px 10px 0; border: 2px solid #0e93cc;} .seedmail-secondary-main-text ul {float: left; width: 560px; padding: 0 0 10px 30px; margin: 0;} .seedmail-secondary-main-text ul li {list-style: outside; margin: 0; padding: 0;} .seedmail-secondary-main-text ol {float: left; width: 570px; padding: 0 0 10px 40px; margin: 0;} .seedmail-secondary-main-text ol li {list-style: decimal; margin: 0; padding: 0;} .seedmail-third-nav h2 {color: #fff; font-size: 18px; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 0 15px; clear: both;} .seedmail-third-nav p {color: #fff; font-size: 12px; line-height: 18px; padding: 0 0 0 15px;} .seedmail-third-nav p a {color: #fff; border-bottom: 1px solid #ddd;} .seedmail-third-nav p a:hover {color: #CA0088; border-bottom: 1px solid #CA0088;} .seedmail-third-nav ul {float: left;} .seedmail-third-nav li {display: block; margin: 15px 0 15px 0; font-size: 14px;} .seedmail-third-nav li a {color: #fff;} .seedmail-third-nav li a:hover {color: #CA0088;} .seedmail-third-nav .at a {color: #CA0088;} .secondary {margin: 0 0 0 10px;} #seedmail-secondary-main-bottom {float: left; width: 860px; height: 97px; margin: 20px 0 0 0; background: url(../images/seedmail-footer-bg.png) bottom right no-repeat;} .footer-nav {float: left; margin: 40px 0 10px 0;} .footer-nav ul {float: left;} .footer-nav li {float: left; font-size: 14px; font-weight: bold; display: block; margin: 0 20px 0 0;} .footer-nav li a {color: #fff;} .footer-nav li a:hover {color: #CA0088;} .footer-text {float: left; margin: 0 0 0 20px; display: inline;} .footer-text p {margin: 0; padding: 0; color: #fff; font-size: 12px;} #seedmail-bottom-content-bg {width: 100%; height: 255px; background: url(../images/home-bottom-content-bg.jpg) top center repeat-x;} #seedmail-bottom-content {width: 1024px; height: 255px; margin: 0 auto;} #seedmail-bottom-content-inside {width: 1024px; height: 255px; background: url(../images/work-bottom-content-bg.jpg) top center no-repeat;} #seedmail-request-form {margin: 0 0 0 50px;} .blog-content-image {float: left; width: 300px; margin: 0 0 0 70px; display: inline;} .blog-content-image p {padding: 0; margin: 0;} .blog-content-image a {margin: 0 0 0 0;} .blog-content-image h2 {position: relative; font-size: 14px; width: 330px; height: 33px; text-transform: uppercase; padding: 13px 0 0 20px; margin: 0 0 0 -9px; background: url(../images/sidebar-title.png) top right no-repeat;} .blog-content-image ul {list-style: none; margin: 0; padding: 0 10px;} .blog-content-image li {margin: 0 0 10px 10px; display: block;} .blog-content-image ul ul {list-style: inside; margin: 0; padding: 0 10px;} .blog-content-image ul ul li {display: block; padding: 0 0 0 18px; background: url(../images/gray-arrow.png) top left no-repeat;} .rss_title {display: none;}