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

/*Override border color*/
#container {
	border: 1px solid #DDDDDD;
}
/*Override border color*/
#container .box {
	border: 1px solid #DDDDDD;
}


#container .tealbox {
	float: left;
	height: 135px;
	width: 135px;
	border: 1px solid #DDDDDD;
	background-color:#004c59;
	overflow:hidden;
}
#container .goldbox {
	float: left;
	height: 135px;
	width: 135px;
	border: 1px solid #DDDDDD;
	background-color:#004c59;
	overflow:hidden;
}
#container .redbox {
	float: left;
	height: 135px;
	width: 135px;
	border: 1px solid #DDDDDD;
	/*background-color:#822F30;*/
	background-color:#7F1416;
	overflow:hidden;
}


#container .greybox {
	float: left;
	height: 135px;
	width: 135px;
	border: 1px solid #DDDDDD;
	background-color:#666666;
	overflow:hidden;
}
#container .greybox a {
	display: block;
	height: 134px;
	width: 134px;
	text-align: center;
	padding-top: 40%;
	margin: auto;
	font-size:14px;
	color:#FFFFFF;
	text-transform: uppercase;
	text-decoration:none;
}

#container .greybox a:hover {
	background-color:#004c59;
}

#container .tealbox a {
	display: block;
	height: 134px;
	width: 134px;
	text-align: center;
	padding-top: 40%;
	margin: auto;
	font-size:14px;
	color:#FFFFFF;
	text-transform: uppercase;
	text-decoration:none;
}
#container .tealbox a:hover {
	background-color:#666666;
}
#container .redbox a {
	display: block;
	height: 134px;
	width: 134px;
	text-align: center;
	padding-top: 40%;
	margin: auto;
	font-size:14px;
	color:#FFFFFF;
	text-transform: uppercase;
	text-decoration:none;
}
#container .redbox a:hover {
	background-color:#004C59;
}
#container .goldbox a {
	display: block;
	height: 134px;
	width: 134px;
	text-align: center;
	padding-top: 40%;
	margin: auto;
	font-size:14px;
	color:#FFFFFF;
	text-transform: uppercase;
	text-decoration:none;
}
#container .goldbox a:hover {
	background-color:#7F1416;
}