/*RESET---------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /*CLEARFIX---------------------------------*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /*MAIN STYLES------------------------------*/ body {background: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;} a {text-decoration: underline; color: #222; -moz-transition-property: color; -moz-transition-duration: .2s; -moz-transition-timing-function: ease-out; -webkit-transition-property: color; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-out; -o-transition-property: color; -o-transition-duration: .2s; -o-transition-timing-function: ease-out; transition-property: color; transition-duration: .2s; transition-timing-function: ease-out; } a:hover {color: #54829A;} p {margin-bottom: 1em; line-height: 1.3em;} strong {font-weight: bold;} em {font-style: italic;} h1 {position: relative; margin-bottom: 10px; font-size: 28px; font-weight: bold; color: #305d77; } h2 {font-weight: bold; color: #305d77; font-size: 14px; margin-bottom: .2em;} .intphoto tr td a img {border: 5px solid #000; margin: 5px;} input, select, textarea {padding: 3px; margin: 3px;} .utility {position: absolute; right: 0;} .rss {width: 16px; height: 0; overflow: hidden; padding: 16px 0 0; background: url(images/rss_16.png) 0 0 no-repeat; opacity: .9; float: left; margin: 0 0 0 6px;} .rss:hover {opacity: 1;} .view-all {float: left; text-decoration: none; font-weight: bold; color: #305D77; margin: .4em 0 0; font-size: 11px;} .view-all:hover {color: #54829A;} .list {margin-bottom: 1em; list-style: inside disc;} .list li {margin-bottom: .5em; margin-left: 20px;} .blue {color: #305d77; } /*SHELL STYLES-----------------------------*/ .page-block {width: 1000px; position: relative; margin: 0 auto;} #page-header {height: 187px; background: url(images/main_header_bg.png) 50% 0 no-repeat;} #page-header .page-block {height: 187px;} #main-logo {width: 294px; height: 0; overflow: hidden; padding: 83px 0 0; display: block; background: url(images/main_logo.png) 0 0 no-repeat; position: absolute; top: 69px; left: 0;} #page-navigation {height: 38px; position: absolute; bottom: 19px; right: 0; height: 40px;} #page-navigation li {float: left; height: 38px; margin: 2px 0 0 10px; padding: 0 0 0 5px; position: relative; -moz-transition: margin-top .25s ease-out; -webkit-transition: margin-top .25s ease-out; transition: margin-top .25s ease-out;} #page-navigation li:hover {background: url(images/main_nav_elements.png) 0 -60px no-repeat; margin-top: 0px; } #page-navigation li:hover a {background: url(images/main_nav_elements.png) right 0 no-repeat; height: 35px;} #page-navigation li a {display: block; height: 32px; padding: 6px 10px 0 4px; } #page-navigation li a span {display: block; height: 0; overflow: hidden; padding: 19px 0 0; background: url(images/main_nav_elements.png) 0 0 no-repeat; cursor: pointer;} #page-navigation li#home a span {background-position: 0px -150px; width: 43px;} #page-navigation li#solutions a span {background-position: 0px -120px; width: 69px;} #page-navigation li#portfolio a span {background-position: 0px -180px; width: 66px;} #page-navigation li#partners a span {background-position: 0px -210px; width: 63px;} #page-navigation li#company a span {background-position: 0px -240px; width: 71px;} #utility-navigation {position: absolute; top: 20px; right: 10px; color: #999999; font-size: 11px;} #utility-navigation a {color: #999999; text-decoration: none;} #utility-navigation a:hover {color: #fff; } #page-content {background: #fff; position: relative;} #page-content .page-block {padding: 20px 0 80px; min-height: 400px;} #page-content #content-shadow-top, #page-content #content-shadow-bottom {height: 10px; background: url(images/main_shadows.png) 0 0 repeat-x;} #page-content #content-shadow-bottom {background-position: 0 -10px;} #page-footer {height: 187px; background: url(images/main_footer_bg.png) 50% 0 no-repeat; font-size: 11px;} #page-footer #copy {display: block; padding: 40px 0 0; color: #fff;} #page-footer #copy div {padding: .3em 0 0; color: #999999;} #page-footer #copy div a {color: #999999; text-decoration: none;} #page-footer #copy div a:hover {color: #fff; } #page-footer #pubu {display: block; height: 0; overflow: hidden; width: 82px; padding: 40px 0 0; background: url(images/pubu.png) 0 0 no-repeat; position: absolute; right: 0; top: 40px;} .page-body {padding-left: 300px;} .headline {font-size: 13px;} /*PAGE STYLES-----------------------------*/ #page-solutions {background: url(images/photo_solutions.png) 30px 0 no-repeat;} #page-portfolio {background: url(images/photo_portfolio.png) 30px 0 no-repeat; min-height: 500px;} #page-partners {background: url(images/photo_partners.png) 30px 0 no-repeat;} #page-company {background: url(images/photo_company.png) 30px 0 no-repeat;} #page-news {background: url(images/photo_news.png) 30px 0 no-repeat;} #page-support {background: url(images/photo_help.png) 30px 0 no-repeat;} #page-jobs {background: url(images/photo_jobs.png) 30px 0 no-repeat;} #page-contact {background: url(images/photo_contact.png) 30px 0 no-repeat;} #billboard {width: 695px; height: 261px; float: left; background: url(images/billboard_bg.jpg) 0 0 no-repeat;} #slideshow {width: 695px; height: 261px; text-align: center;} #slideshow img {width: 695px; height: 261px;} .slideshow_button {display: inline-block; width: 20px; height: 0; overflow: hidden; padding-top: 5px; margin-top: 2px; background: #ddd; margin-left: 1px;} #home-news {height: 248px; width: 268px; float: left; margin: 0 0 0 10px; background: url(images/home_news_bg.png) 0 0 no-repeat; padding: 13px 13px 0;} #home-news h1 {height: 18px; margin: 0 0 10px 0;} .home-news-scroll {overflow: auto; height: 220px; width: 268px; outline: none;} #articles_box {padding: 0 10px 0 0;} .articles_body, .articles_in_body {padding: 1em 0; border-top: 1px dotted #bebebe;} .articles_headline, .articles_in_headline {font-weight: bold; color: #305D77; font-size: 12px;} .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 7px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #f4f4f4; position: relative; } .jspDrag { background: #54829A; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 7px; } .jspHorizontalBar .jspArrow { width: 7px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } * html .jspCorner { margin: 0 -3px 0 0; } #trio-row {clear: both; padding: 70px 0 0; font-size: 13px; line-height: 1.5em;} #trio-row .col1 {width: 233px; float: left; padding-left: 90px; background: url(images/icon_technology.png) 0 0 no-repeat;} #trio-row .col2 {width: 234px; margin: 0 15px; float: left; padding-left: 90px; background: url(images/icon_marketing.png) 0 0 no-repeat;} #trio-row .col3 {width: 233px; float: left; padding-left: 90px; background: url(images/icon_customerservice.png) 0 0 no-repeat;} #trio-row h1 {margin-bottom: 5px;} #trio-row .col3 h1 {margin-bottom: 10px;} .global-address {margin: 10px 0 20px; overflow: auto; padding: 20px; background: #f5f5f5; display: inline-block; /*-moz-box-shadow: 5px 5px 5px #eee; -webkit-box-shadow: 5px 5px 5px #eee; box-shadow: 5px 5px 5px #eee; border: 1px solid #dfdfdf; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/ } .global-address strong {color: #305D77; font-size: 13px;} .global-address span {float: left; display: inline-block; margin-right: 60px; } #contact-form {display: block; width: 500px; background: url(images/2x2_30.png) repeat; overflow: auto; clear: both; padding: 35px 0 0;} #contact-form label {display: block; float: left; width: 150px; clear: both;} #contact-form input, #contact-form textarea {width: 300px; margin-bottom: 10px; float: left; } #contact-form textarea {height: 85px;} #contact-form #code {width: 75px;} #contact-form .crypt {float: left; background: #000; padding: 0 10px 0 0; margin: 0 0 0 20px; } .errors {color: #ff0000; font-size: 10px; font-family: Arial, sans-serif; line-height: 1em; display: block; clear: both; } #contact-form #submit {display: inline-block; width: auto; height: auto; margin: 20px 0 0 150px; border: 0; cursor: pointer; background: #305D77; color: #fff; padding: 5px 10px; } #contact-form #submit:hover {background: #54829A;} .solution-block {border-top: 1px dotted #bebebe; padding: 15px 0 15px 121px; min-height: 72px;} /*#solution-direct-to-consumer {background: url(images/solutions_direct-to-consumer.jpg) 0 15px no-repeat;} #solution-ecommerce-development {background: url(images/solutions_commerce_development.jpg) 0 15px no-repeat;} #solution-live-streaming-webcasts {background: url(images/solutions_live_streaming_webcasts.jpg) 0 15px no-repeat;} #solution-digital-mailing-list-creation {background: url(images/solutions_digital_mailing_list.jpg) 0 15px no-repeat;} #solution-website-development {background: url(images/solutions_website_development.jpg) 0 15px no-repeat;} #solution-search-engine-optimization {background: url(images/solutions_search_engine_optimization.jpg) 0 15px no-repeat;} #solution-mobile-and-social-media {background: url(images/solutions_mobile_and_social_media.jpg) 0 15px no-repeat;} #solution-fan-club-and-loyalty-program {background: url(images/solutions_fan_club_and_loyalty_program.jpg ) 0 15px no-repeat;}*/ #solution-custom-websites { background: url(images/solutions_custom_websites.jpg) 0 15px no-repeat;} #solution-information-architecture { background: url(images/solutions_information_architecture.jpg) 0 15px no-repeat;} #solution-social-media-profiles { background: url(images/solutions_social_media_profiles.jpg) 0 15px no-repeat;} #solution-print-and-web-creative { background: url(images/solutions_print_and_web_creative.jpg) 0 15px no-repeat;} #solution-wordpress-templates { background: url(images/solutions_wordPress_templates.jpg) 0 15px no-repeat;} #solution-social-media-games { background: url(images/solutions_social_media_games.jpg) 0 15px no-repeat;} #solution-ad-creative { background: url(images/solutions_ad_creative.jpg) 0 15px no-repeat;} #solution-website-development { background: url(images/solutions_website_development.jpg) 0 15px no-repeat;} #solution-mobile-apps { background: url(images/solutions_mobile_apps.jpg) 0 15px no-repeat;} #solution-ecommerce { background: url(images/solutions_ecommerce.jpg) 0 15px no-repeat;} #solution-custom-programming { background: url(images/solutions_custom_programming.jpg) 0 15px no-repeat;} #solution-online-marketing-strategy { background: url(images/solutions_online_marketing_strategy.jpg) 0 15px no-repeat;} #solution-data-management { background: url(images/solutions_data_management.jpg) 0 15px no-repeat;} #solution-social-media { background: url(images/solutions_social_media.jpg) 0 15px no-repeat;} #solution-digital-branding {background: url(images/solutions_digital_branding.jpg) 0 15px no-repeat;} #solution-media-buying { background: url(images/solutions_media_buying.jpg) 0 15px no-repeat;} #solution-seo { background: url(images/solutions_seo.jpg) 0 15px no-repeat;} #solution-contesting { background: url(images/solutions_contesting.jpg) 0 15px no-repeat;} #solution-fan-club-and-loyalty-program { background: url(images/solutions_fan_club_and_loyalty_program.jpg) 0 15px no-repeat;} #solution-email-marketing { background: url(images/solutions_email_marketing.jpg) 0 15px no-repeat;} #solution-blogger-outreach { background: url(images/solutions_bloggers_outreach.jpg) 0 15px no-repeat;} #solution-live-event-streaming { background: url(images/solutions_live_event_streaming.jpg) 0 15px no-repeat;} #solution-community-management { background: url(images/solutions_community_management.jpg) 0 15px no-repeat;} #solution-mobile-marketing { background: url(images/solutions_mobile_marketing.jpg) 0 15px no-repeat;} #portfolio-wrapper {width: 700px; height: 457px;} #company-wrapper {padding-top: 25px;} a.company-block {display: block; width: 120px; height: 50px; float: left; padding: 80px 10px 10px; text-align: center; position: relative; cursor: pointer; text-decoration: none; margin: 0 0 20px 0; font-size: 11px; background-position: 50% 0!important;} a.company-block:hover {background: url(images/more_info.jpg) 50% 0 no-repeat!important;} .company-block h2 {font-size: 13px; color: #305D77;} /* .company-popup {display: none; position: fixed; width: 100%; height: 100%; background: url(images/popup_fadeout.png) 0 0 repeat; top: 0; left: 0; z-index: 1000;} .company-popup span {display: block; width: 60%; margin: 0 auto; font-size: 16px; padding: 25px 25px 25px 120px; position: relative; border: 1px solid #ddd; background: url(images/popup_fadeout.png) 0 0 repeat; top: 10%; min-height: 76px;} .company-popup span h2 {font-size: 18px; color: #305D77;} .company-popup span p {margin-bottom: 0;} .company-popup a.close-popup {cursor: pointer; display: block; background: url(images/close_button.png) 0 9px no-repeat; width: 78px; height: 0; overflow: hidden; padding-top: 35px; top: -9px; right: 10px; text-decoration: none; color: #fff; position: absolute; } .company-popup a.close-popup:hover {background-position: 0 -35px;} */ .company-popup {display: block; width: 500px; font-size: 16px; padding: 25px 25px 25px 120px; background-position: 20px 25px!important; min-height: 76px;} .company-popup h2 {font-size: 18px; color: #305D77;} .company-popup p {margin-bottom: 0;} #adam-carpenter, #adam-carpenter-popup span {background: url(images/company_adam_carpenter.jpg) no-repeat;} #amanda-melones, #amanda-melones-popup span {background: url(images/company_amanda_melones.jpg) no-repeat;} #brian-swol, #brian-swol-popup span {background: url(images/company_brian_swol.jpg) no-repeat;} #blake-mark, #blake-mark-popup span {background: url(images/company_temp.jpg) no-repeat;} #brad-jameson, #brad-jameson-popup span {background: url(images/company_brad_jameson.jpg) no-repeat;} #cameron-young, #cameron-young-popup span {background: url(images/company_cameron_young.jpg) no-repeat;} #chris-hester, #chris-hester-popup span {background: url(images/company_chris_hester.jpg) no-repeat;} #coleman-sisson, #coleman-sisson-popup span {background: url(images/company_coleman_sisson.jpg) no-repeat;} #dw-reed-ii, #dw-reed-ii-popup span {background: url(images/company_dw_reed_ii.jpg) no-repeat;} #dylan-wilkinson, #dylan-wilkinson-popup span {background: url(images/company_dylan_wilkinson.jpg) no-repeat;} #emily-levin, #emily-levin-popup span {background: url(images/company_emily_levin.jpg) no-repeat;} #jennifer-balzer, #jennifer-balzer-popup span {background: url(images/company_jennifer_balzer.jpg) no-repeat;} #jim-smith, #jim-smith-popup span {background: url(images/company_jim_smith.jpg) no-repeat;} #jona-fenocchi, #jona-fenocchi-popup span {background: url(images/company_jona_fenocchi.jpg) no-repeat;} #lee-totten, #lee-totten-popup span {background: url(images/company_lee_totten.jpg) no-repeat;} #melissa-mohamed, #melissa-mohamed-popup span {background: url(images/company_melissa_mohamed.jpg) no-repeat;} #mike-newman, #mike-newman-popup span {background: url(images/company_mike_newman.jpg) no-repeat;} #mikhail-kozorovitskiy, #mikhail-kozorovitskiy-popup span {background: url(images/company_mikhail_kozorovitskiy.jpg) no-repeat;} #nathan-marr, #nathan-marr-popup span {background: url(images/company_nathan_marr.jpg) no-repeat;} #neal-blackman, #neal-blackman-popup span {background: url(images/company_neal_blackman.jpg) no-repeat;} #paul-cooley, #paul-cooley-popup span {background: url(images/company_paul_cooley.jpg) no-repeat;} #phil-ginsburg, #phil-ginsburg-popup span {background: url(images/company_phil_ginsburg.jpg) no-repeat;} #reese-hawley, #reese-hawley-popup span {background: url(images/company_temp.jpg) no-repeat;} #riley-sisson, #riley-sisson-popup span {background: url(images/company_riley_sisson.jpg) no-repeat;} #steve-newman, #steve-newman-popup span {background: url(images/company_steve_newman.jpg) no-repeat;} #steve-hatherley, #steve-hatherley-popup span {background: url(images/company_steve_hatherley.jpg) no-repeat;} #tracy-goldenberg, #tracy-goldenberg-popup span {background: url(images/company_tracy_goldenberg.jpg) no-repeat;} #trey-perry, #trey-perry-popup span {background: url(images/company_trey_perry.jpg) no-repeat;} #pinky-gonzales, #pinky-gonzales-popup span {background: url(images/company_pinky_gonzales.jpg) no-repeat;} #adam-jones, #adam-jones-popup span {background: url(images/company_adam_jones.jpg) no-repeat;} #alyssa-carroll, #alyssa-carroll-popup span {background: url(images/company_alyssa_carroll.jpg) no-repeat;} #danielle-alexander, #danielle-alexander-popup span {background: url(images/company_danielle_alexander.jpg) no-repeat;} #josh-holloway, #josh-holloway-popup span {background: url(images/company_josh_holloway.jpg) no-repeat;} #david-pfenninger, #david-pfenninger-popup span {background: url(images/company_temp.jpg) no-repeat;} #mindy-espy-reyes, #mindy-espy-reyes-popup span {background: url(images/company_temp.jpg) no-repeat;} #wayne-hrozek, #wayne-hrozek-popup span {background: url(images/company_wayne_hrozek.jpg) no-repeat;} a.solutions-sections { text-transform:uppercase; text-decoration:none; font-size:20px; font-weight:bold; color:#305D77; padding-top: 10px; } .solution-block-inner { background: url(images/solutions_gradient_bg.png) repeat-x bottom; padding: 0px 10px 0px 10px; margin: 5px 0px 5px 0px; } /*SUBNAV------------------------------*/ #sidenav { position: absolute; left: 31px; top: 270px; width: 217px;} #sidenav li {margin-bottom: 4px; text-align: center; } #sidenav li a {display: block; height: 14px; padding: 5px 0 8px; background: url(images/sidenav_elements.png) 0 0 no-repeat;} #sidenav li a:hover {background-position: 0 -27px;} #sidenav li a span {display: block; margin: 0 auto; cursor: pointer; background: url(images/sidenav_elements.png) 0 0 no-repeat; padding: 14px 0 0; height: 0; overflow: hidden;} #sidenav li#sidenav-marketing a span {width: 96px; background-position: 0 -100px;} #sidenav li#sidenav-dev a span {width: 118px; background-position: 0 -130px;} #sidenav li#sidenav-design a span {width: 59px; background-position: 0 -160px;} #sidenav li#sidenav-all a span {width: 76px; background-position: 0 -190px;} #sidenav li#sidenav-corporate a span {width: 96px; background-position: 0 -220px;} #sidenav li#sidenav-entertainment a span {width: 134px; background-position: 0 -250px;} #sidenav li#sidenav-ecommerce a span {width: 102px; background-position: 0 -280px;} #sidenav li#sidenav-hospitality a span {width: 103px; background-position: 0 -310px;} #sidenav li#sidenav-nonprofit a span {width: 98px; background-position: 0 -340px;}