/* =========================================
   Marine Design Icon Sprite CSS
   ========================================= */

/* Base icon class */
.icon {
	display: inline-block;
	width: 121px;
	height: 164px;
	background-image: url('/img/sprites/marine-icons_sprite_2.png');
	background-repeat: no-repeat;
	background-size: 555px;
	vertical-align: middle;
}

/* =========================================
   Individual Icon Positions - SPRITE 2
   ========================================= */

/* Row 1 */
.icon-cad {
	background-position: -13px -39px;
}

.icon-component {
	background-position: -138px -39px;
}

.icon-design {
	background-position: -270px -39px;
}

.icon-industry-compliance {
	background-position: -400px -39px;
}

/* Row 2 */

.icon-procurement {
	background-position: -13px -225px;
}
.icon-skilled {
    background-position: -138px -225px;
}

.icon-tools {
    background-position: -270px -225px;
}

.icon-testing {
    background-position: -401px -225px;
}






/* =========================================
   Individual Icon Positions - SPRITE 1
   ========================================= */

/* Row 1 */
.icon-purpose {
	background-position: 0px -38px;
}

.icon-specifications {
    background-position: -109px -38px;
}

.icon-connectivity {
	background-position: -218px -38px;
}

.icon-routing {
    background-position: -327px -38px;
}

.icon-strain-relief {
    background-position: -435px -38px;
}

/* Row 2 */
.icon-schematics {
    background-position: 0 -184px;
}

.icon-protective-covering {
    background-position: -109px -184px;
}

.icon-quality-testing {
    background-position: -219px -184px;
}

.icon-documentation {
    background-position: -326px -184px;
}

.icon-compliance {
    background-position: -435px -184px;
}