/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=- STYLES DESIGNED AND BUILT BY IAN BESLER -=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

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

	* {
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-indent: 0;
	}

/* -=-=-=-=-=-=-=-
-=-=-= HTML -=-=-=
=-=-=-=-=-=-=-= */

	html {
	
	}

/* -=-=-=-=-=-=-=-
-=-=-= BODY -=-=-=
=-=-=-=-=-=-=-= */

	body {
	
	}

/* -=-=-=-=-=-=-
-=-=-= DIV =-=-=
=-=-=-=-=-=-= */

	div {
	
	}

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

	header {

	}

	nav {

	}

		li {
			padding-left: 20px;
		}

	section {

	}

	article {

	}

	figure {

	}

	footer {

	}

	.indent-one {
		margin-left: 2%;
	}

	.indent-two {
		margin-left: 4%;
	}

	.indent-three {
		margin-left: 6%;
	}

	.indent-four {
		margin-left: 8%;
	}

	.indent-five {
		margin-left: 10%;
	}

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

	.black {
		background-color: #000;
	}

	.red {
		background-color: #f00;
	}
	
	.orange {
		background-color: #ffa500;
	}
	
	.yellow {
		background-color: #ff0;
	}
	
	.green {
		background-color: #0f0;
	}

	.cyan {
		background-color: #0ff;
	}
	
	.blue {
		background-color: #00f;
	}
	
	.purple {
		background-color: #800080;
	}
	
	.magenta {
		background-color: #f0f;
	}

	.white {
		background-color: #fff;
	}