@charset "utf-8";
/* ROLLOVER CSS Document */


/*Projects listed alphabeticaly*/





/*START blog ROLLOVER*/

a.rolloverblog {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/sprite_blog.gif"); /* image sprite */
	}

a.rolloverblog:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END BLOG ROLLOVER*/



/*START CV ROLLOVER*/

a.rollovercv {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/joolz/sprite_cv.gif"); /* image sprite */
	}

a.rollovercv:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END CV ROLLOVER*/







/*START entertain ROLLOVER*/

a.rolloverentertain {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/sprite_entertainment.gif"); /* image sprite */
	}

a.rolloverentertain:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END entertain ROLLOVER*/





/*START GALLERIES ROLLOVER*/

a.rollovergalleries {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/sprite_galleries.gif"); /* image sprite */
	}

a.rollovergalleries:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END GALLERIES ROLLOVER*/




/*START GRAPHIC ROLLOVER*/

a.rollovergraphic {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/sprite_graphic.gif"); /* image sprite */
	}

a.rollovergraphic:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END GRAPHIC ROLLOVER*/




/*START JOOLZ ROLLOVER*/

a.rolloverjoolz {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/entertainment/sprite_joolz.gif"); /* image sprite */
	}

a.rolloverjoolz:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END JOOLZ ROLLOVER*/






/*START MRS ROLLOVER*/

a.rolloverrmrs {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/sprite_mrs.gif"); /* image sprite */
	}

a.rolloverrmrs:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END MRS ROLLOVER*/







/*START PERFORMER ROLLOVER*/

a.rolloverperf {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/joolz/sprite_performer.gif"); /* image sprite */
	}

a.rolloverperf:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END PERFORMER ROLLOVER*/

/*START PHOTOGRAPHY ROLLOVER*/

a.rolloverphotography {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/sprite_photography.gif"); /* image sprite */
	}

a.rolloverphotography:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END PHOTOGRAPHY ROLLOVER*/








/*START RRDT Project ROLLOVER*/

a.rolloverrrdtp {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/sprite_rrdt.gif"); /* image sprite */
	}

a.rolloverrrdtp:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END RRDT Project ROLLOVER*/




/*START Testimonial ROLLOVER*/
a.rollovertestimonial {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/sprite_testimonial.gif"); /* image sprite */
	}

a.rollovertestimonial:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END Testimonial ROLLOVER*/


/*START TBB ROLLOVER*/
a.rollovertbb {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/entertainment/sprite_tbb.gif"); /* image sprite */
	}

a.rollovertbb:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END TBB ROLLOVER*/









/*START WEB DEVELOPMENT ROLLOVER*/

a.rolloverwebdev {
	display: inline-block;
	width: 300px;	/*The width and height values in a.rollover are the size of the original image*/
	height: 300px;
	text-decoration: none;
	background: url("../sprite/sprite_webdev.gif"); /* image sprite */
	}

a.rolloverwebdev:hover {
	background-position: -300px 0; /*The value of background-position is that of the original image width – since we are literally moving from one part of the image sprite to another.*/
	}

.displace { /*included a <span> tag with a text alternative to the image and displaced it off the side of the visible screen so that screenreaders will read it and in the event of no CSS support a text link will be shown instead.*/
	position: absolute;
	left: -5000px;
	}
/*END WEB DEVELOPMENT ROLLOVER*/