@charset "UTF-8"; /* CSS Document */ body {margin: 10px 0px 0px 0px; background-image: url(images/body_bg.jpg); font-family: verdana;} img {border: 0px;} h1 {margin: 0px 0px 12px 0px; font-family: verdana; font-size: 17px; font-weight: normal; color: #008752;} .header a {margin: 0px 0px 12px 0px; font-family: verdana; font-size: 17px; font-weight: normal; color: #008752;text-decoration: none;} .header a:hover {margin: 0px 0px 12px 0px; font-family: verdana; font-size: 17px; font-weight: normal; color: #008752;text-decoration: underline;} .headers a {font-size: 13px;} .headers a:hover {font-size: 13px;} h2 {margin: 0px 0px 10px 0px; font-family: verdana; font-size: 16px; font-weight: normal; color: #008752;} h2 a:link {text-decoration: none; color: #008752;} h2 a:active {text-decoration: none; color: #008752;} h2 a:visited {text-decoration: none; color: #008752;} h2 a:hover {text-decoration: none; color: #cb0149;} h3 {margin: 0px 0px 5px 0px; font-family: verdana; font-size: 16px; font-weight: normal; color: #008752;} h4 {margin: 0px 0px 5px 0px; font-family: verdana; font-size: 14px; font-weight: normal; color: #008752;} p {margin: 10px 0px 10px 0px;} #wrap {width: 950px; margin-left: auto; margin-right: auto; position: relative;} #top {width: 950px; background-image: url(images/top_bg.jpg); background-repeat: no-repeat; background-color: #ffffff; position: relative;} .logo {position: absolute; top: 18px; left: 21px;} #nav {height: 40px; padding: 55px 0px 0px 398px;} #nav img {display: block;} .nav_img {float: left;} #content {width: 950px; padding: 0px 0px 10px 0px; font-family: verdana, geneva, sans-serif; font-size: 12px; line-height: 18px; color: #333333; background-color: #ffffff; float: left;} #flash {width: 897px; height: 205px; background-image: url(images/flash.jpg); border: 1px solid #008752; margin-left: auto; margin-right: auto;} #content_text {width: 950px; margin: 30px 0px 10px 0px; background-image: url(images/left_bg.jpg); background-repeat: repeat-y; float: left;} #content_left {width: 389px; padding: 0px 0px 0px 29px; float: left;} #services_left {width: 180px; float: left; font-size: 12px; padding: 0px 10px 0px 0px;} #services_left a:link {text-decoration: none; color: #008752;} #services_left a:active {text-decoration: none; color: #008752;} #services_left a:visited {text-decoration: none; color: #008752;} #services_left a:hover {text-decoration: none; color: #cb0149;} #services_left *:hover a {text-decoration: none; color: #cb0149;} .active {text-decoration: none; color: #cb0149 !important;} #services_right {width: 180px; float: left;} #services_right a:link {text-decoration: none; font-size: 12px; color: #008752;} #services_right a:active {text-decoration: none; color: #008752;} #services_right a:visited {text-decoration: none; color: #008752;} #services_right a:hover {text-decoration: none; color: #cb0149;} #services_right *:hover a {text-decoration: none; color: #cb0149;} .our_work {width: 368px; padding: 0px;} .our_work td {vertical-align: top;} .our_left {width: 178px; padding: 0px 12px 11px 0px;} .our_right {width: 178px; padding: 0px 0px 11px 0px;} .orange_arrow {list-style-type: none; padding: 0px; margin: 10px 0px 10px 0px; font-size: 12px; color: #b4630b;} .orange_arrow li {background-image: url(images/orange_arrow.jpg); background-repeat: no-repeat; background-position: 0px 5px; padding: 0px 0px 0px 10px; margin: 0px;} .orange_arrow a:link {text-decoration: none; font-style: italic; color: #b4630b;} .orange_arrow a:active {text-decoration: none; font-style: italic; color: #b4630b;} .orange_arrow a:visited {text-decoration: none; font-style: italic; color: #b4630b;} .orange_arrow a:hover {text-decoration: none; font-style: italic; color: #cc0149;} .orange_arrow li:hover {background-image: url(images/orange_arrow_hover.jpg); background-repeat: no-repeat; background-position: 0px 5px;} .orange_arrow2 {list-style-type: none; padding: 0px; margin: 10px 0px 10px 0px; font-size: 12px; color: #b4630b;} .orange_arrow2 li {background-image: url(images/orange_arrow.jpg); background-repeat: no-repeat; background-position: 0px 5px; padding: 0px 0px 0px 10px; margin: 0px;} .orange_arrow2 a:link {text-decoration: none; font-style: italic; color: #b4630b;} .orange_arrow2 a:active {text-decoration: none; font-style: italic; color: #b4630b;} .orange_arrow2 a:visited {text-decoration: none; font-style: italic; color: #b4630b;} .orange_arrow2 a:hover {text-decoration: none; font-style: italic; color: #cc0149;} .orange_dot {list-style-type: disc; padding: 0px; margin: 10px 0px 10px 0px; font-size: 12px; color: #b4630b;} .orange_dot li {padding: 0px 0px 0px 0px; margin: 0px;} .orange_dot a:link {text-decoration: none; font-style: italic; color: #b4630b;} .orange_dot a:active {text-decoration: none; font-style: italic; color: #b4630b;} .orange_dot a:visited {text-decoration: none; font-style: italic; color: #b4630b;} .orange_dot a:hover {text-decoration: none; font-style: italic; color: #cc0149;} .left_dots {width: 359px; height: 1px; margin: 20px 0px 20px 0px; background-image: url(images/left_dots.jpg);} #content_right {width: 442px; padding: 0px 70px 0px 20px; float: right;} #content_right span {font-size: 10px;} .news_link a:link {text-decoration: none; color: #000000;} .news_link a:active {text-decoration: none; color: #000000;} .news_link a:visited {text-decoration: none; color: #000000;} .news_link a:hover {text-decoration: none; color: #cb0149;} p.news_link a:link span.date {color: #b4630b; } p.news_link a:active span.date {color: #b4630b;} p.news_link a:visited span.date {color: #b4630b;} p.news_link a:hover span.date {color: #000000; } .right_dots {width: 459px; height: 1px; margin: 20px 0px 20px 0px; background-image: url(images/right_dots.jpg);} #bottom {width: 950px; height: 7px; background-image: url(images/bottom_bg.jpg); clear: both;} #copy {float: left; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; font-family: tahoma; font-size: 12px; color: #ffffff; line-height: 18px;} #contact_info {float: right; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; font-family: tahoma; font-size: 12px; color: #ffffff; line-height: 18px; text-align: right;} #about_header {width: 899px; height: 128px; background-image: url(images/about_top.jpg); margin-left: auto; margin-right: auto;} #services_dpd_header {width: 899px; height: 128px; background-image: url(images/services-blaster-dpd.jpg); margin-left: auto; margin-right: auto;} #about_history_header {width: 899px; height: 128px; background-image: url(images/about-blaster-history.jpg); margin-left: auto; margin-right: auto;} #hosting_header {width: 899px; height: 128px; background-image: url(images/hosting-blaster.jpg); margin-left: auto; margin-right: auto;} #seo_header {width: 899px; height: 128px; background-image: url(images/seo-blaster.jpg); margin-left: auto; margin-right: auto;} #domain_names_header {width: 899px; height: 128px; background-image: url(images/domain-names-blaster.jpg); margin-left: auto; margin-right: auto;} #social_media_header {width: 899px; height: 128px; background-image: url(images/social-media-blaster.jpg); margin-left: auto; margin-right: auto;} #email_support_header {width: 899px; height: 128px; background-image: url(images/email-support-blaster.jpg); margin-left: auto; margin-right: auto;} #gosystems_header {width: 899px; height: 128px; background-image: url(images/gosystems-blaster.jpg); margin-left: auto; margin-right: auto;} #about_philosophy_header {width: 899px; height: 128px; background-image: url(images/about-blaster-philosophy.jpg); margin-left: auto; margin-right: auto;} #logo_design_header {width: 899px; height: 128px; background-image: url(images/logo-blaster.jpg); margin-left: auto; margin-right: auto;} #about_news_header {width: 899px; height: 128px; background-image: url(images/about-blaster-news-feed.jpg); margin-left: auto; margin-right: auto;} #meet_the_team_header {width: 899px; height: 128px; background-image: url(images/meet-the-team-blaster.jpg); margin-left: auto; margin-right: auto;} #consignment_header {width: 899px; height: 128px; background-image: url(images/consignment-shops-blaster.jpg); margin-left: auto; margin-right: auto;} #totalweb_header {width: 899px; height: 128px; background-image: url(images/totalweb-blaster.jpg); margin-left: auto; margin-right: auto;} #about_associations_header {width: 899px; height: 128px; background-image: url(images/about-blaster-associations.jpg); margin-left: auto; margin-right: auto;} #about_testimonials_header {width: 899px; height: 128px; background-image: url(images/about-blaster-testimonials.jpg); margin-left: auto; margin-right: auto;} #services_strategic_consulting_header {width: 899px; height: 128px; background-image: url(images/services-blaster-strategic-consulting.jpg); margin-left: auto; margin-right: auto;display:block;} #services_web_design_header {width: 899px; height: 128px; background-image: url(images/services-blaster-web-design.jpg); margin-left: auto; margin-right: auto;display:block;} #services_DPDwide_header {width: 899px; height: 128px; background-image: url(images/DPD-blaster.jpg); margin-left: auto; margin-right: auto;display:block;} #two_column {width: 879px; padding: 0px 35px 10px 36px; background-image: url(images/about_bg.jpg); background-repeat: repeat-y; float: left;} #about_left {width: 246px; float: left;} #about_left img {display: block;} .about_hover {padding: 0px 0px 10px 24px; background-image: url(images/about_arrow.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} .about_hover:hover {background-image: url(images/about_arrow_hover.jpg);} .about_hover a:link, .about_hover a:link h3 {text-decoration: none; color: #008752;} .about_hover a:active, .about_hover a:active h3 {text-decoration: none; color: #008752;} .about_hover a:visited, .about_hover a:visited h3 {text-decoration: none; color: #008752;} .about_hover a:hover, .about_hover a:hover h3 {text-decoration: none; color: #cc0149;} #about_right {width: 599px; float: right;} .orange_text {color: #b4630b; font-style: italic;} .about_hover a:hover .orange_text { color: #000000; } #about_brown {width: 65px; height: 40px; background-image: url(images/about_brown.jpg); position: absolute; top: 55px; left: 576px;} #about_brown a { display: block; } #facebook_brown {width: 105px; height: 40px; position: absolute; top: 55px; left: 398px;} #rss_brown {width: 73px; height: 40px; position: absolute; top: 55px; left: 503px; cursor: pointer;} #portfolio_brown {width: 89px; height: 40px; position: absolute; top: 55px; left: 641px; cursor: pointer;} #services_brown {width: 80px; height: 40px; position: absolute; top: 55px; left: 730px; cursor: pointer;} #contact_brown {width: 79px; height: 40px; position: absolute; top: 55px; left: 810px; cursor: pointer;} #portfolio_grey {width: 89px; height: 40px; background-image: url(images/portfolio_grey.jpg); position: absolute; top: 55px; left: 641px;} #portfolio_grey a { display: block; } #about_grey {width: 65px; height: 40px; position: absolute; top: 55px; left: 576px; cursor: pointer;} #facebook_grey {width: 105px; height: 40px; position: absolute; top: 55px; left: 398px; cursor: pointer;} #rss_grey {width: 73px; height: 40px; position: absolute; top: 55px; left: 503px; cursor: pointer;} #services_grey {width: 80px; height: 40px; position: absolute; top: 55px; left: 730px; cursor: pointer;} #contact_grey {width: 79px; height: 40px; position: absolute; top: 55px; left: 810px; cursor: pointer;} #services_blue {width: 80px; height: 40px; background-image: url(images/services_blue.jpg); position: absolute; top: 55px; left: 730px;} #services_blue a { display: block; } #about_blue {width: 65px; height: 40px; position: absolute; top: 55px; left: 576px; cursor: pointer;} #facebook_blue {width: 105px; height: 40px; position: absolute; top: 55px; left: 398px; cursor: pointer;} #rss_blue {width: 73px; height: 40px; position: absolute; top: 55px; left: 503px; cursor: pointer;} #portfolio_blue {width: 89px; height: 40px; position: absolute; top: 55px; left: 641px; cursor: pointer;} #contact_blue {width: 79px; height: 40px; position: absolute; top: 55px; left: 810px; cursor: pointer;} #contact_purple {width: 79px; height: 40px; background-image: url(images/contact_purple.jpg); position: absolute; top: 55px; left: 810px;} #contact_purple a { display: block; } #about_purple {width: 65px; height: 40px; position: absolute; top: 55px; left: 576px; cursor: pointer;} #facebook_purple {width: 105px; height: 40px; position: absolute; top: 55px; left: 398px; cursor: pointer;} #rss_purple {width: 73px; height: 40px; position: absolute; top: 55px; left: 503px; cursor: pointer;} #portfolio_purple {width: 89px; height: 40px; position: absolute; top: 55px; left: 641px; cursor: pointer;} #services_purple {width: 80px; height: 40px; position: absolute; top: 55px; left: 730px; cursor: pointer;} #contact_pink {width: 79px; height: 40px; background-image: url(images/contact_pink.jpg); position: absolute; top: 55px; left: 810px;} #about_pink {width: 65px; height: 40px; position: absolute; top: 55px; left: 576px; cursor: pointer;} #facebook_pink {width: 105px; height: 40px; position: absolute; top: 55px; left: 398px; cursor: pointer;} #rss_pink {width: 73px; height: 40px; position: absolute; top: 55px; left: 503px; cursor: pointer;} #portfolio_pink {width: 89px; height: 40px; position: absolute; top: 55px; left: 641px; cursor: pointer;} #services_pink {width: 80px; height: 40px; position: absolute; top: 55px; left: 730px; cursor: pointer;} #home_header {width: 899px; height: 128px; background-image: url(images/home_top.jpg); margin-left: auto; margin-right: auto;} #portfolio_header {width: 899px; height: 128px; background-image: url(images/portfolio_top.jpg); margin-left: auto; margin-right: auto;} #portfolio_nav_webportfolio {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/portfolio_nav_webportfolio.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #portfolio_nav_webportfolio:hover {background-image: url(images/portfolio_nav_webportfolio_hover.jpg);} #portfolio_nav_printportfolio {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/portfolio_nav_printportfolio.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #portfolio_nav_printportfolio:hover {background-image: url(images/portfolio_nav_printportfolio_hover.jpg);} #portfolio_nav_logo {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/services_nav_logo.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #portfolio_nav_logo:hover {background-image: url(images/services_nav_logo_hover.jpg);} #portfolio_nav_casestudies {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/portfolio_nav_casestudies.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #portfolio_nav_casestudies:hover {background-image: url(images/portfolio_nav_casestudies_hover.jpg);} #portfolio_nav_clients {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/portfolio_nav_clients.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #portfolio_nav_clients:hover {background-image: url(images/portfolio_nav_clients_hover.jpg);} #services_header {width: 899px; height: 128px; background-image: url(images/services_top.jpg); margin-left: auto; margin-right: auto;} #three_column2 {width: 889px; padding: 0px 35px 10px 26px; background-image: url(images/three_column2_bg.jpg); background-repeat: repeat-y; float: left;} #three_left2 {width: 266px; float: left;} #services_nav_webdesign {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/services_nav_webdesign.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #services_nav_webdesign:hover {background-image: url(images/services_nav_webdesign_hover.jpg);} #services_nav_design {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/services_nav_design.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #services_nav_design:hover {background-image: url(images/services_nav_design_hover.jpg);} #services_nav_search {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/services_nav_search.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #services_nav_search:hover {background-image: url(images/services_nav_search_hover.jpg);} #services_nav_managed {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/services_nav_managed.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #services_nav_managed:hover {background-image: url(images/services_nav_managed_hover.jpg);} #services_nav_content {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/services_nav_content.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #services_nav_content:hover {background-image: url(images/services_nav_content_hover.jpg);} #services_nav_logo {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/services_nav_logo.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #services_nav_logo:hover {background-image: url(images/services_nav_logo_hover.jpg);} #services_nav_broadcast {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/services_nav_broadcast.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #services_nav_broadcast:hover {background-image: url(images/services_nav_broadcast_hover.jpg);} #services_nav_strategic {padding: 0px 0px 0px 41px; min-height: 21px; background-image: url(images/services_nav_strategic.jpg); background-position: top left; background-repeat: no-repeat; cursor: pointer;} #services_nav_strategic:hover {background-image: url(images/services_nav_strategic_hover.jpg);} #three_middle2 {width: 364px; padding: 0px 25px 0px 26px; float: left;} #three_right2 {width: 193px; padding: 0px 0px 0px 15px; float: left;} #contact_header {width: 899px; height: 128px; background-image: url(images/contact_top.jpg); margin-left: auto; margin-right: auto;} #two_column {width: 879px; padding: 0px 35px 10px 36px; background-image: url(images/two_column.jpg); background-repeat: repeat-y; float: left;} #two_right {width: 562px; padding: 0px 25px 0px 26px; float: left;} .two_right_dots {width: 562px; height: 1px; margin: 20px 0px 20px 0px; background-image: url(images/two_right_dots.jpg);} #two_column2 {width: 879px; padding: 0px 35px 10px 36px; background-image: url(images/two_column2.jpg); background-repeat: repeat-y; float: left;} #two_right2 {width: 562px; padding: 0px 0px 0px 26px; float: left;} #two_right69 {width: 630px; padding: 0px 0px 0px 26px; float: left;} #three_column {width: 879px; padding: 0px 35px 10px 36px; background-image: url(images/contact_bg.jpg); background-repeat: repeat-y; float: left;} #three_left {width: 174px; padding-right: 15px; float: left;} #three_left h3 { color: #008752; font-size: 14px; padding-bottom: 14px; } #three-left h3 a, a:link, a:visited { color: #008752; text-decoration: none; } #three-left h3 a:hover { color: #cc0149; } #three_middle {width: 434px; padding: 0px 20px 0px 26px; float: left;} .contact_heading2 {font-family: verdana; font-size: 15px; color: #008752; lin-height: 22px;} .required_field {font-size: 11px; color: #f78f1e;} .contact_organization_form {width: 376px; height: 18px; border: 1px solid #cccccc; margin: 4px 0px 4px 0px;} .contact_form {width: 201px; height: 18px; border: 1px solid #cccccc; margin: 2px 0px 2px 0px;} .contact_form2 {width: 38px; height: 18px; border: 1px solid #cccccc; margin: 2px 0px 2px 0px;} .contact_form_zip {width: 68px; height: 18px; border: 1px solid #cccccc; margin: 2px 0px 2px 0px;} .contact_form_message {width: 414px; height: 71px; border: 1px solid #cccccc; margin: 2px 0px 2px 0px;} .contact_form_select {width: 101px; height: 16px;} .contact_float {float: left;} .contact_float2 {float: left; padding: 0px 0px 0px 10px;} #three_right {width: 172px; padding: 0px 0px 0px 15px; float: left;} .three_right_dot {width: 169px; height: 2px; margin: 16px 0px 14px 0px; background-image: url(images/contact_right_dots.jpg);} #sub_page_spacer {width: 950px; height: 22px; background-color: #ffffff;} .hiddenpic {display: none;} .portfolio_link a:link {text-decoration: none; color: #008752} .portfolio_link a:active {text-decoration: none; color: #008752} .portfolio_link a:visited {text-decoration: none; color: #008752} .portfolio_link a:hover {text-decoration: none; color: #cb0149} .services_link a:link {text-decoration: none; color: #008752} .services_link a:active {text-decoration: none; color: #008752} .services_link a:visited {text-decoration: none; color: #008752} .services_link a:hover {text-decoration: none; color: #cb0149} .testimonial { background-color: #f3f3f3; -moz-border-radius: 9px; -webkit-border-radius: 9px;padding: 10px;} input:hover {background-color: #fafafa;} input:focus { background-color: #fff7e8; }