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


/*Witch Scot*/



/*START 01 ws ROLLOVER*/

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

a.rolloverws01: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 ws ROLLOVER*/

/*START 02 ws ROLLOVER*/

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

a.rolloverws02: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 ws ROLLOVER*/

/*START 03 ws ROLLOVER*/

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

a.rolloverws03: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 ws ROLLOVER*/

/*START 04 ws ROLLOVER*/

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

a.rolloverws04: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 ws ROLLOVER*/

/*START 05 ws ROLLOVER*/

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

a.rolloverws05: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 05 ws ROLLOVER*/

/*START 06 ws ROLLOVER*/

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

a.rolloverws06: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 06 ws ROLLOVER*/

/*START 07 ws ROLLOVER*/

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

a.rolloverws07: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 07 ws ROLLOVER*/

/*START 08 ws ROLLOVER*/

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

a.rolloverws08: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 08 ws ROLLOVER*/


/*START 09 gothic ROLLOVER*/

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

a.rollovergothic09: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 09 gothic ROLLOVER*/

/*START 10 gothic ROLLOVER*/

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

a.rollovergothic10: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 10 gothic ROLLOVER*/

/*START 11 gothic ROLLOVER*/

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

a.rollovergothic11: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 11 gothic ROLLOVER*/

/*START 12 gothic ROLLOVER*/

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

a.rollovergothic12: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 12 gothic ROLLOVER*/