W3C CSS Validator results for http://www.spheric.ca/stylesheets/style.css (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.spheric.ca%2Fstylesheets%2Fstyle.css&profile=css21&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (11)

URI : http://www.spheric.ca/stylesheets/style.css

259 Same colors for color and background-color in two contexts .container and .banner h2
259 Same colors for color and background-color in two contexts #careers ul and .banner h2
259 Same colors for color and background-color in two contexts #small_chat-services and .banner h2
259 Same colors for color and background-color in two contexts #perks ul and .banner h2
259 Same colors for color and background-color in two contexts body and .banner h2
259 Same colors for color and background-color in two contexts .subnavigation ul li a.active span and .banner h2
259 Same colors for color and background-color in two contexts #secondary_landing and .banner h2
259 Same colors for color and background-color in two contexts #services ul and .banner h2
259 Same colors for color and background-color in two contexts #homepage and .banner h2
259 Same colors for color and background-color in two contexts #about ul and .banner h2
259 Same colors for color and background-color in two contexts .subnavigation ul li a.active and .banner h2

↑ Top

Valid CSS information

* {
margin : 0 auto;
padding : 0;
}
* p {
margin : 0 0 2em 0;
}
* p.no_margin {
margin : 0 0 1em 0;
}
* p.testimony {
margin : 0;
}
body {
font-size : 62.5%;
font-family : "Lucida Grande", Lucida, Verdana, sans-serif;
color : #333333;
text-align : left;
background : #fff url(../images/background.jpg) repeat-x 50% 100px;
}
#homepage {
background : #fff url(../images/homepage.jpg) repeat-x 50% 100px;
}
#secondary_landing {
background : #fff url(../images/secondary_landing.jpg) repeat-x 50% 100px;
}
a:visited, a:link {
color : #0062ad;
text-decoration : none;
outline : none;
}
a:hover {
text-decoration : underline;
color : #ff9a00;
}
a:active {
text-decoration : none;
color : #000;
}
a img {
border-width : 0;
}
h1, h2, h3 {
font-family : "Helvetica Neue", Helvetica, Arial;
color : #333;
font-weight : normal;
}
blockquote {
line-height : 1.8em;
color : #666;
font-style : italic;
padding : 0 30px;
background : url(../images/blockquote.jpg) no-repeat left top;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 13px;
}
hr {
background : url(../images/post.jpg) no-repeat 50% top;
border : none;
display : block;
clear : both;
margin : 30px 0 0 0;
padding : 0 0 30px 0;
}
.left {
float : left;
}
.right {
float : right;
}
.alignleft {
text-align : left;
}
.alignright {
text-align : right;
}
img.left {
margin : 10px 10px 10px 0;
}
img.right {
margin : 10px 0 10px 10px;
}
.middle {
display : block;
margin : 0 auto;
text-align : center;
}
.clear {
clear : both;
}
#header {
width : 960px;
}
#header .left {
padding-top : 20px;
margin : 0;
}
#navigation {
list-style-type : none;
}
#navigation li {
float : left;
padding-top : 35px;
margin-left : 60px;
}
#navigation .active {
background : url(../images/active.jpg) no-repeat 50% top;
}
#navigation li a {
float : left;
color : #000;
height : 19px;
display : block;
text-indent : -10000px;
padding : 0;
}
#navigation li a:hover {
color : #0062ad;
text-decoration : none;
}
#navigation .active a, #navigation .active a:hover {
color : #ff9a00;
}
#nav_services {
background : url(../images/navigation.jpg) no-repeat 0 0;
width : 67px;
}
#nav_technologies {
background : url(../images/navigation.jpg) no-repeat -67px 0;
width : 109px;
}
#nav_about {
background : url(../images/navigation.jpg) no-repeat -176px 0;
width : 50px;
}
#nav_blog {
background : url(../images/navigation.jpg) no-repeat -226px 0;
width : 36px;
}
#nav_careers {
background : url(../images/navigation.jpg) no-repeat -262px 0;
width : 62px;
}
#nav_contact {
background : url(../images/navigation.jpg) no-repeat -324px 0;
width : 66px;
}
#nav_services:hover {
background-position : 0 -19px;
}
#nav_technologies:hover {
background-position : -67px -19px;
}
#nav_about:hover {
background-position : -176px -19px;
}
#nav_blog:hover {
background-position : -226px -19px;
}
#nav_careers:hover {
background-position : -262px -19px;
}
#nav_contact:hover {
background-position : -324px -19px;
}
#nav_services:active {
background-position : 0 -38px;
}
#nav_technologies:active {
background-position : -67px -38px;
}
#nav_about:active {
background-position : -176px -38px;
}
#nav_blog:active {
background-position : -226px -38px;
}
#nav_careers:active {
background-position : -262px -38px;
}
#nav_contact:active {
background-position : -324px -38px;
}
.active #nav_services {
background-position : 0 -38px;
}
.active #nav_technologies {
background-position : -67px -38px;
}
.active #nav_about {
background-position : -176px -38px;
}
.active #nav_blog {
background-position : -226px -38px;
}
.active #nav_careers {
background-position : -262px -38px;
}
.active #nav_contact {
background-position : -324px -38px;
}
.active #nav_services:hover {
background-position : 0 -38px;
}
.active #nav_technologies:hover {
background-position : -67px -38px;
}
.active #nav_about:hover {
background-position : -176px -38px;
}
.active #nav_blog:hover {
background-position : -226px -38px;
}
.active #nav_careers:hover {
background-position : -262px -38px;
}
.active #nav_contact:hover {
background-position : -324px -38px;
}
.big_box, .small_box, #our_clients ul {
list-style-type : none;
}
.big_box li a {
width : 172px;
height : 65px;
text-align : center;
background : url(../images/big_box.jpg) no-repeat 0 0;
display : block;
padding : 1px 0;
}
.big_box li a:hover {
background-position : 0 -67px;
}
.big_box li a:active {
background-position : 0 -134px;
}
.big_box li a span, .small_box li a span {
text-indent : -10000px;
display : block;
}
.small_box li a {
width : 108px;
height : 68px;
text-align : center;
background : url(../images/small_box.jpg) no-repeat 0 0;
display : block;
padding : 1px 0;
}
.small_box li a:hover {
background-position : 0 -70px;
}
.small_box li a:active {
background-position : 0 -140px;
}
#homepage .banner {
width : 620px;
background : url(../images/banner.png) no-repeat right 1px;
height : 260px;
padding : 80px 330px 0 10px;
font-size : 1.7em;
}
#secondary_landing .banner {
width : 620px;
background : url(../images/small_banner.png) no-repeat right 8px;
height : 170px;
padding : 90px 330px 0 10px;
font-size : 1.7em;
}
.banner h1 {
color : #ff9a00;
text-indent : -10000px;
display : block;
margin : 0;
}
.banner h2 {
color : #fff;
text-indent : -10000px;
margin : 20px 0 0 0;
}
#home_banner h1 {
width : 480px;
height : 94px;
background : url(../images/banner_h1.png) no-repeat 0 0;
}
#home_banner h2 {
background : url(../images/banner_h2.png) no-repeat 0 0;
width : 510px;
height : 55px;
}
#home_banner p {
background : url(../images/banner_p.png) no-repeat 0 0;
width : 257px;
height : 18px;
text-indent : -10000px;
margin : 10px 0 0 0;
}
#about_banner h1 {
background : url(../images/about_banner.png) no-repeat 0 0;
width : 387px;
height : 88px;
}
#careers_banner h1 {
background : url(../images/careers_banner.png) no-repeat 0 0;
width : 369px;
height : 89px;
}
#services_banner h1 {
background : url(../images/services_banner.png) no-repeat 0 0;
width : 328px;
height : 81px;
}
#content {
font-size : 1.2em;
width : 960px;
margin : 50px auto 20px auto;
background : url(../images/page.png) no-repeat 50% 0;
padding-top : 120px;
}
#homepage #content, #secondary_landing #content {
background : inherit;
padding-top : 0;
margin : 10px auto 20px auto;
}
#content h3 {
margin : 0 0 10px 0;
font-size : 1.3em;
}
#main {
float : left;
width : 566px;
margin : 0 0 0 10px;
}
#main ul {
list-style-type : none;
}
#introduction {
line-height : 1.7em;
margin-right : 10px;
padding-right : 10px;
}
#introduction .call_to_action a {
background : url(../images/see.jpg) no-repeat 0 0;
display : block;
text-indent : -10000px;
width : 290px;
height : 23px;
margin : 0;
}
#introduction .call_to_action a:hover {
background-position : 0 -30px;
}
#homepage #chat {
background : url(../images/lets_chat.jpg) no-repeat 0 0;
width : 516px;
height : 51px;
margin : 40px 0 0 0;
padding : 10px 20px 0 20px;
}
#homepage #chat h3 {
margin-top : 5px;
}
#chat p a, #long_chat p a, .action p a {
background : url(../images/start_chat.png) no-repeat 0 0;
width : 176px;
height : 34px;
display : block;
text-indent : -10000px;
}
.action p a {
margin : 0;
}
#long_chat {
background : url(../images/long_chat.jpg) no-repeat 0 bottom;
margin : 0 10px;
padding : 10px 20px 0 20px;
}
#long_chat p a {
margin-top : 5px;
}
#long_chat h3 {
line-height : 1.5em;
}
#small_chat, .small_container {
background : url(../images/small_chat.jpg) no-repeat 0 bottom;
padding : 5px 20px;
width : 132px;
margin : 0 0 20px 0;
}
#small_chat-services {
background : #fff url(../images/subnavigation.jpg) no-repeat left bottom;
padding : 5px 20px;
width : 132px;
margin : 0 0 20px 0;
}
.large_container {
background : url(../images/big_container.jpg) no-repeat 0 bottom;
padding : 5px 20px;
width : 132px;
margin : 20px 0;
}
#small_chat p {
margin : 0 0 10px 0;
}
#small_chat p a, #small_chat-services p a {
display : block;
background : url(../images/start_chat-small.png) no-repeat 0 0;
text-indent : -10000px;
width : 132px;
height : 33px;
}
#testimonial {
margin : 20px 10px 10px 0;
}
.testimony {
background : url(../images/testimony.jpg) no-repeat right bottom;
padding : 0 20px 25px 0;
}
#testimonial .alt .testimony {
background : url(../images/testimony_alt.jpg) no-repeat left bottom;
padding : 0 0 25px 20px;
}
.testimony h2 {
color : #24384a;
font-style : italic;
line-height : 1.5em;
}
#testimonial .author {
font-weight : bold;
font-size : 1.2em;
text-align : right;
padding : 0 20px 0 0;
}
#testimonial .author span {
display : block;
font-weight : normal;
font-size : 0.8em;
color : #8d8d8d;
margin-top : -5px;
}
#testimonial .alt .author {
text-align : left;
padding : 0 0 0 20px;
}
#sidebar {
width : 384px;
float : left;
}
.container {
background : #fff url(../images/big_sidebar.jpg) no-repeat 50% bottom;
margin : 0 10px;
}
.container p {
margin : 0;
}
#content .container h3 {
margin : 0;
}
#homepage #blog {
width : 152px;
padding : 0 0 0 20px;
margin : 0 10px 0 0;
}
.container img.right {
margin : -25px 0 0 0;
}
.archive a {
text-transform : uppercase;
margin : 4px 0 20px 0;
display : block;
font-size : 0.8em;
padding-left : 20px;
background : url(../images/archive.jpg) no-repeat left 0;
}
.archive a:hover {
background-position : left -17px;
}
#homepage .post {
height : 75px;
background : inherit;
padding-top : 0;
margin : 0;
}
#homepage .date, .a_post .date {
text-transform : uppercase;
color : #7b7b7b;
font-size : 0.8em;
}
#newsletter {
font-size : 0.9em;
width : 152px;
margin : 0 0 0 10px;
padding : 0 20px 20px 0;
}
#newsletter a {
margin : 5px 0 0 0;
display : block;
}
#newsletter p {
margin : 0 0 10px 0;
}
#newsletter form p {
margin : 0 0 7px 0;
}
#newsletter form #submit {
margin : 0;
}
#newsletter form input {
width : 147px;
height : 26px;
background : url(../images/newsletter_input.jpg) no-repeat;
font-size : 12px;
border : none;
outline : none;
padding : 5px 5px 0 5px;
color : #999999;
}
#newsletter form #subscribe {
background : url(../images/subscribe.png) no-repeat left 0;
width : 152px;
height : 40px;
text-indent : -10000px;
cursor : pointer;
}
#etc {
padding : 0 0 30px 0;
}
a .expand, a .collapse {
width : 76px;
height : 16px;
display : block;
text-indent : -10000px;
margin : -25px 10px 0 0;
}
a .expand {
background : url(../images/expand_collapse.jpg) no-repeat 0 0;
float : left;
}
a .collapse {
background : url(../images/expand_collapse.jpg) no-repeat -76px 0;
float : right;
}
a:hover .expand {
background-position : 0 -16px;
}
a:active .expand {
background-position : 0 -32px;
}
a:hover .collapse {
background-position : -76px -16px;
}
a:active .collapse {
background-position : -76px -32px;
}
a .more, a .less {
width : 42px;
height : 15px;
display : block;
text-indent : -10000px;
float : right;
margin : -25px 0 0 0;
}
a .more {
background : url(../images/more_less.jpg) no-repeat 0 0;
}
a .less {
background : url(../images/more_less.jpg) no-repeat -42px 0;
}
a:hover .more {
background-position : 0 -15px;
}
a:active .more {
background-position : 0 -30px;
}
a:hover .less {
background-position : -42px -15px;
}
a:active .less {
background-position : -42px -30px;
}
#spheric_team a .more {
float : right;
}
#spheric_team .profile {
padding : 0 0 20px 0;
}
#spheric_team .profile p {
width : auto;
margin-top : 10px;
}
#our_technology .more, #our_awards .more {
margin : -25px 10px 0 0;
}
#our_clients {
margin : 0 10px 10px 10px;
}
#our_clients ul li {
font-size : 1.1em;
margin-bottom : 12px;
background : url(../images/li.png) no-repeat left 2px;
padding : 0 0 0 20px;
float : left;
width : 152px;
margin-right : 10px;
}
#our_awards {
margin : 0 0 20px 0;
}
#our_technology h3, #our_awards h3 {
margin-left : 10px;
}
#our_technology .big_box li, #our_awards .small_box li {
float : left;
margin : 0 10px;
}
#our_technology .big_box li, #our_awards .small_box li {
float : left;
}
#oracle {
background : url(../images/oracle.png) no-repeat;
width : 82px;
height : 10px;
margin : 25px auto 0;
}
#rails {
background : url(../images/rails.png) no-repeat;
width : 36px;
height : 46px;
margin : 10px auto 0;
}
#profit {
background : url(../images/profit_hot_50.jpg) no-repeat;
width : 37px;
height : 49px;
margin : 10px auto 0;
}
#kira {
background : url(../images/kira.png) no-repeat;
width : 82px;
height : 56px;
margin : 5px auto 0;
}
#bdc {
background : url(../images/bdc.png) no-repeat;
width : 77px;
height : 35px;
margin : 13px auto 0;
}
#notification_page {
width : 730px;
}
#notification_page h1 {
margin : 0 0 20px 0;
}
#footer {
width : 960px;
background : url(../images/footer.jpg) no-repeat 50% bottom;
padding : 0 0 40px 0;
margin : 60px auto 10px auto;
}
.separator {
background : url(../images/separator.jpg) no-repeat 50% top;
padding-top : 20px;
}
#footer a {
color : #606060;
}
#footer ul {
list-style-type : none;
float : left;
width : 162px;
margin : 0 10px;
padding : 0 0 0 10px;
}
#footer li h2 {
font-size : 1.1em;
text-transform : uppercase;
color : #353535;
margin : 14px 0 8px 0;
display : block;
padding : 2px 0 2px 20px;
font-weight : bold;
height : 12px;
}
#footer ul li {
margin : 0 0 8px 0;
}
#footer ul li a:hover {
color : #ff9a00;
}
#f_about {
background : url(../images/footer_icons.jpg) no-repeat left 0;
}
#f_news {
background : url(../images/footer_icons.jpg) no-repeat left -16px;
}
#f_enterprise {
background : url(../images/footer_icons.jpg) no-repeat left -32px;
}
#f_technologies {
background : url(../images/footer_icons.jpg) no-repeat left -48px;
}
#f_other {
background : url(../images/footer_icons.jpg) no-repeat left -64px;
}
#f_careers {
background : url(../images/footer_icons.jpg) no-repeat left -80px;
}
#f_contact {
background : url(../images/footer_icons.jpg) no-repeat left -96px;
}
#miscellaneous {
width : 940px;
color : #767676;
margin : 0 auto 20px auto;
}
#miscellaneous span {
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
}
#left_sidebar {
width : 192px;
margin : 0 0 0 10px;
float : left;
}
#left_sidebar h2 a {
font-size : 1.2em;
padding-left : 35px;
color : #000;
}
#left_sidebar h2 a:hover {
color : #000;
text-decoration : none;
}
#careers {
width : 192px;
margin : 0 10px 20px 0;
}
.subnavigation ul {
list-style-type : none;
margin : 0 0 20px 0;
}
#about ul {
background : #fff url(../images/subnavigation.jpg) no-repeat left bottom;
}
#careers ul, #perks ul {
background : #fff url(../images/subnavigation-careers.jpg) no-repeat left bottom;
}
#services ul {
background : #fff url(../images/subnavigation-services.jpg) no-repeat left bottom;
}
.subnavigation ul li a {
text-transform : uppercase;
padding : 12px 10px 0 10px;
margin : 0 20px 0 0;
display : block;
border-top : 1px solid #fff;
border-bottom : 1px solid #cad5e1;
}
.subnavigation ul li.last a {
border-bottom : none;
}
.subnavigation ul li a span {
text-transform : none;
color : #444444;
display : block;
font-size : 10px;
padding : 0 0 12px 0;
}
.subnavigation ul li a:hover {
text-decoration : none;
}
.subnavigation ul li a:hover span {
color : #000;
}
.subnavigation ul li a.active {
padding : 12px 30px 0 10px;
margin : -1px 0 0 0;
border-top : none;
border-bottom : none;
background : #fff url(../images/subnav_top.jpg) no-repeat left top;
}
.subnavigation ul li a.active span {
background : #fff url(../images/subnav_bottom.jpg) no-repeat left bottom;
margin : 0 -30px 0 -10px;
padding : 0 20px 12px 10px;
}
#page {
width : 516px;
float : left;
margin : 0 10px 0 0;
padding : 0 20px;
}
#page h2, #right_sidebar h2, #introduction h2, #wide_page h2, #spheric_team h2 {
font-size : 1.8em;
color : #000;
margin-bottom : 10px;
}
#page h2 span {
color : #ff9a00;
}
#page p, #page ul li, .post p, #introduction ul li, #blog ul li, #notification_page p, #wide_page p, #benefits p, #spheric_team p, #spheric_team ul li, .comment_post, #comments textarea, #small_chat-services ul li, .box ul li, #wide_page ul li {
line-height : 1.6em;
}
#page ul, #blog ul, #spheric_team ul, #small_chat-services ul, .box ul, #wide_page ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0;
}
#page ul li, #introduction ul li, #blog ul li, #spheric_team ul li, #small_chat-services ul li, .box ul li, #wide_page ul li {
margin-bottom : 10px;
background : url(../images/li.png) no-repeat left 3px;
padding : 0 0 0 20px;
}
#content #page ul li p {
margin : 10px 0 0 0;
}
#page ul li ul, #page .bluebullets {
margin : 10px 0 0 0;
}
#page ul li ul li, #page .bluebullets li {
background : url(../images/li_sub.jpg) no-repeat left 5px;
}
#page h3 {
margin : 0 0 5px 0;
font-size : 1.6em;
}
.top {
background : url(../images/top.jpg) no-repeat 0 top;
padding-top : 14px;
width : 516px;
}
.bottom {
background : url(../images/bottom.jpg) no-repeat 0 bottom;
padding : 6px 20px 10px 20px;
margin-bottom : 20px;
}
.team_member .profile_pic {
float : left;
margin-right : 20px;
display : block;
width : 133px;
height : 100px;
text-indent : -10000px;
}
#jr span.profile_pic {
background : url(../images/jonreid.jpg) no-repeat 0 0;
}
#am span.profile_pic {
background : url(../images/adammacdonald.jpg) no-repeat 0 0;
}
#af span.profile_pic {
background : url(../images/andrewfoster.jpg) no-repeat 0 0;
}
#sb a.profile_pic {
background : url(../images/scottbuchanan.jpg) no-repeat 0 0;
}
#fc a.profile_pic {
background : url(../images/frankiechan.jpg) no-repeat 0 0;
}
#vd a.profile_pic {
background : url(../images/vincentduquette.jpg) no-repeat 0 0;
}
#mg a.profile_pic {
background : url(../images/mitchgrant.jpg) no-repeat 0 0;
}
#th a.profile_pic {
background : url(../images/teddyhwang.jpg) no-repeat 0 0;
}
#jm a.profile_pic {
background : url(../images/joshmerchant.jpg) no-repeat 0 0;
}
#pr a.profile_pic {
background : url(../images/patroy.jpg) no-repeat 0 0;
}
#ns a.profile_pic {
background : url(../images/nicksimpson.jpg) no-repeat 0 0;
}
#dc a.profile_pic {
background : url(../images/davidchan.jpg) no-repeat 0 0;
}
#md a.profile_pic {
background : url(../images/mathieudargavel.jpg) no-repeat 0 0;
}
#lg a.profile_pic {
background : url(../images/louisagould.jpg) no-repeat 0 0;
}
#wh a.profile_pic {
background : url(../images/winnieho.jpg) no-repeat 0 0;
}
#dj a.profile_pic {
background : url(../images/davidjohn.jpg) no-repeat 0 0;
}
#jo a.profile_pic {
background : url(../images/jessyouellette.jpg) no-repeat 0 0;
}
#rp a.profile_pic {
background : url(../images/rickptasznik.jpg) no-repeat 0 0;
}
#aw a.profile_pic {
background : url(../images/amberwilson.jpg) no-repeat 0 0;
}
#jr:hover span.profile_pic, #am:hover span.profile_pic, #af:hover span.profile_pic, #sb:hover a.profile_pic, #fc:hover a.profile_pic, #vd:hover a.profile_pic, #mg:hover a.profile_pic, #th:hover a.profile_pic, #jm:hover a.profile_pic, #pr:hover a.profile_pic, #ns:hover a.profile_pic, #dc:hover a.profile_pic, #md:hover a.profile_pic, #lg:hover a.profile_pic, #wh:hover a.profile_pic, #dj:hover a.profile_pic, #jo:hover a.profile_pic, #rp:hover a.profile_pic, #aw:hover a.profile_pic {
background-position : 0 -100px;
}
#content #page .team_member .profile p, #content #page .team_member .profile h3, #content #spheric_team .team_member .profile h3 {
margin : 0;
}
#content .small_container p, #content .large_container p {
margin : 10px 0;
}
#content .team_member .information p {
clear : both;
}
.team_member .information p strong {
display : block;
float : left;
text-transform : uppercase;
color : #7b7b7b;
width : 133px;
text-align : right;
margin-right : 20px;
font-weight : normal;
}
.team_member .information p span, .team_member .information ul {
float : left;
width : 316px;
}
.team_member .information p span {
margin : 0 0 20px 0;
}
#spheric_team .team_member {
width : 349px;
background : url(../images/team_member.jpg) no-repeat 50% bottom;
margin : 0 10px 10px 20px;
padding : 0 0 30px 0;
}
#spheric_team .team_member .information strong, #spheric_team .team_member .information p strong {
display : block;
float : none;
text-transform : uppercase;
color : #7b7b7b;
width : auto;
text-align : left;
margin : 0 0 10px 0;
font-weight : normal;
}
.connect_with a {
float : left;
display : block;
text-indent : -10000px;
margin-right : 20px;
}
.connect_with a.linkedin {
background : url(../images/connect.png) no-repeat 0 -21px;
width : 54px;
height : 17px;
}
.connect_with a.twitter {
background : url(../images/connect.png) no-repeat -66px -23px;
width : 19px;
height : 18px;
}
.connect_with a.personalblog {
background : url(../images/connect.png) no-repeat -97px -21px;
width : 19px;
height : 19px;
}
.connect_with a.linkedin:hover {
background-position : 0 0;
}
.connect_with a.twitter:hover {
background-position : -66px -2px;
}
.connect_with a.personalblog:hover {
background-position : -97px 0;
}
.services .left {
width : 248px;
}
.services .theright {
margin : 0 0 0 20px;
}
#page .services ul {
margin : 10px 0 20px 0;
list-style-type : none;
}
#page .services ul li {
margin : 0 0 5px 0;
background : url(../images/li_sub.jpg) no-repeat left 5px;
padding : 0 0 0 15px;
}
.csw {
width : 100%;
height : 435px;
background : url(../images/portfolio.jpg) no-repeat 0 0;
overflow : hidden;
margin : 0 0 20px 0;
}
.csw .loading {
margin : 200px 0 300px 0;
text-align : center;
}
.stripViewer {
width : 516px;
height : 435px;
background : url(../images/portfolio.jpg) no-repeat 0 0;
margin : 0 0 20px 0;
position : relative;
overflow : hidden;
clear : both;
}
.stripViewer .panelContainer {
position : relative;
left : 0;
top : 0;
width : 100%;
list-style-type : none;
}
.stripViewer .panelContainer .panel {
float : left;
height : 100%;
position : relative;
width : 506px;
}
.stripViewer .panelContainer .panel .wrapper {
padding : 20px;
}
#page .panel h3 {
text-align : center;
margin : 20px 30px 0 30px;
}
.panel p {
margin : 0 0 10px 0;
}
#page .panel h1 {
margin : 40px 0 50px 0;
width : 516px;
position : relative;
right : 18px;
line-height : 24px;
}
#page .panel .introduction {
margin : 20px 30px 0 30px;
line-height : 1.8em;
font-size : 14px;
}
#page .panel .left img {
margin : 20px 20px 0 0;
}
#page .panel div.left {
margin : 20px 0 0 0;
}
#page .panel div.left ul {
width : 200px;
}
.next, .view, .previous {
display : block;
float : right;
text-indent : -10000px;
position : absolute;
}
.next {
background : url(../images/previous_next.png) no-repeat 0 -50px;
width : 47px;
height : 50px;
top : 365px;
left : 430px;
}
.previous {
background : url(../images/previous_next.png) no-repeat 0 0;
width : 47px;
height : 50px;
top : 365px;
left : 370px;
}
.view {
background : url(../images/view.png) no-repeat 0 0;
width : 162px;
height : 32px;
top : 380px;
left : 330px;
}
.csw .next, .csw .view, .csw .previous {
display : none;
}
.stripNav, .stripNavL, .stripNavR {
display : none;
}
#wide_page {
width : 610px;
float : left;
margin : 0 10px 20px 10px;
padding : 0 10px 0 0;
}
#wide_sidebar {
width : 300px;
margin : 0 10px;
float : left;
}
#spheric_team {
float : left;
width : 758px;
}
#meet_team {
margin : 20px 20px 0 0;
position : relative;
top : 10px;
}
#meet_team p a {
background : url(../images/meet_team.jpg) no-repeat left 0;
width : 540px;
height : 27px;
display : block;
text-indent : -10000px;
}
#meet_team p a:hover {
background-position : 0 -27px;
}
.action {
background : url(../images/career_action.jpg) no-repeat 0 bottom;
padding : 5px 20px 1px 20px;
margin : 0 0 20px 0;
}
.action h3 {
line-height : 1.6em;
}
.career_testimony {
margin : 20px 0;
}
.the_testimony {
background : url(../images/career_testimony.jpg) no-repeat 0 bottom;
padding : 10px 20px 15px 20px;
line-height : 1.6em;
}
.career_testimony .author img {
float : right;
margin : -10px 0 0 10px;
}
.career_testimony .author {
font-weight : bold;
text-align : right;
margin : 20px 18px 0 0;
font-size : 1.2em;
}
.career_testimony .author span {
font-weight : normal;
color : #555;
display : block;
font-size : 11px;
margin : 3px 0 0 0;
}
.icon {
padding : 0 0 0 20px;
height : 16px;
margin : 0 0 10px 0;
}
.bonuses {
background : url(../images/perks.jpg) no-repeat left 0;
}
.rrsp {
background : url(../images/perks.jpg) no-repeat left -16px;
}
.health {
background : url(../images/perks.jpg) no-repeat left -32px;
}
.shiny {
background : url(../images/perks.jpg) no-repeat left -48px;
}
.conference {
background : url(../images/perks.jpg) no-repeat left -64px;
}
.freedom {
background : url(../images/perks.jpg) no-repeat left -80px;
}
.training {
background : url(../images/perks.jpg) no-repeat left -96px;
}
.footnote {
border-top : 1px solid #dadada;
color : #9b9b9b;
font-size : 10px;
padding-top : 10px;
margin : 20px 0;
}
#benefits .wrap {
background : url(../images/separator.jpg) no-repeat 0 top;
padding : 40px 0 0 0;
margin : 10px 0 0 0;
}
.benefit {
float : left;
width : 300px;
margin : 0 10px;
}
.benefit .title {
background : url(../images/checkmark.jpg) no-repeat 0 top;
padding : 0 0 10px 23px;
}
#right_sidebar {
float : left;
margin : 0 10px;
width : 172px;
}
#right_sidebar ul li {
margin : 0 0 20px 0;
}
#kiva {
background : url(../images/kiva.png) no-repeat;
width : 90px;
height : 48px;
margin : 5px auto 0;
}
#heart {
background : url(../images/heart.png) no-repeat;
width : 120px;
height : 49px;
margin : 5px auto 0;
}
#cibc {
background : url(../images/cibc.png) no-repeat;
width : 146px;
height : 30px;
margin : 15px auto 0;
}
#bgc {
background : url(../images/bgc.png) no-repeat;
width : 72px;
height : 48px;
margin : 10px auto 0;
}
#world {
background : url(../images/world.png) no-repeat;
width : 53px;
height : 60px;
margin : 5px auto 0;
}
#milestones {
list-style-type : none;
background : url(../images/milestones.jpg) repeat-y 5px top;
padding : 0;
}
#milestones li {
background : url(../images/milestones_li.jpg) no-repeat left 3px;
padding : 0 0 0 20px;
margin : 0;
font-weight : bold;
}
#milestones li span {
display : block;
font-size : 0.8em;
margin : 7px 0 0 0;
background : url(../images/milestones_arrow.jpg) no-repeat 50% bottom;
padding : 0 0 35px 0;
font-weight : normal;
}
#milestones .last span {
background : inherit;
padding : 0;
}
#blog {
width : 684px;
margin : 0 10px;
float : left;
}
#blog h2 {
margin : 0 0 10px 192px;
font-size : 1.7em;
}
#blog_header {
margin : 0 0 20px 0;
}
#blog_header img.left {
margin : 10px 0 0 -20px;
}
.post, .yes_comments, #respond {
background : url(../images/post.jpg) no-repeat 50% top;
padding : 30px 0 0 0;
margin : 0 0 40px 0;
}
.meta {
float : left;
width : 172px;
margin : 0 10px 0 0;
}
.meta p {
margin : 0 0 8px 0;
padding : 0 0 0 25px;
color : #535353;
}
.meta .author {
background : url(../images/meta.jpg) no-repeat 0 2px;
}
.meta .date {
background : url(../images/meta.jpg) no-repeat 0 -22px;
text-transform : uppercase;
font-size : 0.9em;
}
.meta .comments {
background : url(../images/meta.jpg) no-repeat 0 -49px;
}
.entry {
float : left;
width : 482px;
margin : 0 0 0 10px;
padding-right : 10px;
}
.post_picture {
float : right;
margin : 0 0 10px 10px;
text-indent : -10000px;
width : 98px;
height : 98px;
background-repeat : no-repeat;
}
.pagination span, .pagination a {
padding : 3px 5px;
border : 1px solid #ccc;
}
.pagination span {
color : #bbb;
}
.pagination a:hover {
text-decoration : none;
}
#sidebar_blog {
width : 236px;
margin : 0 10px;
float : left;
}
#sidebar_blog #newsletter {
background : url(../images/blog_newsletter.jpg) no-repeat 0 bottom;
padding : 20px;
width : 196px;
margin : 0;
}
#sidebar_blog #newsletter form #subscribe {
float : right;
background : url(../images/subscribe.png) no-repeat left 0;
width : 152px;
}
#sidebar_blog #chat {
background : url(../images/blog_chat.jpg) no-repeat 0 bottom;
padding : 20px;
}
#sidebar_blog #chat p {
margin : 10px 0 0 0;
}
#sidebar_blog #newsletter form input {
width : 196px;
background : url(../images/blog_newsletter_input.jpg) no-repeat;
}
#posts {
background : url(../images/posts.jpg) no-repeat 0 bottom;
padding : 20px 20px 5px 20px;
}
.box {
background : url(../images/box.jpg) no-repeat 0 bottom;
padding : 20px 20px 2px 20px;
margin : 20px 0 0 0;
}
#posts .a_post {
margin-bottom : 20px;
}
#posts p {
margin : 0 0 5px 0;
}
#posts a img {
margin-top : 6px;
}
#posts .separator {
background : url(../images/blog_separator.jpg) no-repeat 50% top;
padding-top : 20px;
}
.tagcloud .weight-1 {
font-size : 10px;
}
.tagcloud .weight-2 {
font-size : 11px;
}
.tagcloud .weight-3 {
font-size : 12px;
}
.tagcloud .weight-4 {
font-size : 13px;
}
#author_info {
margin-right : 10px;
float : left;
}
#comment_box {
margin-left : 10px;
float : left;
}
#comments h3 {
margin : 0 0 15px 0;
}
#comments form p {
margin : 0 0 10px 0;
}
#comments form input, #comments form textarea {
display : block;
font-size : 12px;
color : #000;
padding : 3px 5px;
margin : 3px 0 0 0;
}
#comments form input {
width : 162px;
}
#comments form textarea {
width : 466px;
height : 123px;
}
#comments form #submit_comment {
background : url(../images/submit_comment.jpg) no-repeat;
width : 172px;
height : 34px;
border : none;
text-indent : -10000px;
}
#comments form label span {
color : #8f8f8f;
}
.comment_meta {
width : 172px;
padding : 20px 0;
border-top : 1px solid #a4b7ca;
float : left;
}
.comment_date {
font-size : 11px;
}
.comment_post {
padding : 20px;
border-top : 1px solid #d3e0ed;
float : left;
width : 462px;
}
#contact_form {
background : url(../images/contact_form.jpg) no-repeat 0 bottom;
padding : 10px;
margin : 0 0 20px 0;
}
#contact_form div.left {
width : 285px;
}
#contact_form h4 {
margin : 0 0 20px 10px;
}
#contact_form label {
display : block;
float : left;
width : 90px;
text-align : right;
margin-right : 20px;
}
#contact_form input, #contact_form textarea {
font-size : 14px;
margin : -3px 0 0 0;
}
#contact_form input {
width : 155px;
}
#contact_form select {
width : 163px;
}
#contact_form #submit {
background : url(../images/submit.png) no-repeat 0 0;
width : 100px;
height : 32px;
text-indent : -10000px;
border : none;
float : right;
margin : 0 30px 0 0;
}
.contact_info p {
margin : 0 0 3px 0;
}
.contact_info .action {
padding-bottom : 20px;
}
.contact_info .action p a {
background : inherit;
width : auto;
height : auto;
display : inline;
text-indent : 0;
}
.action .left {
width : 130px;
margin : 10px 0 0 0;
}
.wrap:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}

↑ Top