@charset "utf-8";
/* CSS SPRITES */


/* DISTANCE LEARNING GUIDE SPRITE */
#distanceSprite {
	margin:0px;
	padding:0px;
    display: block;
    width: 261px;
    height: 53px;
	border:0px solid black;
    background: url(../images/distance-sprite.png) no-repeat 0 0;
    /* Hide "Buy now" text by moving it beyond
     * the browser viewport */
    text-indent: -9999px;
    /* Because of the outline:none property, we must visually style
     * the :focus pseudo-class for keyboard users */
    outline: none;
	position:absolute; z-index:1;
	left:170px;
}

a:hover#distanceSprite {
     /* places the background on the bottom-half of the CSS sprite */
    background: url(../images/distance-sprite.png) no-repeat 0 -60px;
}

/* CAREER GUIDE SPRITE */
#careerSprite {
	margin:0px;
	padding:0px;
    display: block;
    width: 261px;
    height: 53px;
	border:0px solid black;
    background: url(../images/career-sprite.png) no-repeat 0 0;
    /* Hide "Buy now" text by moving it beyond
     * the browser viewport */
    text-indent: -9999px;
    /* Because of the outline:none property, we must visually style
     * the :focus pseudo-class for keyboard users */
    outline: none;
	position:absolute; z-index:1;
	right:150px;
}

a:hover#careerSprite {
     /* places the background on the bottom-half of the CSS sprite */
    background: url(../images/career-sprite.png) no-repeat 0 -58px;
}

/* DOWNLOAD GUIDE BUTTONS */

/* DOWNLOAD DISTANCE LEARNING GUIDE SPRITE */
#distanceSpriteDownload {
	margin:0px;
	padding:0px;
    display: block;
    width: 319px;
    height: 59px;
	border:0px solid black;
    background: url(../images/download-distance-sprite.png) no-repeat 0 0;
    /* Hide "Buy now" text by moving it beyond
     * the browser viewport */
    text-indent: -9999px;
    /* Because of the outline:none property, we must visually style
     * the :focus pseudo-class for keyboard users */
    outline: none;
	position:absolute; z-index:1;
	left:290px;
}

a:hover#distanceSpriteDownload {
     /* places the background on the bottom-half of the CSS sprite */
    background: url(../images/download-distance-sprite.png) no-repeat 0 -67px;
}

/* DOWNLOAD CAREER GUIDE SPRITE */
#careerSpriteDownload {
	margin:0px;
	padding:0px;
    display: block;
    width: 319px;
    height: 59px;
	border:0px solid black;
    background: url(../images/download-career-sprite.png) no-repeat 0 0;
    /* Hide "Buy now" text by moving it beyond
     * the browser viewport */
    text-indent: -9999px;
    /* Because of the outline:none property, we must visually style
     * the :focus pseudo-class for keyboard users */
    outline: none;
	position:absolute; z-index:1;
	left:290px;
}

a:hover#careerSpriteDownload {
     /* places the background on the bottom-half of the CSS sprite */
    background: url(../images/download-career-sprite.png) no-repeat 0 -67px;
}