@charset "UTF-8";
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-=-=-= THESE STYLES DESIGNED AND BUILT WITH LOVING CARE -=-=-=
=-=-=-=- ENTIRELY BY HAND JUST FOR YOU BY IAN BESLER -=-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=
-=-=-= CSS RESET =-=-=-
=-=-=-=-=-=-=-=-=-=- */

* {
	margin: 0;
	padding: 0;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-= HTML5 SEMANTIC TAGS =-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

	body {
		background-color: #fff;
	}

	main#canvas {
		margin: 4.45vw auto 0 auto;
		width: 47.8vw;
		height: 46.6vw;
	}

		section {
			width: 100%;
		}

		article {
			float: left;
			height: 100%;
		}

			section#row-one {
				height: 20.5%;
			}

				article#row-one-col-one {
					width: 21.5%;
				}

				article#row-one-col-two {
					width: 14%;
				}

				article#row-one-col-three {
					width: 20%;
				}

				article#row-one-col-four {
					width: 9%;
				}

				article#row-one-col-five {
					width: 35.5%;
				}

			section#row-two {
				height: 14.6%;
			}

				article#row-two-col-one {
					width: 21.5%;
				}

				article#row-two-col-two {
					width: 14%;
				}

				article#row-two-col-three {
					width: 8.8%;
				}

				article#row-two-col-four {
					width: 5.7%;
				}

				article#row-two-col-five {
					width: 50%;
				}

			section#row-three {
				height: 9%;
			}

				article#row-three-col-one {
					width: 21.5%;
				}

				article#row-three-col-two {
					width: 14%;
				}

				article#row-three-col-three {
					width: 8.8%;
				}

				article#row-three-col-four {
					width: 5.7%;
				}

				article#row-three-col-five {
					width: 28.8%;
				}

				article#row-three-col-six {
					width: 21.2%;
				}

			section#row-four {
				height: 6%;
			}

				article#row-four-col-one {
					width: 21.5%;
				}

				article#row-four-col-two {
					width: 14%;
				}

				article#row-four-col-three {
					width: 8.8%;
				}

				article#row-four-col-four {
					width: 5.7%;
				}

				article#row-four-col-five {
					width: 5.7%;
				}

				article#row-four-col-six {
					width: 23.1%;
				}

				article#row-four-col-seven {
					width: 21.2%;
				}

			section#row-five {
				height: 5.5%;
			}

				article#row-five-col-one {
					width: 21.5%;
				}

				article#row-five-col-two {
					width: 22.8%;
				}

				article#row-five-col-three {
					width: 5.7%;
				}

				article#row-five-col-four {
					width: 5.7%;
				}

				article#row-five-col-five {
					width: 8.8%;
				}

				article#row-five-col-six {
					width: 14.3%;
				}

				article#row-five-col-seven {
					width: 21.2%;
				}

			section#row-six {
				height: 9%;
			}

				article#row-six-col-one {
					width: 21.5%;
				}

				article#row-six-col-two {
					width: 28.5%;
				}

				article#row-six-col-three {
					width: 5.7%;
				}

				article#row-six-col-four {
					width: 8.8%;
				}

				article#row-six-col-five {
					width: 14.3%;
				}

				article#row-six-col-six {
					width: 21.2%;
				}

			section#row-seven {
				height: 14.6%;
			}

				article#row-seven-col-one {
					width: 50%;
				}

				article#row-seven-col-two {
					width: 5.7%;
				}

				article#row-seven-col-three {
					width: 8.8%;
				}

				article#row-seven-col-four {
					width: 14.2%;
				}

				article#row-seven-col-five {
					width: 21.3%;
				}

			section#row-eight {
				height: 20.5%;
			}

				article#row-eight-col-one {
					width: 35.5%;
				}

				article#row-eight-col-two {
					width: 9%;
				}

				article#row-eight-col-three {
					width: 20%;
				}

				article#row-eight-col-four {
					width: 14.2%;
				}

				article#row-eight-col-five {
					width: 21.3%;
				}

		aside {
			font-size: 0.8em;
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			padding-top: 0.2em;
		}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-= COLOR CLASSES =-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.carlo-vivarelli-black {
	background-color: #1a0a18;
}

	.carlo-vivarelli-black:hover {
		background-color: #f22;
	}

.carlo-vivarelli-red {
	background-color: #f22;
}

	.carlo-vivarelli-red:hover {
		background-color: #1a0a18;
	}

.carlo-vivarelli-orange {
	background-color: #fe8534;
}

	.carlo-vivarelli-orange:hover {
		background-color: #598;
	}

.carlo-vivarelli-turquoise {
	background-color: #598;
}

	.carlo-vivarelli-turquoise:hover {
		background-color: #fe8534;
	}