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

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


/*Projects listed alphabeticaly*/



/*START 01 blank ROLLOVER*/

a.rolloverpaint01 {
	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_paint_01.gif"); /* image sprite */
	}

a.rolloverpaint01: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 01 blank ROLLOVER*/


/*START 02 blank ROLLOVER*/

a.rolloverpaint02 {
	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_paint_02.gif"); /* image sprite */
	}

a.rolloverpaint02: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 02 blank ROLLOVER*/


/*START 03 blank ROLLOVER*/

a.rolloverpaint03 {
	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_paint_03.gif"); /* image sprite */
	}

a.rolloverpaint03: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 03 blank ROLLOVER*/


/*START 04 blank ROLLOVER*/

a.rolloverpaint04 {
	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_paint_04.gif"); /* image sprite */
	}

a.rolloverpaint04: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 04 blank ROLLOVER*/