/**********************************************/
/******************** SECTION ******************/
/**********************************************/
.section{
	display: block;
	position: relative;
	width: 1040px;
	margin: auto;
	text-align: left;
	margin-top: 40px;
}
.section .title{
	font-weight: 400;
	font-size: 2.0em;
	text-align: left;
	margin: auto auto auto 10px;
	color: #fff;
}
.section .description{
	font-weight: 200;
	font-size: 1.0em;
	text-align: left;
	margin: auto;
	margin: auto auto auto 20px;
}

/**********************************************/
/******************** TILES ******************/
/**********************************************/

.tiles{
	display: block;
	position: relative;
	width: 1040px;
	margin: auto;
}
.tiles .line-normal, .tiles .line-small, .tiles .line-large{
	display: block;
	position: relative;
	float: left;
	clear: both;
}

.tiles .line{ height: 200px;margin: 0px 0px 4px 0px; }
.tiles .line-small{ height: 100px;margin: 0px 0px 2px 0px; }

.tiles .line .tile{
	display: block;
	position: relative;
	float: left;
	/*margin: 0px 4px 0px 0px;*/
	margin: 0px 0px 0px 4px;
	text-decoration: none;
}
.tiles .line .tile:hover{
	text-decoration: none;
}
.tiles .line .tile img{
	margin: 15px 0 0 0;
}
.tiles .line .tile a, .tiles .line .tile a:hover{
	text-decoration: none;
}

.tiles .line .tile p.title{
	font-weight: 400;
	font-size: 1.7em;
	margin: 5px 0 0 0;
}
.tiles .line .tile p.description{
	font-weight: 200;
	font-size: 1.2em;
	margin: 0px 0 0 0;
}

.tiles .line .tile .white{
	color: #fff;
}

.tiles .line .tile .black{
	color: #000;
}


.tiles .line .tile-small{
	display: block;
	position: relative;
	float: left;
	margin: 0px 0px 0px 4px;
}
.tile-container{
	display: block;
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
}

.size1{ width: 200px;height: 200px; }
.size2{ width: 404px;height: 200px; }
.size3{ width: 608px;height: 200px; }
.size4{ width: 812px;height: 200px; }
.size5{ width: 1016px;height: 200px; }

.cont-1{ width: 204px;height: 200px; }
.cont-2{ width: 408px;height: 200px; }
.cont-3{ width: 612px;height: 200px; }
.cont-4{ width: 816px;height: 200px; }
.cont-5{ width: 1020px;height: 200px; }

.small-1{ width: 98px;height: 98px; }
.small-2{ width: 200px;height: 98px; }
.small-3{ width: 302px;height: 98px; }
.small-4{ width: 404px;height: 98px; }
.small-5{ width: 506px;height: 98px; }

.tile-blue{ background: #009ad7; }
.tile-blue:hover{ background: #005683; }
.tile-darkblue{ background: #005683; }
.tile-darkblue:hover{ background: #009ad7; }
.tile-red{ background: #c22424; }
.tile-red:hover{ background: #891f19; }
.tile-darkred{ background: #a81f1f; }
.tile-darkred:hover{ background: #c22439; }
.tile-violet{ background: #943285; }
.tile-violet:hover{ background: #81045f; }
.tile-darkviolet{ background: #770b5a; }
.tile-darkviolet:hover{ background: #93305f; }
.tile-yellow{ background: #ffe050; }
.tile-yellow:hover{ background: #dcbe2c; }
.tile-darkyellow{ background: #fdcb1f; }
.tile-darkyellow:hover{ background: #daac12; }
.tile-orange{ background: #ff791f; }
.tile-orange:hover{ background: #c9631e; }
.tile-darkorange{ background: #f16d25; }
.tile-darkorange:hover{ background: #c65a1e; }
.tile-green{ background: #68af27; }
.tile-green:hover{ background: #2c8c1f; }
.tile-darkgreen:hover{ background: #68af27; }
.tile-darkgreen{ background: #2c8c1f; }