/* CSS */

* {
	margin: 0px;
	padding: 0px;
}

html, body {
	background: #000 url(../images/BODY_BG_RED.jpg) no-repeat top left;
	margin: 0px;
	padding: 0px;
}

html, body, p, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 1.6em;
}

#mainContainer {
	width: 831px;
	margin: 0px;
	padding: 0px;
}

/* HEADER */

#header {
	width: 831px;
	height: 160px;
	margin: 0px;
	padding: 0px;
}
	

/* CONTENT */

#contentContainer {
	position: relative;
	width: 787px;
	margin: 0px 20px 10px 18px;
	padding: 20px 0px 0px 0px;
	background: url(../images/CONTENT_BG.jpg) no-repeat top right;
}
html>body #contentContainer {
	position: relative;
	width: 787px;
	margin: 0px 20px 10px 18px;
	padding: 20px 0px 0px 44px;
	background: url(../images/CONTENT_BG.png) top left;
}

#textArea {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px 15px 20px 44px;
	width: 323px;
	line-height: 1.6em;
}
html>body #textArea {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px 15px 20px 0px;
	width: 323px;
	line-height: 1.6em;
}

#calloutArea {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 403px;
}

#contactUsArea {
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 44px;
	width: 787px;
	height: 44px;
}	
html>body #contactUsArea {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 831px;
	height: 44px;
}

/* FOOTER */

#footer {
	clear: both;
	padding: 0px 0px 0px 44px;
	margin: 0px;
	width: 787px;
}
html>body #footer {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 831px;
}

#footer p { color: #fff; font-size: 10px; line-height: 1.6em;}
#footer p a:link { color: #ff0036; text-decoration: none; }
#footer p a:visited { color: #ff0036; text-decoration: none; }
#footer p a:hover { color: #fff; text-decoration: none; }
#footer p a:active, #footer p a:focus { color: #ff0036; text-decoration: none; }