@charset "utf-8";


/* --- Rollovers --- */


#gallery {
	width: 600px;
	height: 600px;
	background: url(media/gallery.png);
	margin: 0;
	padding: 0;
	position: relative;
}


#gallery li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}


#gallery li, #gallery a {
	height: 100px;
	width: 100px;
	display: block;
}


#identity {left: 0; top: 0;}

#identity a:hover {background: url(media/gallery.png) -600px 0 no-repeat;}


#hairsalon {left: 100px; top: 0;}

#hairsalon a:hover {background: url(media/gallery.png) -700px 0 no-repeat;}


#radiologo {left: 200px; top: 0;}

#radiologo a:hover {background: url(media/gallery.png) -800px 0 no-repeat;}


#vectorize {left: 300px; top: 0;}

#vectorize a:hover {background: url(media/gallery.png) -900px 0 no-repeat;}


#twobudsplus {left: 400px; top: 0;}

#twobudsplus a:hover {background: url(media/gallery.png) -1000px 0 no-repeat;}


#CFK {left: 500px; top: 0;}

#CFK a:hover {background: url(media/gallery.png) -1100px 0 no-repeat;}




#kagels {left: 0px; top: 100px;}

#kagels a:hover {background: url(media/gallery.png) -600px -100px no-repeat;}


#salsa {left: 100px; top: 100px;}

#salsa a:hover {background: url(media/gallery.png) -700px -100px no-repeat;}


#illustration {left: 200px; top: 100px;}

#illustration a:hover {background: url(media/gallery.png) -800px -100px no-repeat;}


#boombox {left: 300px; top: 100px;}

#boombox a:hover {background: url(media/gallery.png) -900px -100px no-repeat;}


#gramaphone {left: 400px; top: 100px;}

#gramaphone a:hover {background: url(media/gallery.png) -1000px -100px no-repeat;}


#turntable {left: 500px; top: 100px;}

#turntable a:hover {background: url(media/gallery.png) -1100px -100px no-repeat;}




#guitar {left: 0; top: 200px;}

#guitar a:hover {background: url(media/gallery.png) -600px -200px no-repeat;}


#photography {left: 100px; top: 200px;}

#photography a:hover {background: url(media/gallery.png) -700px -200px no-repeat;}


#finality {left: 200px; top: 200px;}

#finality a:hover {background: url(media/gallery.png) -800px -200px no-repeat;}


#reflex {left: 300px; top: 200px;}

#reflex a:hover {background: url(media/gallery.png) -900px -200px no-repeat;}


#violin {left: 400px; top: 200px;}

#violin a:hover {background: url(media/gallery.png) -1000px -200px no-repeat;}


#jphlip {left: 500px; top: 200px;}

#jphlip a:hover {background: url(media/gallery.png) -1100px -200px no-repeat;}




#diver {left: 0px; top: 300px;}

#diver a:hover {background: url(media/gallery.png) -600px -300px no-repeat;}


#assassin {left: 100px; top: 300px;}

#assassin a:hover {background: url(media/gallery.png) -700px -300px no-repeat;}


#squirrel {left: 200px; top: 300px;}

#squirrel a:hover {background: url(media/gallery.png) -800px -300px no-repeat;}


#restoration {left: 300px; top: 300px;}

#restoration a:hover {background: url(media/gallery.png) -900px -300px no-repeat;}


#promotion {left: 400px; top: 300px;}

#promotion a:hover {background: url(media/gallery.png) -1000px -300px no-repeat;}


#radioflyer {left: 500px; top: 300px;}

#radioflyer a:hover {background: url(media/gallery.png) -1100px -300px no-repeat;}




#somaflyer {left: 0px; top: 400px;}

#somaflyer a:hover {background: url(media/gallery.png) -600px -400px no-repeat;}


#speech {left: 100px; top: 400px;}

#speech a:hover {background: url(media/gallery.png) -700px -400px no-repeat;}


#exhibition {left: 200px; top: 400px;}

#exhibition a:hover {background: url(media/gallery.png) -800px -400px no-repeat;}


#typography {left: 300px; top: 400px;}

#typography a:hover {background: url(media/gallery.png) -900px -400px no-repeat;}


#b5mix {left: 400px; top: 400px;}

#b5mix a:hover {background: url(media/gallery.png) -1000px -400px no-repeat;}


#seeme {left: 500px; top: 400px;}

#seeme a:hover {background: url(media/gallery.png) -1100px -400px no-repeat;}




#mothership {left: 0px; top: 500px;}

#mothership a:hover {background: url(media/gallery.png) -600px -500px no-repeat;}


#dropship {left: 100px; top: 500px;}

#dropship a:hover {background: url(media/gallery.png) -700px -500px no-repeat;}


#giraffe {left: 200px; top: 500px;}

#giraffe a:hover {background: url(media/gallery.png) -800px -500px no-repeat;}


#startagain {left: 300px; top: 500px;}

#startagain a:hover {background: url(media/gallery.png) -900px -500px no-repeat;}


#rockthehouse {left: 400px; top: 500px;}

#rockthehouse a:hover {background: url(media/gallery.png) -1000px -500px no-repeat;}


#paradigm {left: 500px; top: 500px;}

#paradigm a:hover {background: url(media/gallery.png) -1100px -500px no-repeat;}