body {
	background-color: #f60;
	color: #d9d4d0;
	font-family: 'Walter Turncoat', sans-serif;
	letter-spacing: 2px;
}

.wizard {
	height: 100%;
	width: 100%;
}
html.wizard {
	display: table;
}
body.wizard {
	display: table-cell;
	vertical-align: middle;
}

.pagecontain {
	background-image: url(http://dayofthedevs.com/images/alphaskull2_white.png);
	background-repeat: no-repeat;
	background-position: center 30px;
	background-attachment: fixed;
}

.row {
	width: 100%;
	text-align: center;
	position: relative;
}

.content {
	width: 760px;
	margin: 0px auto;
	padding: 30px 0px;
	position: relative;
	display: block;
	border-style: solid;
	-webkit-transition: border-width 0.15s;
	transition: border-width 0.15s;
}

.content:hover {
	border-width: 0px 7px 0px 7px;
}

.row1 {
	background-color: #3e1208;
	background-color: rgba(0,0,0,0.7);
}

	.row1 .content {
		background-color: #310e08;
		background-color: rgba(0,0,0,0.2);
		height: 330px;
		background-image: url(../images/mainlogo_760_2.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center 12px;
	}
		.row1 .content:hover {
			border: 0;
		}

	.bannerlink {
		position: absolute;
		filter:Alpha(opacity=0);
		opacity: 0;
		-webkit-transition: all 0.25s;
		transition: all 0.25s;		
	}

		.dflink {
			left: 26px;
			top: 15px;
		}
		.iam8bitlink {
			right: 182px;
			bottom: 24px;
		}
		.bannerlink:hover {
			filter:Alpha(opacity=100);
			opacity: 1;
		}

	.fblink {
		position: absolute;
		left: -20px;
		bottom: -70px;
		z-index: 9999;
		transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		background-color: rgb(172, 68, 0);
		border-radius: 10px 10px 40px 40px;
	}
		.fblink h3 {
			letter-spacing: 2px;
			font-size: 12px;
			text-transform: uppercase;
			color: #d9d4d0;
			background-color: rgb(172, 68, 0);
			margin-bottom: -1px;
			padding: 5px 0 3px 0;
			border-radius: 5px 5px 0 0;
		}
		.fblink img {
			padding: 0px 5px 4px 5px;
			background-color: rgb(172, 68, 0);
			border-radius: 0 0 20px 20px;
		}

	a.fblink:hover h3, a.fblink:hover img {
		background-color: rgb(216, 86, 0);
	}

.row2 {
	background-color: #e74e2c;
	background-color: rgba(0,0,0,0.15);
}

	.row2 .content {
		background-color: #b83c2c;
		background-color: rgba(0,0,0,0.2);
		border-color: #b83c2c;
		border-color: rgba(0,0,0,0);
	}

.row3 {
	background-color: rgb(184, 62, 35);
	background-color: rgba(0,0,0,0.3);
}

	.row3 .content {
		background-color: #6d2819;
		background-color: rgba(0,0,0,0.2);
		border-color: #6d2819;
		border-color: rgba(0,0,0,0);
		padding-bottom: 15px;
	}

.row4 {
	background-color: rgb(146, 49, 27);
	background-color: rgba(0,0,0,0.5);
}

	.row4 .content {
		background-color: #571f19;
		background-color: rgba(0,0,0,0.2);
		border-color: #571f19;
		border-color: rgba(0,0,0,0);
	}

.row5 {
	background-color: rgb(146, 49, 27);
	background-color: rgba(0,0,0,0.6);
}

	.row5 .content {
		background-color: #571f19;
		background-color: rgba(0,0,0,0.2);
		border-color: #571f19;
		border-color: rgba(0,0,0,0);
	}

.row6 {
	background-color: rgb(86, 31, 19);
	background-color: rgba(0,0,0,0.7);
}

	.row6 .content {
		background-color: #3e1208;
		background-color: rgba(0,0,0,0.2);
		border-color: #3e1208;
		border-color: rgba(0,0,0,0);
	}

.row7 {
	background-color: rgb(69, 24, 19);
	background-color: rgba(0,0,0,0.8);
}

	.row7 .content {
		background-color: #310e08;
		background-color: rgba(0,0,0,0.2);
		border-color: #310e08;
		border-color: rgba(0,0,0,0);
	}

.content h2 {
	font-size: 20px;
	text-transform: uppercase;
	-webkit-text-size-adjust: 100%;
	margin: 0px 20px 20px 20px;
}
	.content h2:before, .content h2:after {
		position: relative;
		top: 3px;
		margin: 0px 10px;
	}
	.content h2:before {
		content: url(../images/flourish_left.png);
	}
	.content h2:after {
		content: url(../images/flourish_right.png);
	}

.content li {
	display: inline-block;
}

.row2 .content {
	font-size: 48px;
}
	.row2 .content li {
		width: 210px;
		margin-bottom: 20px;
	}
	.row2 .content h3 {
		text-transform: uppercase;
		padding: 3px 0;
		font-size: inherit;
	}
	.row2 .content h3:before, .row2 .content h3:after {
		margin: 0px 7px 0px 10px;
	}
	.row2 .content h3:before {
		content: url(../images/arrow_left.png);
	}
	.row2 .content h3:after {
		content: url(../images/arrow_right.png);
	}

.row3 .content {
	font-size: 20px;
}
	.row3 .content li {
		width: 300px;
		margin-bottom: 15px;
	}
	.content li.fullline {
		width: 100% !important;
	}

.row4 .content h3, .row5 .content h3 {
	font-size: 34px;
	margin-bottom: 5px;
}
.row4 .content h4, .row5 .content h4 {
	font-size: 20px;
}

.row6 .content {
	font-size: 34px;
	padding-bottom: 10px;
}
	.row6 .content p {
		padding-bottom: 20px;
	}

a {
	color: rgb(180, 140, 70);
	text-decoration: none;
}
	a:hover {
		color: #e74e2c;
	}

.fblinkfooter {
	margin: 0 auto;
}
	.fblinkfooter img, .fblinkfooter .text {
		display: inline-block;
	}
	.fblinkfooter .text {
		width: 230px;
		text-align: left;
		vertical-align: top;
		font-size: 28px;
		margin-left: 10px;
		color: #d9d4d0;
	}
		.fblinkfooter .text h3 {
			text-transform: uppercase;
		}
		.fblinkfooter .text h4 {
			text-transform: lowercase;
			display: inline;
		}

.row6 a.content:hover {
	background-color: rgba(255, 108, 39, 0.13);
	border-color: rgb(86, 31, 19);
	border-color: rgba(0,0,0,0);

}
.row7 a.content:hover .fblinkfooter .text {
	color: rgb(180, 140, 70);
}