@charset "UTF-8"; /* CSS Document */ /* ====================================================================== Designed and coded by Fort:A Communications © 2009 Strategic BCP, All Rights Reserved strategicbcp.com Global CSS v1.0 ======================================================================*/ /* ====================================================================== Generic Styles for entire page to set a few defaults ======================================================================*/ html {background:#008fc4 url('../images/sbc-page-bg.gif') repeat left top;font-family:Helvetica, Arial, sans-serif;} body {background:transparent url(../images/sbc-page-gradient-bg.jpg) no-repeat fixed center center;} body #page-wrapper {width:900px;margin:0 auto;font:normal 0.875em/1.25em Arial, Helvetica, sans-serif;} h1,h2,h3,p {margin:18px 0px} a img {border:none;} a.button {display:inline-block;width:175px;font-weight:bold;color:#ffffff !IMPORTANT;text-align:center;height:20px;text-decoration:none;font-size:.875em !IMPORTANT;padding:7px 0px;border:none !important;} a.text-button {display:inline-block;width:175px;font-weight:bold;color:#ffffff !IMPORTANT;text-align:center;height:20px;text-decoration:none;font-size:.875em !IMPORTANT;padding:7px 0px;margin:18px 0px;} a.button:hover, html body #left-col a.button:hover {background-color:transparent !important;} a.button:hover, a.text-button:hover {background-position:0px -34px !IMPORTANT;} .black {background:transparent url('../images/sbc-black-button.png') no-repeat left top;} .red {background:transparent url('../images/sbc-red-button.png') no-repeat left top;} /* ====================================================================== head & main navigation ======================================================================*/ #head {position:relative;height:125px;} #head #logo {position:absolute;bottom:-20px;display:block;left:60px;width:173px;} #main-nav {display:block;position:absolute;right:25px;bottom:0px;width:575px;float:right;margin-right:25px;background:transparent url('../images/sbc-main-nav-bg.png') no-repeat left 10px;height:45px;} #main-nav ul {list-style:none;} #main-nav ul ul {display:none;background:transparent url('../images/sbc-drop-down-bg.png') no-repeat left bottom;position:absolute;width:133px;padding:5px} #main-nav ul ul li {float:none;} #main-nav li {float:left;} #main-nav .tab {display:block;width:143px;height:35px;text-indent:-9999px;margin-top:10px;} #main-nav ul ul li a {display:block;padding:8px;font:normal .875em Helvetica, Arial, sans-serif;background:none;text-indent:0px;width:117px;color:#027cb7;text-decoration:none;} #main-nav ul ul li a:hover {background:#027cb7;color:white;font-weight:bold;} #main-nav .tab:hover, #main-nav li:hover .tab {background-position:0px -35px;margin-top:0px;padding-bottom:10px;} .about-bcp-nav .tab {background:transparent url('../images/sbc-about-bcp-nav.png') no-repeat left top;} .bcp-software-nav .tab {background:transparent url('../images/sbc-bcp-software-nav.png') no-repeat left top;} .strategic-bcp-nav .tab {background:transparent url('../images/sbc-strategic-bcp-nav.png') no-repeat left top;} .bcp-services-nav .tab {background:transparent url('../images/sbc-bcp-services-nav.png') no-repeat left top;} /* ====================================================================== secondary navigation ======================================================================*/ #second-nav {padding:10px 20px;border-bottom:1px solid #80BDDB;} #second-nav ul {list-style:none;} #second-nav li {float:left;margin:0px 10px;} #second-nav li a {display:block;width:105px;text-align:center;padding:5px 0px;height:33px;background:url('../images/sbc-second-nav-bg.png') no-repeat left -45px;font-size:.875em;font-weight:bold;text-decoration:none;color:#027CB7;} #second-nav li a:hover {background-position:left top;color:white;} #second-nav li a.one-line {padding-top:10px;} /* ====================================================================== two-col & single-colmn ======================================================================*/ #content-wrap {background:#ffffff url('../images/sbc-content-wrap-bottom-bg.png') no-repeat left bottom;padding-bottom:25px;} #single-column {background:#ffffff url('../images/sbc-content-wrap-top-bg.png') no-repeat left top;padding:9px;} #page-image-wrap h1 {font:italic 2.375em Arial, Helvetica, sans-serif;font-weight:bold;color:white;margin-top:0px;width:675px;height:75px;} #page-image-wrap h2 {font:italic 1em Arial, Helvetica, sans-serif;font-weight:normal;color:white;width:550px;} #page-image-wrap {height:77px;padding-left:60px;padding-top:100px;} #page-image-wrap em {color:white;font-size:1.375em;padding-left:5px;margin:9px 0px;display:block;} /* single-column background images & headlines - these have a padding top of 100px so subtract that from the height*/ .home-image {height:225px !important;background:url('../images/sbc-main-image-home.jpg') no-repeat left top;} .home-h1 {background:url('../images/sbc-home-h1.png') no-repeat left top;text-indent:-9999px;} .inner-image {height:77px !important;background:url('../images/sbc-main-image-inner.jpg') no-repeat left top;} .method-image {height:77px !important;background:url('../images/sbc-main-image-method.jpg') no-repeat left top;} .software-image {height:77px !important;background:url('../images/sbc-main-image-software.jpg') no-repeat left top;} .edu-image {height:77px !important;background:url('../images/sbc-main-image-edu.jpg') no-repeat left top;} .contact-image {height:77px !important;background:url('../images/sbc-main-image-contact-2.jpg') no-repeat left top;} .inner-h1 {background:url('../images/sbc-inner-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .whybcp-h1 {background:url('../images/sbc-whybcp-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .about-h1 {background:url('../images/sbc-about-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .partners-h1 {background:url('../images/sbc-partners-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .approach-h1 {background:url('../images/sbc-approach-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .better-h1 {background:url('../images/sbc-better-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .resources-h1 {background:url('../images/sbc-resources-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .tenthings-h1 {background:url('../images/sbc-10things-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .paper-h1 {background:url('../images/sbc-paper-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .res1-h1 {background:url('../images/sbc-res1-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .consulting-h1 {background:url('../images/sbc-consulting-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .consulting-h1 {background:url('../images/sbc-consulting-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .why-h1 {background:url('../images/sbc-why-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .guide-h1 {background:url('../images/sbc-guide-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .news-h1 {background:url('../images/sbc-news-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .contact-h1 {background:url('../images/sbc-contact-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .assessment-h1 {background:url('../images/sbc-assessment-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .training-h1 {background:url('../images/sbc-training-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} .promotions-h1 {background:url('../images/sbc-promotions-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;} /* ====================================================================== left-col ======================================================================*/ #left-col {float:left;width:500px;padding:0px 25px;border-right:1px solid #80bddb;margin-right:-1px;color:#444444;} #left-col h3 {font-size:1.375em;font-style:italic;color:black;} #left-col h4 {font-size:1.125em;margin:1em 0px;} #left-col p {font-size:.875em;} #left-col p.sub-head {font-size:1em;font-style:italic;} #left-col p a {color:#027CB7;text-decoration:none;border-bottom:1px dotted #027CB7;} #left-col p a:hover {color:#027CB7;background-color:#d7f2ff;} #left-col .list li {margin:5px 0px 5px 20px;font-size:.875em;} #left-col blockquote {margin:18px 20px;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;text-align:center;color:#027cb7;padding:20px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;} #left-col ol.no-numbers {list-style:none;} #left-col ol.no-numbers li {padding-left:40px;background-repeat:no-repeat;background-position:8px center;margin:1em 0px;} #left-col .no-numbers li span {border-left:1px solid #027cb7;display:inline-block;margin-left:5px;padding-left:10px;} #left-col .no-numbers span strong {display:block;} .no-numbers .one {background-image:url('../images/sbc-no-1.png');} .no-numbers .two {background-image:url('../images/sbc-no-2.png');} .no-numbers .three {background-image:url('../images/sbc-no-3.png');padding-top:5px;padding-bottom:5px;} .no-numbers .four {background-image:url('../images/sbc-no-4.png');} .no-numbers .five {background-image:url('../images/sbc-no-5.png');} .no-numbers .six {background-image:url('../images/sbc-no-6.png');} .no-numbers .seven {background-image:url('../images/sbc-no-7.png');} .no-numbers .eight {background-image:url('../images/sbc-no-8.png');} .no-numbers .nine {background-image:url('../images/sbc-no-9.png');} #left-col ol.no-numbers li.ten {background:url('../images/sbc-no-10.png') no-repeat left center !important;} #left-col .icon-list {display:block;list-style:none;margin:18px -25px;background:url('../images/sbc-icon-list-bg.png') repeat left top;} #left-col .icon-list li {height:83px;padding:10px 25px 0px 120px;font-size:.875em;} #left-col .icon-list strong {display:block;margin-bottom:5px;} #left-col .icon-list .clock {background:url('../images/sbc-clock-icon.png') no-repeat 25px center;} #left-col .icon-list .gear {background:url('../images/sbc-gear-icon.png') no-repeat 25px center;} #left-col .icon-list .people {background:url('../images/sbc-people-icon.png') no-repeat 25px center;} #left-col .icon-list .computer {background:url('../images/sbc-computer-icon.png') no-repeat 25px center;} #left-col .icon-list .lightbulb {background:url('../images/sbc-lightbulb-icon.png') no-repeat 25px center;} #left-col .icon-list .chart {background:url('../images/sbc-chart-icon.png') no-repeat 25px center;} #left-col .icon-list .no {background:url('../images/sbc-no-icon.png') no-repeat 25px center;} #left-col .grid-list {list-style:none;font-size:.875em;} #left-col .grid-list span {font-weight:bold;font-size:1.25em;display:block;margin-bottom:9px;background-position:left top;background-repeat:no-repeat;padding-left:35px;height:30px;} #left-col .grid-list li {width:220px;padding:15px;float:left;height:225px;margin:-1px 0px 0px 0px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;background:url('../images/sbc-grid-blue.png') repeat-x left bottom;} #left-col .grid-list li.grid-grey {background:url('../images/sbc-grid-grey.png') repeat-x left bottom;} #left-col .grid-list li.grid-red {background:url('../images/sbc-grid-red.png') repeat-x left top;} #left-col .grid-list .no-survey-icon span {background-image:url('../images/sbc-no-survey-icon.png');} #left-col .grid-list .chart-s-icon span {background-image:url('../images/sbc-chart-icon-s.png');} #left-col .grid-list .no-paper-icon span {background-image:url('../images/sbc-no-paper-icon-s.png');} #left-col .grid-list .no-module-icon span {background-image:url('../images/sbc-no-module-icon-s.png');} #left-col .grid-list .clock-check-icon span {background-image:url('../images/sbc-clock-check-icn-s.png');} #left-col .grid-list .right-arrow-icon span {background-image:url('../images/sbc-right-arrow-icon.png');} #left-col .grid-list .lightbulb-icon-s span {background-image:url('../images/sbc-lightbulb-icon-s.png');} #left-col .grid-list .world-icon-s span {background-image:url('../images/sbc-world-search-icon-s.png');} #left-col .grid-list .link-icon span {background-image:url('../images/sbc-link-icon-s.png');} .disclaimer {font-size:.75em;color:#999;} .callout {background:#E0EFF6;padding:20px;border:1px solid #333333;} .callout strong {font-size:1.25em;font-style:italic;} .callout ul {list-style:none;} /* ====================================================================== right-col ======================================================================*/ #right-col {float:right;width:299px;padding:25px;border-left:1px solid #80bddb;} .blue-round-wrap {background:#e0eff6 url('../images/sbc-round-blue-top.png') no-repeat left top;margin:18px 0px;} .blue-box {background:transparent url('../images/sbc-round-blue-bottom.png') no-repeat left bottom;text-align:center;padding:10px;} .blue-box strong {font-size:1.125em;} .blue-box em {font-size:.875em;} .grey-round-wrap {background:#e0e0e0 url('../images/sbc-round-grey-top.png') no-repeat left top;margin:18px 0px;} .grey-box {background:transparent url('../images/sbc-round-grey-bottom.png') no-repeat left bottom;text-align:left;padding:10px;} .grey-box strong {font-size:1.125em;} .grey-box em {font-size:.875em;} .contact-icon {background:url('../images/sbc-contact-icon.png') no-repeat left top;display:block;padding:10px 0px 0px 70px;text-align:left;} .quick-features {background:transparent url('../images/sbc-round-blue-bottom.png') no-repeat left bottom;text-align:left;padding:20px;} .quick-features strong {font-size:1.125em;text-align:center;display:block;margin-bottom:9px;} .quick-features .list {color:#333333;list-style:none;} .quick-features .list li {margin:-1px 0px -1px 0px;font-size:.875em;padding:5px 10px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;} .quick-features .list li.alt {background-color:#e7e7e7;padding:5px 10px;} .blog-box {margin:18px 0px;padding:1px 10px 10px 10px; text-align:center;} .blog-box a {font-size:1.125em;color:#027cb7;text-decoration:none;font-weight:bold;} .blog-box a:hover {color:black;} .blog-box p {font-size:.875em;} #right-col strong a {color:#027CB7;text-decoration:underline;} #right-col strong a:hover {color:#000000;} /* ====================================================================== footer ======================================================================*/ #footer {margin:0px 20px;background:transparent url('../images/sbc-main-nav-bg.png') repeat left top;color:white;font-size:.875em;padding:10px 0px;} #footer a {text-decoration:none;color:white;} #footer #footer-left {float:left;width:210px;padding:10px 20px;text-align:center;border-right:1px solid #4d8595;margin-right:40px;} #footer-left a {display:block;margin:9px 0px;} #footer-left img {display:block;margin-bottom:9px;} #footer ul {float:left;list-style:none;margin-top:10px;} #footer ul ul {float:none;margin:0px 0px 0px 10px;} #footer ul a {height:35px;text-indent:-9999px;display:block;} #footer ul a:hover, #footer-left a:hover {background-color:#027cb7;color:white;} #footer ul ul a {height:auto;text-indent:0px;background-image:none !Important;padding:5px 10px;} #footer .first-col {width:175px;} #footer .first-col a {background:transparent url('../images/sbc-about-bcp-nav.png') no-repeat -10px top;} #footer .second-col {width:175px;} #footer .second-col a {background:transparent url('../images/sbc-bcp-software-nav.png') no-repeat -10px top;} #footer .third-col {width:200px;} #footer .third-col a {background:transparent url('../images/sbc-bcp-services-nav.png') no-repeat -10px top;} /* ====================================================================== Contacty Form ======================================================================*/ #left-col fieldset dt {width:190px;float:left;clear:left;padding:3px 0px;text-align:right;margin:5px 10px 5px 0px;} #left-col fieldset dd {width:300px;float:left;margin:5px 0px;} #left-col fieldset .validation {position:absolute;display:block;background:#fe6b6b;border:1px solid #730404;color:#333333 !important;padding:3px;margin-top:-22px;width:175px;margin-left:160px;} /* ====================================================================== Float Containers Clearfix CSSCreator.com ======================================================================*/ .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /* ====================================================================== Float Containers Clearfix CSSCreator.com ======================================================================*/ #feed-control {border:1px solid #cccccc;padding:5px;text-align:left !important;} .gfg-title {background-color:#e0eff6;padding:5px;margin-bottom:8px;} div#feed-control .gf-title {font-size:1em;font-weight:normal;} div.gfg-listentry {margin:3px 0px;padding:3px;font-size:.875em;} div#feed-control div.gfg-listentry a {font-size:1em;font-weight:normal;} /*div#feed-control div.gfg-listentry-odd {background-color:#cccccc;}*/ .gf-relativePublishedDate, .gf-author {font-style:italic;font-size:.9em;} .gfg-listentry-highlight {background-color:#e0eff6;} /* ====================================================================== Added 6/30/2010 for Homepage Slider ======================================================================*/ #slider {width:882px;height:325px;overflow:hidden;} #slider ul {list-style:none;} #slider ul li {width:882px;height:325px;} #slider ul li span {display:block;padding:40px;} .home-image-1 {background:url('../images/sbc-main-image-1.jpg') no-repeat left top;} .home-image-1 .home-h1 {background:url('../images/sbc-home-h1-a.png') no-repeat left top;text-indent:-9999px;} .home-image-2 {background:url('../images/sbc-main-image-2.jpg') no-repeat left top;} .home-image-2 .home-h1 {background:url('../images/sbc-home-h1-2.png') no-repeat left top;text-indent:-9999px;} #slider h1 {font:italic 2.375em Arial, Helvetica, sans-serif;font-weight:bold;color:white;margin-top:0px;width:675px;height:75px;} #slider h2 {font:italic 1em Arial, Helvetica, sans-serif;font-weight:normal;color:white;width:550px;} #slider em {color:white;font-size:1.375em;padding-left:5px;margin:9px 0px;display:block;}