@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #124E91;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.MattarMedia #container {
	width: 772px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #012F53;
	background-image:url(images/contbg.png);
	background-repeat:repeat-y;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*	border: 2px solid #CCCCCC;*/
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.MattarMedia #mainContent {
	padding-bottom: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.MattarMedia #disclaimer {
	margin: 10px;
	padding:5px;
	color: #012F53;
	background-color: #CCCCCC;
	font-size:0.7em;
	text-align:justify;
}
.MattarMedia #footer {
	background-color:#012F53;
	color:#FFFFFF;
}