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

/*-----takes the dotted outline (when clicked) in Firefox  -----*/
a:active, a:focus {
      outline: 0; 
}

#wrapper {
	width: 640px;
	margin: 0 auto;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	position:relative;
	z-index: 3;
}

#wrapper img {
}
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	list-style-type: none;
	text-decoration: none;
	color: #c9c9c9;
	text-align: right;
	position:relative;
	padding: 40px 25px 0 0;
}

#footer a {
	color: #c9c9c9;
	text-decoration: none;
	border-bottom: 1px dotted #c9c9c9;
}

#footer a:hover {
	color:#333333;
	text-decoration: underline;
}

#thumbnails img {
	border: none; 
}

a.rollover {
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	display: block;
	text-decoration: none;
}

a.rollover:hover {
	background-position: -40px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

#a1  {
	position: absolute;
	left: 400px;
	top: 92px;
}
#a1 a.rollover {
	background-image: url(images/a1.jpg);
}

#b1{
	left: 444px;
	top: 92px;
	position: absolute;
}

#b1 a.rollover {
	background-image: url(images/b1.jpg);
}


#d1 {
	left: 532px;
	top: 92px;
	position: absolute;
}

#d1 a.rollover {
	background-image: url(images/d1.jpg);
}

#e1 {
	left: 576px;
	top: 92px;
	position: absolute;
}

#e1 a.rollover {
	background-image: url(images/e1.jpg);
}

#a2 {
	left: 400px;
	top: 136px;
	position: absolute;
}

#a2 a.rollover {
	background-image: url(images/a2.jpg);
}

#b2 {
	left: 444px;
	top: 136px;
	position: absolute;
}

#b2 a.rollover {
	background-image: url(images/b2.jpg);
}

#c2 {
	left: 488px;
	top: 136px;
	position: absolute;
}

#c2 a.rollover {
	background-image: url(images/c2.jpg);
}

#d2 {
	left: 532px;
	top: 136px;
	position: absolute;
}

#d2 a.rollover {
	background-image: url(images/d2.jpg);
}

#e2 {
	left: 576px;
	top: 136px;
	position: absolute;
}

#e2 a.rollover {
	background-image: url(images/e2.jpg);
}

#a3 {
	left: 400px;
	top: 180px;
	position: absolute;
}

#a3 a.rollover {
	background-image: url(images/a3.jpg);
}

#b3 {
	left: 444px;
	top: 180px;
	position: absolute;
}

#b3 a.rollover {
	background-image: url(images/b3.jpg);
}

#c3 {
	left: 488px;
	top: 180px;
	position: absolute;
}

#c3 a.rollover {
	background-image: url(images/c3.jpg);
}

#d3 {
	left: 532px;
	top: 180px;
	position: absolute;
}

#d3 a.rollover {
	background-image: url(images/d3.jpg);
}

#e3 {
	left: 576px;
	top: 180px;
	position: absolute;
}

#e3 a.rollover {
	background-image: url(images/e3.jpg);
}

#a4 {
	left: 400px;
	top: 224px;
	position: absolute;
}

#a4 a.rollover {
	background-image: url(images/a4.jpg);
}

#b4 {
	left: 444px;
	top: 224px;
	position: absolute;
}

#b4 a.rollover {
	background-image: url(images/b4.jpg);
}

#c4 {
	left: 488px;
	top: 224px;
	position: absolute;
}

#c4 a.rollover {
	background-image: url(images/c4.jpg);
}

#d4 {
	left: 532px;
	top: 224px;
	position: absolute;
}

#d4 a.rollover {
	background-image: url(images/d4.jpg);
}

#e4 {
	left: 576px;
	top: 224px;
	position: absolute;
}

#e4 a.rollover {
	background-image: url(images/e4.jpg);
}

#a5 {
	left: 400px;
	top: 268px;
	position: absolute;
}

#a5 a.rollover {
	background-image: url(images/a5.jpg);
}

#b5 {
	left: 444px;
	top: 268px;
	position: absolute;
}

#b5 a.rollover {
	background-image: url(images/b5.jpg);
}

#c5 {	
	left: 488px;
	top: 268px;
	position: absolute;
}

#c5 a.rollover {
	background-image: url(images/c5.jpg);
}

#d5 {
	left: 532px;
	top: 268px;
	position: absolute;
}

#d5 a.rollover {
	background-image: url(images/d5.jpg);
}

#e5 {
	left: 576px;
	top: 268px;
	position: absolute;
}

#e5 a.rollover {
	background-image: url(images/e5.jpg);
}