/* general
 */
body {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  color: black;
}


/* very important, this initial page setup.
 */
html, body {
	height: 100%;
}

* {
	margin: 0px;
}


/****************************************************************************\
	classes
	
\****************************************************************************/
.frames {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* (-4em) the bottom margin is the negative value of the footer's height */
}

.containers {
	margin: auto;
	padding-bottom: 60px;
}


.menus {
	min-height: 300px;
}

.contents {
	min-height: 300px;
}

.footers {
	height: 57px; /* (4em) .push must be the same height as .footer */
}

.clearers {
	clear: both;
}