/* ---------------------------------------- 
Rachel J. Lee
---------------------------------------- */

/* NOTES:

1. DO NOT use width or height properties for any parent-level divs (these are divs you will be adding classes to).
2. Use % over px for sizing interior divs
3. Remember: if you do not give dimention and style to interior divs, we will not see them. By default, divs are invisible.

*/

/* so we can tell that our file is loading */
body {
	background-color: black;
}


/*_______________________________________________________________*/

.rl-optical1 {
	background: url(../images/tv-static-blue.gif);
	background-position: center;


}

.rl-optical1:hover { 
	background: url(../images/optical-1-still.png);
	filter:invert(80%);
	cursor: cell;
	
}

.rl-optical1:active {
	background: url(../images/optical-1.gif);
	filter: none;
}


/*_______________________________________________________________*/

.rl-optical2 {
	background: url(../images/tv-static-purple.gif);
	background-position: center;
	
}

.rl-optical2:hover {
	background: url(../images/optical-2.gif);
	cursor: help;
}


/*_______________________________________________________________*/

.rl-optical3 {
	background: url(../images/tv-static-green.gif);
	background-position: center;
}

.rl-optical3:hover {
	background: url(../images/optical-3-still.png);
	filter: invert(80%);
	cursor: cell;
}

.rl-optical3:active {
	background: url(../images/optical-3.gif);
	filter: none;
}

/*_______________________________________________________________*/

.rl-optical4 {
	background: url(../images/tv-static-orange.gif);
	background-position: center;
}

.rl-optical4:hover {
	background: url(../images/optical-4.gif);
	background-position: center;
	cursor: help;
}