/* ALFA TRANSFORMER LAYOUT CSS */


/* BROWSER CLEARING CODE BEGINS - v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* BROWSER CLEARING CODE ENDS */


/* LAYOUT CSS BEGINS */

body {
	background: #B7C1B8;
	margin: 0 auto;
	text-align: center;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}

.header {
	background: #B7C1B8 url('images/header.png') top left no-repeat;
	width: 900px;
	height: 165px;
	margin: 0;
	text-align: left;
}

.header img {
	display: block;
}

.content {
	background: #D2D8CD;
	border: 1px solid #0E5B8C;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 1%; /* Because IE is stupid. Forces 'has-layout'. */
}

.contenttop {
	background: #B7C1B8;
	width: 860px;
	margin: 20px 19px 18px 19px;
	text-align: left;
}

.contenttop #imgcenter {
	text-align: center;
	margin-top: 20px;
}

.contenttop #before {
	float: left;
	position: relative;
	top: 0px;
	left: 230px;
	margin-bottom: 20px;
}
.contenttop #after {
	float: left;
	position: relative;
	top: 0px;
	left: 460px;
	margin-bottom: 20px;
}

.hr {
	border-bottom: 1px solid #0E5B8C;
	margin: 0 19px 10px 19px;
}

.left {
	width: 449px;
	float: left;
	text-align: center;
	display: inline; /* Because IE is stupid. Allows float to work. */
}

.right {
	width: 449px;
	float: left;
	text-align: center;
}

.topleft {
	border-bottom: 1px solid #0E5B8C;
	width: 408px;
	margin: 10px 20px 20px 20px;
	text-align: left;
}

.topright {
	border-bottom: 1px solid #0E5B8C;
	width: 408px;
	margin: 10px 20px 20px 20px;
	text-align: left;
}

.bottomleft {
	width: 408px;
	margin: 10px 20px 30px 20px;
	text-align: left;
}

.bottomright {
	width: 408px;
	margin: 10px 20px 30px 20px;
	text-align: left;
}

.imageleft {
	float: left;
	margin-right: 10px;
}

.imageright {
	float: right;
	margin-left: 10px;
}

.clear {
	clear: both;
}

.footer {
	padding-top: 10px;
	margin-bottom: 10px;
}