/* reset stuff */
*{
	padding: 0;
	margin: 0;
	border: 0;
}

/* ***************** page layout ***************** */

body {
  text-align: center;
  } /* needed to center the content in IE <= 5.5 */

#main-container {
  margin: 0 auto;
  width: 964px;
  height: 724px;
}

.tile{ 
  float: left;
  width: 241px;
  height: 181px;  
}

.tile a {
  display: block;
  width: 241px;
  height: 181px;
}

#tile11 {
  float: left;
  width: 241px;
  height: 362px;
  background-image: url(images/1,1.jpg)
}

#tile12 {
  background-image: url(images/1,2.jpg)
}

#tile13 {
  background-image: url(images/1,3.jpg)
}

#tile14 {
  background-image: url(images/1,4.jpg)
}

#tile22 {
  background-image: url(images/2,2.jpg)
}

#tile22 a:hover {
  background-image: url(images/2,2c.jpg);
}

#tile31 {
  background-image: url(images/3,1.jpg)
}

#tile23 {
  background-image: url(images/2,3.jpg)
}

#tile23 a:hover {
  background-image: url(images/2,3c.jpg);
}

#tile24 {
  background-image: url(images/2,4.jpg)
}

#tile31 {
  background-image: url(images/3,1.jpg)
}

#tile31 a:hover {
  background-image: url(images/3,1c.jpg);
}

#tile32 {
  background-image: url(images/3,2.jpg);
}

#tile32 a:hover {
  background-image: url(images/3,2c.jpg);
}

#tile33 {
  background-image: url(images/3,3.jpg);
}

#tile33 a:hover {
  background-image: url(images/3,3c.jpg);
}

#tile34 {
  background-image: url(images/3,4.jpg);
}

#tile41 {
  background-image: url(images/4,1.jpg);
}

#tile41 a:hover{
  background-image: url(images/4,1c.jpg);
}

#tile42 {
  background-image: url(images/4,2.jpg)
}

#tile43 {
  background-image: url(images/4,3.jpg);
}

#tile44 {
  background-image: url(images/4,4.jpg);
}

#cache {
  display: none
}

#copyright{
  height: 1.5em;
  height: 200px;
  text-align: center;
  font-size: 12px;
  background-color: black;
}

#copyright a{
  color: black;
  font-weight: normal;
  text-decoration: none;
}

#copyright h1{
  font-size: 12px;
  color: black;
  font-weight: normal;
  display: inline;
}