.sprite {
	background: url("spritesheet_pins_across_the_water.png") no-repeat;
}

.triangle1 {
	background-position: 0px 0px;
	width: 60px;
	height: 90px;
    -ms-transform-origin: 15px 15px;
    -webkit-transform-origin: 15px 15px;
    transform-origin: 15px 15px;
}

.triangle2 {
	background-position: -60px 0px;
	width: 90px;
	height: 90px;
    -ms-transform-origin: 15px 15px;
    -webkit-transform-origin: 15px 15px;
    transform-origin: 15px 15px;
}

.triangle3 {
	background-position: 0px -90px;
	width: 150px;
	height: 90px;
    -ms-transform-origin: 15px 15px;
    -webkit-transform-origin: 15px 15px;
    transform-origin: 15px 15px;
}

.diamond {
	background-position: -150px -120px;
	width: 90px;
	height: 90px;
    -ms-transform-origin: 45px 45px;
    -webkit-transform-origin: 45px 45px;
    transform-origin: 45px 45px;
}

.parallelogram {
	background-position: -150px 0px;
	width: 60px;
	height: 120px;
    -ms-transform-origin: 15px 15px;
    -webkit-transform-origin: 15px 15px;
    transform-origin: 15px 15px;
}

.logoColored {
    background-position: -5px -180px;
    left: 18px;
    top: 218px;
    width: 63px;
    height: 22px;
    opacity: 1;
}

.logoWhite {
    background-position: -80px -180px;
    left: 18px;
    top: 218px;
    width: 63px;
    height: 22px;
    opacity: 0;
}

.ctaTriLeft {
    background-position: -400px -15px;
    left: -28px;
    top: 145px;
    width: 53px;
    height: 53px;
    opacity: 0;
}

.ctaPara {
    background-position: -240px -15px;
    left: -2px;
    top: 129px;
    width: 152px;
    height: 54px;
    opacity: 0;
}

.ctaTriRight {
    background-position: -400px -75px;
    left: 136px;
    top: 104px;
    width: 53px;
    height: 53px;
    opacity: 0;
}

.ctaRect {
    background-position: -240px -75px;
    left: 14px;
    top: 129px;
    width: 152px;
    height: 54px;
    opacity: 0;
}

/*** Custom Icon Sprites ***/
.bottomTriangle0 {
    background-position: -15px -280px;
    width: 114px;
    height: 58px;
    opacity: 0;
}

.bottomTriangle1 {
    background-position: -140px -280px;
    width: 113px;
    height: 58px;
    opacity: 0;
}

.bottomTriangle2 {
    background-position: -75px -210px;
    width: 171px;
    height: 58px;
    opacity: 0;
}

.pinSolid {
    background-position: -15px -210px;
    width: 48px;
    height: 59px;
    opacity: 0;
}

.pinPart0 {
    background-position: -250px -210px;
    width: 24px;
    height: 12px;
    opacity: 0;
}

.pinPart1 {
    background-position: -280px -210px;
    width: 24px;
    height: 12px;
    opacity: 0;
}

.pinPart2 {
    background-position: -310px -210px;
    width: 25px;
    height: 12px;
    opacity: 0;
}

.pinPart3 {
    background-position: -250px -230px;
    width: 24px;
    height: 13px;
    opacity: 0;
}

.pinPart4 {
    background-position: -280px -230px;
    width: 24px;
    height: 25px;
    opacity: 0;
}

.pinPart5 {
    background-position: -310px -230px;
    width: 25px;
    height: 13px;
    opacity: 0;
}

.pinPart6 {
    background-position: -340px -230px;
    width: 24px;
    height: 25px;
    opacity: 0;
}

.pinPart7 {
    background-position: -370px -230px;
    width: 25px;
    height: 25px;
    opacity: 0;
}

.pinPart8 {
    background-position: -250px -260px;
    width: 24px;
    height: 12px;
    opacity: 0;
}

.pinPart9 {
    background-position: -280px -260px;
    width: 24px;
    height: 12px;
    opacity: 0;
}

.pinPart10 {
    background-position: -310px -260px;
    width: 25px;
    height: 12px;
    opacity: 0;
}

.pinPart11 {
    background-position: -340px -260px;
    width: 24px;
    height: 13px;
    opacity: 0;
}