@charset "utf-8";
/* CSS Document */
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
#anchor {
	border: 1px solid white;
	margin: 4em 0;
}

#tile,#new {
	width: 100%;
	height: 300px;
	padding: 2em;
	border: 2px solid black;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.bg {
	float: left;
	width: 10%;
	margin:1em .5em;
	padding: .4em .1em;
	text-align: center;
	border: 1px solid gray;
	border-radius: 5px;
	font-family: 'Oswald', sans-serif;
	box-shadow: 2px 2px 2px 1px rgb(0,0,0,.5);
	line-height: 2em;
	color: black;
}
.bg a {
	display:block;
	font-weight: normal;
	font-family: arial, san-serif;
	text-transform: capitalize;
	background: #dedede;
	background-image: -webkit-linear-gradient(top, #dedede, #bdbdbd);
	background-image: -moz-linear-gradient(top, #dedede, #bdbdbd);
	background-image: -ms-linear-gradient(top, #dedede, #bdbdbd);
	background-image: -o-linear-gradient(top, #dedede, #bdbdbd);
	background-image: linear-gradient(to bottom, #dedede, #bdbdbd);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #000000;
	margin: .1em;
	padding: 0 .1em;
	text-decoration: none;
	font-size: 0.85em;
	border: 1px solid #bbb;
}
.bg a:active {
	background: #b3b3b3;
  background-image: -webkit-linear-gradient(top, #b3b3b3, #7a7a7a);
  background-image: -moz-linear-gradient(top, #b3b3b3, #7a7a7a);
  background-image: -ms-linear-gradient(top, #b3b3b3, #7a7a7a);
  background-image: -o-linear-gradient(top, #b3b3b3, #7a7a7a);
  background-image: linear-gradient(to bottom, #b3b3b3, #7a7a7a);
  text-decoration: none;
}

.tile1, .cover1 {background : url(../templates/images/back1S.gif)}
.cover1 {background-size: cover;}

.tile2, .cover2 {background : url(../templates/images/back2S.gif)}
.cover2 {background-size: cover;}

.tile3, .cover3 {background : url(../templates/images/back3S.gif)}
.cover3 {background-size: cover;}

.tile4, .cover4 {background : url(../templates/images/back4S.gif)}
.cover4 {background-size: cover;}

.tile5, .cover5 {background : url(../templates/images/back5S.gif)}
.cover5 {background-size: cover;}

.tile6, .cover6 {background : url(../templates/images/back6S.gif)}
.cover6 {background-size: cover;}

.tile7, .cover7 {background : url(../templates/images/back7S.gif)}
.cover7 {background-size: cover;}

.tile8 {
	background : url(../templates/images/back8S.gif);
	background-repeat: repeat-y;
}
.cover8 {background-size: cover;}

.tile9, .cover9 {background : url(../templates/images/back9S.gif)}
.cover9 {background-size: cover;}

.tile10, .cover10 {background : url(../templates/images/back10S.gif)}
.cover10 {background-size: cover;}

.tile11, .cover11 {background : url(../templates/images/back11S.gif)}
.cover11 {background-size: cover;}

.tile12, .cover12 {background : url(../templates/images/back12S.gif)}
.cover12 {background-size: cover;}

.tile13, .cover13 {background : url(../templates/images/back13S.gif)}
.cover13 {background-size: cover;}

.tile14, .cover14 {background : url(../templates/images/back14S.gif)}
.cover14 {background-size: cover;}

.tile15, .cover15 {background : url(../templates/images/back15S.gif)}
.cover15 {background-size: cover;}

.tile16, .cover16 {background : url(../templates/images/back16S.gif)}
.cover16 {background-size: cover;}

.tile17 {background : url(../templates/images/bg17.png)}
.tile18 {background : url(../templates/images/bg18.png)}
.tile19 {background : url(../templates/images/bg19.png)}
.tile20 {background : url(../templates/images/bg20.png)}
.tile21 {background : url(../templates/images/bg21.png)}
.tile22 {background : url(../templates/images/bg22.png)}
.tile23 {background : url(../templates/images/bg23.png);color:white}
.tile24 {background : url(../templates/images/bg24.png)}
.tile25 {background : url(../templates/images/bg25.png);color:white}
.tile26 {background : url(../templates/images/bg26.png);color:white}
.tile27 {background : url(../templates/images/bg27.png)}
.tile28 {background : url(../templates/images/bg28.png)}
.tile29 {background : url(../templates/images/bg29.png);color:white}
.tile30 {background : url(../templates/images/bg30.png)}
.tile31 {background : url(../templates/images/bg31.png)}
.tile32 {background : url(../templates/images/bg32.png)}




