#home, #about, #staff, #services, #work, #work-detail, #blog, #blog-post, #news, #contact {background: #f6f6f6 url('images/template/body-bg.gif') top center repeat-x;} #header, #home-intro, #bottom-content-wrapper, #intro, #footer { width: 1046px; margin: 0 auto; } /*------------------------------------------- Header -------------------------------------------*/ #header {height: 161px; background: url('images/template/header-bg.gif') 18px 82px no-repeat;} #header-search {padding-top: 18px; float: right; display: inline; width: 493px;} #search-form {float: right; display: inline; position: relative; padding-right: 29px;} #header-search input { float: left; display:inline; } #header-search input.btn { margin: 9px 0 0 10px; } #search-box { border:1px solid #e7e7e8; padding:4px; font-size: 11px; color: #666;} #search input.textbox { clear: both; padding: 4px 0px 4px 5px; margin: 7px 0 0 0; border: 0; } #search-submit {margin-left: 10px; margin-top:1px;} form { display: inline; } #header h1 { float: left; display: inline; width: 251px; padding: 0 0 0 20px; margin: 0; } #header h1 a { position: relative; background: url('images/template/trendyminds.gif') no-repeat; top: 99px; left: 20px; display: block; width: 251px; height: 49px; text-indent:-9000px; } #header h1 a:hover {background: transparent url('images/template/trendyminds.gif') 0px -49px no-repeat;} #header h1 span {display: none;} /*------------------------------------------- Nav -------------------------------------------*/ #nav { top: 34px; /* enable when search acitve top: 10px; */ padding-right: 34px; width: 584px; height: 91px; position: relative; float: right; display: inline; } #nav span { display: none; } #nav li {list-style: none; position: absolute; top: 0px; } #nav li, #nav a { height: 91px; display: block; } #nav-1 { left: 0px; width: 69px; background: transparent url(images/template/nav.png) 0px 0px no-repeat;} #nav-2 { left: 65px; width: 78px; background: transparent url(images/template/nav.png) -65px 0px no-repeat;} #nav-3 { left: 143px; width: 86px; background: transparent url(images/template/nav.png) -143px 0px no-repeat;} #nav-4 { left: 229px; width: 97px; background: transparent url(images/template/nav.png) -229px 0px no-repeat;} #nav-5 { left: 326px; width: 62px; background: transparent url(images/template/nav.png) -326px 0px no-repeat;} #nav-6 { left: 388px; width: 57px; background: transparent url(images/template/nav.png) -388px 0px no-repeat;} #nav-7 { left: 445px; width: 61px; background: transparent url(images/template/nav.png) -445px 0px no-repeat;} #nav-8 { left: 505px; width: 78px; background: transparent url(images/template/nav.png) -505px 0px no-repeat;} #nav-1 a:hover { background: transparent url(images/template/nav.png) -0px -91px no-repeat;} #nav-2 a:hover { background: transparent url(images/template/nav.png) -65px -91px no-repeat;} #nav-3 a:hover { background: transparent url(images/template/nav.png) -143px -91px no-repeat;} #nav-4 a:hover { background: transparent url(images/template/nav.png) -229px -91px no-repeat;} #nav-5 a:hover { background: transparent url(images/template/nav.png) -326px -91px no-repeat;} #nav-6 a:hover { background: transparent url(images/template/nav.png) -388px -91px no-repeat;} #nav-7 a:hover { background: transparent url(images/template/nav.png) -445px -91px no-repeat;} #nav-8 a:hover { background: transparent url(images/template/nav.png) -505px -91px no-repeat;} /*------------------------------------------- Home Main Content -------------------------------------------*/ #home-intro {padding-top: 8px; height: 373px; position:relative; background: url('images/template/home-intro-bg.gif') 0 0 no-repeat;} #home #summary {width: 365px; padding: 20px 0 0 38px; float: left; display: inline;} #home #summary p#we-create {padding-bottom: 14px; height: 146px; background: url('images/template/we-create-identity.gif') 0 0 no-repeat;} #home #summary p#we-create span {display: none;} #home #summary p {color: #666; font-size: 14px; padding-bottom: 14px;} #home #carousel {width: 618px; float: right; display: inline; margin-right: 0px; padding-top: 15px; padding-bottom: 22px;} /*------------------------------------------- Home Bottom Callouts -------------------------------------------*/ #bottom-content-wrapper {position:relative; clear: both; } #bottom-content-bg {min-height: 400px; width: 100%; clear:both; background: url(images/template/home-bottom-bg.gif) 18px 0 repeat-y; display: inline; float: left;} #bottom-content-bg a:link, #bottom-content-bg a:visited, #bottom-content-bg a:active {color: #ff9966; font-weight: bold; text-decoration: none;} #bottom-content-bg a:hover {color: #ff691e; text-decoration: underline;} #home #right-col {width: 560px; margin-right: 40px; padding-bottom: 50px; float: right; display: inline; /* background-color: #ccc; */} #home #bottom-content-bg ul {list-style-type: none;} #home #right-col h5#news {margin-top: 20px; height: 54px; background: url(images/template/home-news.gif) 0 0 no-repeat; } #home #right-col h5 span, #home #left-col h5 span {display: none;} #home #right-col #news-list {padding-top: 16px; padding-bottom: 14px;} #home #right-col #news-list li {font-size: 23px;} #home #right-col #news-list span {padding-right: 25px; font-size: 13px; color: #999;} #home #right-col h5#blog {margin-top: 45px; height: 54px; background: url(images/template/home-blog.gif) 0 0 no-repeat; } #home #right-col #author {float: left; display: inline; padding: 0 10px 0 0; } #home #right-col #blog-title {font-size: 20px;} #home #right-col #blog-byline {display: block; padding-bottom: 14px; font-size: 12px; color: #514f4f;} #home #right-col #blog-img {padding-right: 50px; padding-bottom: 44px; float: right; display: inline;} #home #right-col #blog-intro p {float: left; display: inline; width: 500px; font-size: 13px; color: #514f4f; padding-bottom: 30px;} #home #right-col h5#services {clear: both; margin-top: 20px; height: 54px; background: url(images/template/home-services.gif) 0 0 no-repeat; } #home #right-col .service-list-container {width: 184px; float: left; display: inline;} #home #right-col .services-list { font-size: 13px; color: #514f4f;} #home #left-col {margin-left: 40px; width: 310px; float: left; display: inline; /* background-color: #ccc; */} #home #left-col p {font-size: 13px; color: #514f4f; padding-bottom: 60px;} #home #left-col h5#clients {padding-bottom: 0; margin-top: 20px; height: 54px; background: url(images/template/home-clients.gif) 0 0 no-repeat; } #home #clients-list {padding-top: 15px; padding-bottom: 35px; float: left; display: inline;} #home #clients-list li {width: 140px; height: 100px; float: left; display: inline;} #home #clients-list li img {padding-left: 20px;} #home #left-col h5#join-us {display: block; clear: both; height: 54px; background: url(images/template/join-us.gif) 0 0 no-repeat; } #home #left-col h5#newsletter {height: 54px; background: url(images/template/newsletter.gif) 0 0 no-repeat; } /*------------------------------------------- Interior -------------------------------------------*/ #interior-grad-bg {position:relative; float: left; display: inline; background: url('images/template/about-bg.gif') top center no-repeat;} #interior-grad-bg ul {font-size: 13px; color: #514f4f; padding-left: 14px; padding-bottom: 30px;} #interior-grad-bg {padding-top: 40px; margin-left: 18px; position:relative; float: left; display: inline; width: 1010px; background: url('images/template/about-bg.gif') 0 0 no-repeat;} #right-col {width: 530px; margin-right: 60px; padding-bottom: 50px; float: right; display: inline; min-height: 450px;} #left-col {margin-left: 60px; width: 275px; font-size: 13px; color: #514f4f; float: left; display: inline;} /*------------------------------------------- About -------------------------------------------*/ #about #intro {position:relative; padding: 0 0 0 40px; float: left; display: inline;} #about #intro h4 {padding-bottom: 14px; margin-left: 20px; height: 54px; background: url('images/template/our-office.gif') 0 0 no-repeat;} #about #intro h4 span {display: none;} #about #carousel {width: 888px; } #about #right-col {width: 538px; margin-right: 62px; padding-top: 40px; padding-bottom: 50px; float: right; display: inline; /* background-color: #ccc; */} #about #right-col h5 {padding-bottom: 4px;} #about #right-col h5 span {display: none;} #about #right-col p {font-size: 13px; color: #514f4f; padding-bottom: 30px;} #about h5#were-different {width: 297px; height: 54px; background: url(images/template/were-different.gif) 0 0 no-repeat; } #about h5#we-get-it {width: 190px; height: 54px; background: url(images/template/we-get-it.gif) 0 0 no-repeat; } #about h5#we-embody-it {width: 265px; height: 54px; background: url(images/template/we-embody-it.gif) 0 0 no-repeat; } #about h5#we-work-it {width: 229px; height: 54px; background: url(images/template/we-work-it.gif) 0 0 no-repeat; } #about h5#we-achieve-it {width: 270px; height: 54px; background: url(images/template/we-achieve-it.gif) 0 0 no-repeat; } #about #left-col {margin-left: 62px; width: 300px; padding-top: 40px; float: left; display: inline;} #about #left-col h4 span {display: none;} #about #left-col ul {font-size: 13px; line-height: 15px; color: #514f4f; list-style-type: none;} #about h4#our-staff {width: 192px; height: 54px; background: url(images/template/our-staff.gif) 0 0 no-repeat;} ul#team { padding:0 0 30px 0; line-height:20px; } #team li {margin-bottom: 20px;} ul#team li {height: 75px;} ul#team li img {float: left; display: inline; margin-right: 16px;} ul#team h2 {margin-top:16px; line-height: 18px;} #twitter-btn {clear: both; float: left; display: inline; margin: 0; padding-bottom: 10px;} #twitter-btn a{background: url(images/template/twitter.gif) 0 0 no-repeat; display: block; float:left; width: 99px; height: 20px;} #twitter-btn a:hover{background: url(images/template/twitter.gif) 0px -20px no-repeat;} #twitter-btn span {display: none;} #twitter-feed {clear: both; padding-bottom: 40px;} #flickr-btn {clear: both; float: left; display: inline; margin: 0; padding-bottom: 10px;} #flickr-btn a{background: url(images/template/flickr.gif) 0 0 no-repeat; display: block; float:left; width: 77px; height: 22px;} #flickr-btn a:hover{background: url(images/template/flickr.gif) 0px -22px no-repeat;} #flickr-btn span {display: none;} ul#flickr {clear: both; padding: 0;} /*------------------------------------------- Staff -------------------------------------------*/ #staff #intro img {padding: 0 0 30px 40px;} #staff #right-col h1 span, #staff h3 span {display: none;} #staff h1#ryne-meadors {height: 54px; background: url(images/template/ryne-meadors.gif) 0 0 no-repeat; } #staff h1#trevor-yager {height: 54px; background: url(images/template/trevor-yager.gif) 0 0 no-repeat; } #staff h1#elizabeth-friendland {height: 54px; background: url(images/template/elizabeth-friedland.gif) 0 0 no-repeat; } #staff h1#jon-immel {height: 54px; background: url(images/template/jon-immel.gif) 0 0 no-repeat; } #staff h1#brooke-roche {height: 54px; background: url(images/template/brooke-roche.gif) 0 0 no-repeat; } #staff h1#tanner {height: 54px; background: url(images/template/tanner.gif) 0 0 no-repeat; } #staff h1#tauskey {height: 54px; background: url(images/template/tauskey.gif) 0 0 no-repeat; } #staff h1#louise-klann {height: 54px; background: url(images/template/louise-klann.gif) 0 0 no-repeat; } #staff h1#rumi-sakuraeda {height: 54px; background: url(images/template/rumi-sakuraeda.gif) 0 0 no-repeat; } #staff h1#tommy-hudock {height: 54px; background: url(images/template/tommy-hudock.gif) 0 0 no-repeat; } #staff h1#steven-peavey {height: 54px; background: url(images/template/steven-peavey.gif) 0 0 no-repeat; } #staff h1#tyler-murray {height: 54px; background: url(images/template/tyler-murray.gif) 0 0 no-repeat; } #staff h3#blog-posts {height: 54px; background: url(images/template/blog-posts.gif) 0 0 no-repeat; } #staff #right-col ul {list-style-type: none; padding: 0;} #staff #right-col li span {padding-right: 10px; } #staff #right-col p {font-size: 13px; color: #514f4f; padding-bottom: 30px;} #staff h3#q-a {height: 54px; background: url(images/template/q-a.gif) 0 0 no-repeat; } #staff #left-col dt {font-weight: bold;} #staff #left-col dd {padding-bottom: 14px;} /*------------------------------------------- Services -------------------------------------------*/ #services #right-col h1 span, #services h5 span {display: none;} #services #right-col p {font-size: 13px; color: #514f4f; padding-bottom: 30px;} #services h1#interactive {height: 54px; background: url(images/template/interactive.gif) 0 0 no-repeat; } #services h1#creative {height: 54px; background: url(images/template/creative.gif) 0 0 no-repeat; } #services h1#strategic {height: 54px; background: url(images/template/strategic.gif) 0 0 no-repeat; } #services h5#because-its-all {height: 31px; padding-bottom: 10px; background: url(images/template/because-its-all.gif) 0 0 no-repeat; } #services h5#because-people-judge {height: 31px; padding-bottom: 10px; background: url(images/template/because-people-judge.gif) 0 0 no-repeat; } #services h5#because-you-want {height: 31px; padding-bottom: 10px; background: url(images/template/because-you-want.gif) 0 0 no-repeat; } #see-our-portfolio {padding-bottom: 30px;} #services h5#case-studies {height: 31px; padding-bottom: 20px; background: url(images/template/view-our-case-studies.gif) 0 0 no-repeat; } label{float:left; width:210px; padding:0 1em 0 0; text-align:left; font-size:13px;} fieldset {padding-top: 10px;} fieldset div{margin-bottom:.5em; padding:0; display:block; clear: left;} fieldset div input,fieldset div textarea{width:200px; border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:2px; color:#333; font-size:13px; } fieldset div select{padding:1px;} .fm-submit{clear:both; padding-top:1em; } .fm-submit input{border:1px solid #999; padding:2px 1em; background:#f9a25e; color:#333; font-size:100%;} input:focus,textarea:focus{background:#efefef; color:#000;} /*------------------------------------------- Work -------------------------------------------*/ #work #intro {position:relative; width: 920px; padding: 0 0 0 60px; float: left; display: inline;} #work h1#work {padding-bottom: 14px; height: 54px; background: url('images/template/work.gif') 0 0 no-repeat;} #work h1 span, #work h3 span {display: none;} #work #work-list {list-style-type: none; padding: 0 0 30px 0; float: left; display: inline;} #work #work-list li {padding-right: 14px; height: 165px; float: left; display: inline;} #work #work-list a:link {height: 150px; display: block; text-decoration: none;} #work #work-list a:link img, #work #work-list a:visited img, #work #work-list a:active img {border: 3px solid #edecec;} #work #work-list a:hover img {border: 3px solid #ff691e;} #work #work-list a:hover span {text-decoration: underline;} #work #work-list img {margin-bottom: 10px;} #work #work-list span {font-size: 14px; line-height: 16px; display: block; clear: both;} #work h3#clients {padding-bottom: 14px; height: 54px; background: url('images/template/clients.gif') 0 0 no-repeat; clear: both;} #work #client-list {padding: 0 0 30px 0; float: left; } #work #client-list li {padding-right: 60px; width: 240px; float: left; display: inline;} #work #client-list li.last {padding-right: 0;} /*------------------------------------------- Work Detail -------------------------------------------*/ #work-detail h1 {font-size: 24px; color: #514f4f; font-weight: bold;} #work-detail #right-col p {font-size: 13px; color: #514f4f; padding-bottom: 30px;} #work-detail #carousel {} #work-detail #left-col #quote {font-size: 16px; line-height: 24px; font-style: italic; padding-bottom: 20px;} #work-detail #left-col .quote {color: #f9a25e; line-height: 24px; font-size: 26px; font-weight: bold;} #work-detail #left-col #quote-person {font-size: 13px; text-transform: uppercase; font-weight: bold;} #work-detail #left-col #job-title {font-size: 12px; font-weight: normal;} /*------------------------------------------- Blog -------------------------------------------*/ #blog h1#blog {padding-bottom: 14px; height: 54px; background: url('images/template/blog.gif') 0 0 no-repeat;} #blog h1 span, #blog h4 span {display: none;} #blog #right-col .blog-sub-title {font-size: 23px; color: #514f4f; padding-bottom: 20px; display: block;} #blog #right-col ul {list-style-type: none; padding-left: 0;} #blog #right-col ul li {clear: left; float: left; display: inline; border-bottom: 1px solid #9a9a9a; margin-bottom: 20px; padding-bottom: 6px;} #blog #right-col h2 {font-size: 24px; line-height: 26px; padding-bottom: 10px;} #blog #right-col .author-img {padding: 0; width: 65px; float: left; display: inline; } #blog #right-col .blog-post {width: 465px; float: left; display: inline;} #blog #right-col .blog-byline {display: block; font-size: 13px; color: #514f4f;} #blog #right-col .blog-date {display: block; font-size: 13px; color: #514f4f;} #blog #right-col .blog-comments {display: block; padding-bottom: 14px; font-size: 13px; color: #514f4f;} #blog #right-col p {font-size: 13px; color: #514f4f; padding-bottom: 30px;} #blog #pagination {clear: both;} #blog #left-col h4#topics {padding-bottom: 14px; height: 54px; background: url('images/template/topics.gif') 0 0 no-repeat;} #blog #left-col h4#authors {padding-bottom: 14px; height: 54px; background: url('images/template/authors.gif') 0 0 no-repeat;} #blog #left-col h4#rss-feed {padding-bottom: 14px; height: 54px; background: url('images/template/rss-feed.gif') 0 0 no-repeat;} #blog #left-col ul {list-style-type: none; padding-left: 0;} /*------------------------------------------- Blog Post -------------------------------------------*/ #blog-post h1 {font-size: 23px; color: #514f4f; display: block;} #blog h1#blog {padding-bottom: 14px; height: 54px; background: url('images/template/blog.gif') 0 0 no-repeat;} #blog-post h1#blog span, #blog-post h4 span {display: none;} #blog-post #right-col .blog-sub-title {font-size: 23px; color: #514f4f; padding-bottom: 20px; display: block;} #blog-post #right-col ul {list-style-type: none; padding-left: 0;} #blog-post #right-col ul li {clear: left; float: left; display: inline; border-bottom: 1px solid #9a9a9a; margin-bottom: 20px; padding-bottom: 6px;} #blog-post #right-col h2 {font-size: 24px; line-height: 26px; padding-bottom: 10px;} #blog-post #right-col .author-img {padding: 0; width: 65px; float: left; display: inline; } #blog-post #right-col .blog-post {width: 465px; float: left; display: inline;} #blog-post #right-col .blog-byline {display: block; font-size: 13px; color: #514f4f;} #blog-post #right-col .blog-date {display: block; font-size: 13px; color: #514f4f;} #blog-post #right-col .blog-comments {display: block; padding-bottom: 14px; font-size: 13px; color: #514f4f;} #blog-post #right-col p {font-size: 13px; color: #514f4f; padding-bottom: 30px;} #blog-post #right-col .comment-info {padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #9a9a9a; float: right; display: inline; width: 465px;} #blog-post #right-col .comment-box {padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #9a9a9a; float: right; display: inline; width: 465px;} #blog-post #right-col .comment-user {font-size: 13px; color: #514f4f; font-weight: bold;} #blog-post #right-col .comment-entry {padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #9a9a9a; float: right; display: inline; width: 465px;} #blog-post #left-col h4#topics {padding-bottom: 14px; height: 54px; background: url('images/template/topics.gif') 0 0 no-repeat;} #blog-post #left-col h4#authors {padding-bottom: 14px; height: 54px; background: url('images/template/authors.gif') 0 0 no-repeat;} #blog-post #left-col h4#rss-feed {padding-bottom: 14px; height: 54px; background: url('images/template/rss-feed.gif') 0 0 no-repeat;} #blog-post #left-col ul {list-style-type: none; padding-left: 0;} /*------------------------------------------- News -------------------------------------------*/ #news h1#news {padding-bottom: 14px; height: 54px; background: url('images/template/news.gif') 0 0 no-repeat;} #news h1 span, #news h4 span {display: none;} #news #right-col ul {list-style-type: none; padding-left: 0;} #news #right-col ul li {clear: left; float: left; display: inline; border-bottom: 1px solid #9a9a9a; margin-bottom: 20px; padding-bottom: 6px;} #news #right-col h2 {font-size: 24px; line-height: 26px; padding-bottom: 10px;} #news #right-col .news-date {display: block; font-size: 13px; color: #514f4f;} #news #right-col .news-cat {display: block; padding-bottom: 14px; font-size: 13px; color: #514f4f;} #news #right-col .intro-news-img {margin-bottom: 10px; border: 1px solid #9a9a9a;} #news #right-col p {font-size: 13px; color: #514f4f; padding-bottom: 30px;} #news #right-col .post-img-top {padding: 0; margin: 0; display: block;} #news #right-col .post-img-right, #news #right-col .post-img-left {float: left; padding: 10px 20px 10px 0; clear: both; position: relative;} #news #pagination {clear: both;} #news #left-col h4#topics {padding-bottom: 14px; height: 54px; background: url('images/template/topics.gif') 0 0 no-repeat;} #news #left-col h4#authors {padding-bottom: 14px; height: 54px; background: url('images/template/authors.gif') 0 0 no-repeat;} #news #left-col h4#rss-feed {padding-bottom: 14px; height: 54px; background: url('images/template/rss-feed.gif') 0 0 no-repeat;} #news #left-col ul {list-style-type: none; padding-left: 0;} /*------------------------------------------- Contact -------------------------------------------*/ #contact h1#contact {padding-bottom: 14px; height: 54px; background: url('images/template/contact.gif') 0 0 no-repeat;} #contact h1 span, #contact h5 span {display: none;} #contact #right-col ul {padding-left: 0; list-style-type: none;} #contact #right-col ul li {clear: left; float: left; display: inline; border-bottom: 1px solid #9a9a9a; margin-bottom: 20px; padding-bottom: 6px;} #contact #right-col p {font-size: 13px; color: #514f4f; padding-bottom: 30px;} #contact #right-col ul li h3 {font-weight: bold; font-size: 23px; line-height: 25px;} #contact #right-col ul li ul.job {list-style-type: disc;} #contact #right-col ul li ul li {margin: 0px; padding: 0px; float: none; border-bottom: none; display: block; } #contact #left-col h5#join-us {display: block; clear: both; height: 54px; background: url(images/template/join-us.gif) 0 0 no-repeat; } /*------------------------------------------- Misc -------------------------------------------*/ #contact h1#not-found {padding-bottom: 14px; height: 54px; background: url('images/template/404.gif') 0 0 no-repeat;} #contact h1#thanks {padding-bottom: 14px; height: 54px; background: url('images/template/thanks.gif') 0 0 no-repeat;} #contact h1#open-positions {padding-bottom: 14px; height: 54px; background: url('images/template/open-positions.gif') 0 0 no-repeat;} /*------------------------------------------- Footer -------------------------------------------*/ #footer-wrap {background-color: #515254; position: relative; clear: both; } #footer-wrap .footer-interior {margin-top: 40px;} #footer{padding-top: 10px; min-height: 120px;} #footer{color:#fff;font-size:12px; } #footer a:link, #footer a:visited, #footer a:active {color: #fff; text-decoration:underline;} #footer a:hover {color: #fff; text-decoration:underline; } #footer #info{ float:left; display: inline; text-align:left; margin-top: 25px; margin-left: 40px; width: 580px; } #social-media { width: 234px; height: 41px; background: url(images/template/social-media.gif); position: relative; float: right; display: inline; top: 24px; right: 50px; } #social-media span { display: none; } #social-media li {list-style: none; position: absolute; top: 0px; } #social-mediali, #social-media a { height: 41px; display: block; } #sm-1 { left: 0px; width: 40px; } #sm-2 { left: 49px; width: 40px; } #sm-3 { left: 97px; width: 40px; } #sm-4 { left: 146px; width: 40px; } #sm-5 { left: 194px; width: 40px; } #sm-1 a:hover { background: transparent url(images/template/social-media.gif) -0px -41px no-repeat;} #sm-2 a:hover { background: transparent url(images/template/social-media.gif) -49px -41px no-repeat;} #sm-3 a:hover { background: transparent url(images/template/social-media.gif) -97px -41px no-repeat;} #sm-4 a:hover { background: transparent url(images/template/social-media.gif) -146px -41px no-repeat;} #sm-5 a:hover { background: transparent url(images/template/social-media.gif) -194px -41px no-repeat;}