Can someone break this down for me?

Below is the custom css file belonging to greyghost5k.com. I need to edit the sponsors and while I can see the logic of the way things are organized, I want to better understand it.

Here's the deal:

There are three tiers of sponsorship:

Large Logos: This is on the homepage. Beginning on line 144 of the css file, you have the corresponding settings with "sponsor_lg" on line 175.

Small - Large Logos - You find this on the sponsorship page (http://greyghost5k.com/2013-sponsors/). The CSS settings start at line 185.

Really Small Logos - line 220.

Tell me if this is right: With each tier, you have a large background image that is the cleverly displayed according to something similar to an imagemap (line 253 - 410). What I don't understand is how that background image is referenced within each tier.

For example, on the sponsorship page, you have this:

<div class="sponsors_row_sm_container">
<div class="sponsors_row_sm">
<ul>
	<li><a href="http://www.amerisbank.com" target="_blank"><img class="sponsor_sm ameris2" alt="Ameris Bank" src="http://greyghost5k.com/wp-content/uploads/2013/07/blank.gif" /></a></li>
	<li><a href="http://www.moes.com" target="_blank"><img class="sponsor_sm moes2" alt="Moe's Southwest Grill" src="http://greyghost5k.com/wp-content/uploads/2013/07/blank.gif" /></a></li>
</ul>
</div>
</div>

Open in new window


How is "http://greyghost5k.com/wp-content/uploads/2013/07/sponsors-lg.jpg" being called? I see it on line 216 of the css page, but it's referenced as "sponsor_sm" and not "sponsors_row_sm." How does "sponsors_row_sm" or "sponsors_row_sm_container" know to reference "sponsor_sm" as a background image?

Here's the css file.

What do you think?

 
/* General Custom CSS */


@import url('../fonts/stylesheet.css');


#header_main {
	background-image: url('../images/bgHeader.jpg');
}
#header_meta {
	display: none;
}
p, .template-page p, .template-page ul, .template-page ol, .template-page li {
	font-size: 15px;
	line-height: 1.3em;
}
.template-page ul, .template-page ol, .template-page li {
	font-size: 15px;
	line-height: 1.3em;
}
.flex_column + .avia_textblock {
	padding-top: 0;
}
/* MENU BORDERS */
#top .main_menu .menu ul li:last-child>a {
	border-bottom-style: solid;
	border-bottom-color: #33302b;
	border-bottom-width: 1px;
	border-top-style: solid !important;
	border-top-color: #33302b !important;
	border-top-width: 1px !important;
}
#top .main_menu .menu ul li a {
	border-right-style: solid;
	border-right-color: #33302b;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-color: #33302b;
	border-left-width: 1px;
}
#top .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
	border-top-color: #423e38;
!important;
	border-top-style: solid;
	border-top-width: 1px;
}
.title_container .main-title {
	font-size: 22px;
}
/* Top Menu width spacing */
#header_main .container, .main_menu ul:first-child > li a {
	height: 150px !important;
	line-height: 248px !important;
}
#header_main .container, .main_menu ul:first-child > li a > li a {
	line-height: 15px;
}
#top .main_menu ul:first-child > li > a {
	margin-top: 1px;
	padding: 0 10px;
}
.main_menu ul:first-child > li a {
/*line-height: 15px !important;*/
}
#top .container_wrap {
	border-top-width: 1px;
}
/* Main Menu - ROLLOFF TEXT */
#top .header_color .main_menu ul:first-child>li>a {
	padding-top: 7px !important;
	color: #fff;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 1.7em;
	letter-spacing: 0.0em;
	font-weight: normal;
}
/* Main Menu - ROLLOVER TEXT */
#top .header_color .main_menu ul:first-child>li>a:hover {
	color: #5F769F;
	letter-spacing: 0.0em;
}
/* Main Menu - SUB MENU OFF */
#top .main_menu .menu ul li>a {
	color: #e2e2e2;
	font-size: 1.2em;
	letter-spacing: 0.0em;
	font-weight:400;
}
/* Main Menu - SUB MENU HOVER */
#top .main_menu .menu ul li>a:hover {
	color: #e2e2e2 !important;
	background-color: #d83300;
}
/* Main Menu - HIGHLIGHT BLOCK */
#top .avia-menu-fx {
	display:block;
	position:absolute;
	top: 116px;
	border-style:solid;
	border-width:2px;
}
/* HEADER - BOTTOM LINE (attached to slider) */
#header_main {
	border-bottom-style: solid;
	border-bottom-color: #3b3330;
}
.main_menu {
	right: 22px;
}
#top #menu-item-search {
	display: none;
}
.avia-section-large .content, .avia-section-large .sidebar {
	padding: 35px 0;
}
h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox {
	font-family: 'league_gothicregular', sans-serif;
	font-weight: normal;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 28px;
}
h5 {
	font-size: 26px;
}
h6 {
	font-size: 20px;
}
.template-page .entry-content h1, .template-page .entry-content h2 {
	color: #FE9809;
}
.iconbox .iconbox_content .iconbox_content_title {
	font-size: 30px;
}
.av-special-heading {
	margin-top: 0;
}
/*Home Page - Main Sponsors Large*/
.sponsors_row_lg h3 {
	color: #000;
}
.sponsors_row_lg ol ul {
	list-style: none;
}
.sponsors_row_lg_container {
	text-align:center;/*background-color:#eee;*/
}
.sponsors_row_lg {
	padding:1.25em 0 .625em 0;
	margin:auto;
}
.sponsors_row_lg ul {
	margin:.625em auto;
}
.sponsors_row_lg li {
	vertical-align:middle;
	display: inline;
	margin: 0.313em;
}
.sponsors_row_lg a {
	display:inline;
	padding:.625em 0;
}
.sponsors_row_lg a:hover {
	background-color:#333;
	background-color: transparent;
}
.sponsor_lg {
	background:url('http://greyghost5k.com/wp-content/uploads/2013/07/sponsors-lg.jpg') top left no-repeat;
}

/* table for the Susan G. Comen ad on the front page */

#front_table tr {
background: none;
}
/*Sponsors*/

/*Sponsor Page - Main Sponsors Small*/
.sponsors_row_sm h3 {
	color: #000;
}
.sponsors_row_sm ol ul {
	list-style: none;
}
.sponsors_row_sm_container {
	text-align:center;/*background-color:#eee;*/
}
.sponsors_row_sm {
	padding:1.25em 0 0 0;
	margin:auto;
}
.sponsors_row_sm ul {
	margin:.625em auto;
}
.sponsors_row_sm li {
	vertical-align:middle;
	display: inline;
	margin: 0.313em;
}
.sponsors_row_sm a {
	display:inline;
	padding:.625em 0;
}
.sponsors_row_sm a:hover {
	background-color:#333;
	background-color: transparent;
}
.sponsor_sm {
	background:url('http://greyghost5k.com/wp-content/uploads/2013/07/sponsorsLarge-sm.jpg') top left no-repeat;
}
/*Sponsors*/

/*Sponsor Page Sponsor Stripe Small*/
.sponsors_row h3 {
	color: #000;
}
.sponsors_row ol ul {
	list-style: none;
}
.sponsors_row_container {
	text-align:center;/*background-color:#eee;*/
}
.sponsors_row {
	padding: .25em 0 .625em 0;
	margin:auto;
}
.sponsors_row ul {
	margin:.625em auto;
}
.sponsors_row li {
	vertical-align:middle;
	display: inline;
	margin: 0.313em;
}
.sponsors_row a {
	display:inline;
	padding:.625em 0;
}
.sponsors_row a:hover {
	background-color:#333;
	background-color: transparent;
}
.sponsor {
	background:url('http://greyghost5k.com/wp-content/uploads/2013/07/sponsors.jpg') top left no-repeat;
}
/*Sponsors*/
/*Main Sponsors Large - Home Page*/
.maury {
	width: 293px;
	height: 62px;
}
.vanderbilt {
	background-position: -302px 0;
	width: 200px;
	height: 98px;
}
.ameris {
	background-position: -616px 0;
	width: 165px;
	height: 80px;
}
.williamson {
	background-position: -796px 0;
	width: 232px;
	height: 74px;
}
.moes {
	background-position: -1211px 0;
	width: 112px;
	height: 99px;
}
.publix {
	background-position: -1042px 0;
	width: 175px;
	height: 56px;
}

.mallard {
	background-position: -1356px 0;
	width: 226px;
	height: 94px;
}
/*Main Sponsors Small*/
.maury2 {
	width: 228px;
	height: 62px;
}
.vanderbilt2 {
	background-position: -229px 0;
	width: 165px;
	height: 94px;
}
.ameris2 {
	background-position: -468px 0;
	width: 110px;
	height: 73px;
}
.williamson2 {
	background-position: -588px 0;
	width: 174px;
	height: 62px;
}
.moes2 {
	background-position: -904px 0;
	width: 73px;
	height: 73px;
}
.publix2 {
	background-position: -772px 0;
	width: 118px;
	height: 56px;
}

.mallard2 {
	background-position: -1009px 0;
	width: 183px;
	height: 72px;
}
/*Small*/
.bewell {
	width: 169px;
	height: 50px;
}
.trinity {
	background-position: -170px 0;
	width: 185px;
	height: 67px;
}
.advertiser {
	background-position: -356px 0;
	width: 220px;
	height: 67px;
}
.farrow {
	background-position: -579px 0;
	width: 124px;
	height: 89px;
}
.stacey {
	background-position: -701px 0;
	width: 140px;
	height: 67px;
}
.jump {
	background-position: -835px 0;
	width: 170px;
	height: 67px;
}
.ole {
	background-position: -1010px 0;
	width: 174px;
	height: 67px;
}
.station {
	background-position: -1183px 0;
	width: 191px;
	height: 67px;
}
.shinning {
	background-position: -1375px 0;
	width: 104px;
	height: 67px;
}
.runner {
	background-position: -1507px 0;
	width: 176px;
	height: 67px;
}
.christopher {
	background-position: -1703px 0;
	width: 277px;
	height: 67px;
}

.boing {
	background-position: -711px 0;
	width: 118px;
	height: 90px;
}

.city_spring_hill {
	background-position: -854px 0;
	width: 103px;
	height: 99px;
}

.jones {
	background-position: -958px 0;
	width: 233px;
	height: 60px;
}

.sh_home {
	background-position: -1205px 0;
	width: 173px;
	height: 66px;
}

.tristar {
	background-position: -1395px 0;
	width: 383px;
	height: 80px;
}


/*End*/
#payment-options-dv .finalize_button, #finalize_purchase_order .finalize_button, #payment-options-dv .submit-payment-btn {
	float: left !important;
}

.page-id-2422 .section-heading, event-messages, .copy_dropdown_wrapper, .payment_header, .choose-diff-pay-option-pg {
	display: none;
}

.start_date {
	display: none;
}

/*Footer*/

#footer .widget {
	margin: 3px;
}
.widgettitle {
	font-size: 1.7em;
	font-weight: normal;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 1920px) and (min-width: 1250px) {
/* Add your Desktop Styles here */
.container {
/*	height: 150px;
*/}
/*.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
	height: 150px;
	line-height: 248px !important;
}*/

/* HEADER - Dates & Register Button */
.anniversary {
	position: absolute;
	right: 480px;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 3.4em;
	top: 22px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
.anniversary .sub {
	font-size: 27px;
	text-transform: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
	line-height: 8px;
}
.dates {
	position: absolute;
	right: 344px;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 5.6em;
	top: 70px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 41px;
	right: 8%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 2.4em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 1249px) and (min-width: 1000px) {
/* Add your Desktop Styles here */
.container {
/*	height: 150px;
*/}
/*.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
	height: 150px;
	line-height: 248px !important;
}*/

/* HEADER - Dates & Register Button */
.anniversary {
	position: absolute;
	right: 33%;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 3.4em;
	top: 22px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
.anniversary .sub {
	font-size: 27px;
	text-transform: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
	line-height: 8px;
}
.dates {
	position: absolute;
	right: 20%;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 5.6em;
	top: 70px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 41px;
	right: 2%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 2.4em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 999px) and (min-width: 768px) {
/* Add your Mobile Styles here */
.anniversary {
	position: absolute;
	right: 23%;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 2.4em;
	top: 48px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
.anniversary .sub {
	font-size: 17px;
	text-transform: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
	line-height: 8px;
}
.dates {
	position: absolute;
	right: 18%;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 3.2em;
	top: 82px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 64px;
	right: 5px;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) and (min-width: 550px) {
/* Add your Mobile Styles here */
.anniversary {
	display: none;
}
.anniversary .sub {
	display: none;
}
.dates {
	display: none;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 24px;
	right: 32%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 549px) and (min-width: 420px) {
/* Add your Mobile Styles here */
.anniversary {
	display: none;
}
.anniversary .sub {
	display: none;
}
.dates {
	display: none;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 24px;
	right: 32%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 419px) and (min-width: 220px) {
/* Add your Mobile Styles here */
.anniversary {
	display: none;
}
.anniversary .sub {
	display: none;
}
.dates {
	display: none;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 24px;
	right: 31%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}

Open in new window

Bruce GustPHP DeveloperAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Julian HansenCommented:
If you look on line 168 of the page source you get this
<img src="http://greyghost5k.com/wp-content/uploads/2013/07/blank.gif" alt="Ameris Bank" class="sponsor_sm ameris2">

Open in new window

Note the use of the sponsor_sm class there.
The image points to .gif that is a nothing file but in the CSS the background is set to a positioned sprite which is where the image is coming from - an attempt to hide the underlying image from right clicks I expect.

Similarly on 169 for the second logo.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Bruce GustPHP DeveloperAuthor Commented:
I see it!

I was looking at it as "sponsor_sm_ameris2" rather than "sponsor_sm ameris2." I see it now as a continuation of that class and not a new class in and of itself.

Thank you, sir!
Julian HansenCommented:
You are most welcome.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.