/*	Why
	======================================================================= */

	@define {
		bannerBackground: #414C3C;
	}

	body {
		counter-reset: reason;
	}

	h2+p {
		font-size: 1.2em;
		color: #414C3C;
		text-shadow: white 0px 1px;
	}

	dl.why dt {
		position: relative;
		padding-left: 12.5em;
	}

	dl.why dt:before {
		counter-increment: reason;
		content: counter(reason);
		top: 0px;
		position: absolute;
		background-color: rgb(123, 144, 97);
		color: white;
		display: inline-block;
		height: 100%;
		width: 1.5em;
		text-align: center;
		line-height: 32px;
		font-size: 1.5em;
		font-weight: bold;
		margin-left: -48px;
	}

	dl.why {
		margin: 8px 8px;
	}

	dl.why dt {
		font-size: 1.2em;
		font-weight: bold;
		color: $bannerBackground;
		padding: 4px 0px;
		padding-left: 48px;
		background-color: white;
		text-shadow: none !important;
		margin-bottom: 8px;

		border: 1px;
		border-style: solid none;

	}

	dl.why dd {
		margin-bottom: 8px;
	}