/*CSS Reset*/

* {
	margin: 0;
	padding: 0;
}

/*Color Classes*/
	.beige1 {
		background-color:#ffecbb;
		width: 45px;
	}
		.beige1:hover {
		background-color:brown;
		width: 45px;
	}

	.purple1 {
		background-color: #4c3e4d;
		width: 38px;
	}
	.purple1:hover {
		background-color: lavender;
		width: 38px;
	}

	.light-beige1 {
		background-color: #f3e9c1;
		width: 20px;
	}

	.light-beige1:hover {
		background-color: brown;
		width: 20px;
	}

	.light-brown1 {
		background-color:#cec0a3;
		width: 25px;
	}

		.light-brown1:hover {
		background-color:beige;
		width: 25px;
	}

	.dark-brown1 {
		background-color: #646456;
		width: 25px;
	}

	.dark-brown1:hover {
		background-color:beige;
		width: 25px;
	}

	.light-beige2 {
		background-color: #cec0a3;
		width: 25px;
	}

		.light-beige2:hover {
		background-color:brown;
		width: 25px;
	}

	.light-beige3 {
		background-color: #ebdfbc;
		width: 46px;
	}


	.light-beige3:hover {
		background-color: brown;
		width: 46px;
	}

	.brown1 {
		background-color: #a5896d;
		width: 22px;
	}

		.brown1:hover {
		background-color:purple;
		width: 22px;
	}

	.dark-brown2 {
		background-color: #686657;
		width: 23px;
	}

		.dark-brown2:hover {
		background-color: beige;
		width: 23px;
	}


	.light-beige4 {
		background-color: #efe0bf;
		width: 7px;
	}


	.light-beige4:hover {
		background-color: brown;
		width: 7px;
	}

		.beige2 {
		background-color:#ffecbb;
		width: 47px;
	}

			.beige2:hover {
		background-color:chocolate;
		width: 47px;
	}


/*CANVAS*/

main#canvas {
	width: 500px;
	height: 395px;
}

article {
	width: 
	height:
	margin-top:
	margin-left:

}

/*HTML5 SEMANTIC TAGS*/

section {
	width: 10%;
	height:100%;
	float: left;
}