@import url(http://fonts.googleapis.com/css?family=Open+Sans);
.tile
{
	position: relative;
	color:#fff;
	text-align: center;
	font-family: opensans-regular;
	font-weight: normal; 
	float: left;
	left: 0px;
	margin: 5px;
	padding: 5px;
	cursor: pointer;
	vertical-align: bottom;
}

.medium {
	height: 66px;
	width: 81px;
}
.long {
	height: 66px;
	width: 186px;
}

.blue { 
	background-color: #2878EC; 
	border: 2px solid #2878EC;
}

.dark_blue {
	background-color: #0066CC; 
	border: 2px solid #0066CC;
}

.indigo {
	background-color: #7276C2; 
	border: 2px solid #7276C2;
}
.silver {
	background-color: #AAAAAA; 
	border: 2px solid #AAAAAA;
}

.light_water {
	background-color: #58BBDC; 
	border: 2px solid #58BBDC;
}


.red { 
	background-color: #e51400;
	border: 2px solid #e51400;
}
.green {
	background-color: #6ABB1A;
	border: 2px solid #6ABB1A;
}
.dark_green {
	background-color: #2DB200;
	border: 2px solid #2DB200;
}
.water {
	background-color: #00A0B1;
	border: 2px solid #00A0B1;
}
.orange {
	background-color: #E9B132;
	border: 2px solid #E9B132;
}
.dark_orange {
	background-color: #DD7426;
	border: 2px solid #DD7426;
}
.violet {
	background-color: #A300D9;
	border: 2px solid #A300D9;
}

.tile:hover {
	border: 2px solid #CCCCCC;
}

.tile-image {
	padding-top: 3px;
}

.tile-text {
	position: absolute;
	text-align: left;
	font-size: 10pt;
	bottom: 3px;
	left: 3px;
}

.tile-description {
	position: absolute;
	text-align: left;
	font-size: 6.5pt;
	bottom: 3px;
	left: 3px;
}

.tile-text-hover{
	position: absolute;
	text-align: left;
	font-size: 10.8pt;
	bottom: 3px;
	left: 3px;
}

.tile-link {
	display: none;
}

.tile-href {
	display: none;
}

.tile-frame {
	position: relative;
	height: 200px;
	text-align: left;
	float:left; 
}

#long-prev {
	width: 30px;
	top: 60px;
	left: 240px;
	height: 200px;
	position: absolute;
	z-index: 10;
	display: none;
	background-image: url('../images/arrowleft.png');
	cursor: pointer;
}

#long-forw {
	width: 30px;
	top: 60px;
	left: 790px;
	height: 200px;
	position: absolute;
	z-index: 10;
	display: none;
	background-image: url('../images/arrowright.png');
	cursor: pointer;
}

.first_row {
	position: absolute;
	top: 15px;
}
.second_row {
	position: absolute;
	top: 105px;
	left: 0px;
}