@charset "utf-8";
/* CSS Document */

body {
	min-width: 900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* Allow text resizing */
  	font-size: 80%;
	/*font-size: 10px;*/
	background: #FFFFFF;
	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: #666666;
	width:100%;
	height:100%;
}

h3 {
	color:#000;
}

#wrapper #container #center {
  /* Because of the lack of min-height, we use height as an alternative */
  height: 400px;
}

.quetzaCenter #header {
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.quetzaCenter #container {
	background: url(../assets/quetza_logo_2009.png) no-repeat left top;
	width: 970px;
	margin: 25px auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top: 30px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.quetzaCenter #contentArea {
	width: 810px;
	height: auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.quetzaCenter #mainContentHeader {
	background: url(../assets/quetza_bg_head.png) no-repeat left bottom;
	height: 25px;
	padding: 10px;
}

.quetzaCenter #mainContent {
	background: url(../assets/quetza_bg_mid.png) repeat left top;
	height: auto;
	padding: 5px 20px; 
}

/* USED BY HOME PAGE */
.quetzaCenter #mainFixed {
	background: url(../assets/quetza_backdrop.png) no-repeat left top;
	height: 460px;
	padding: 10px 20px;
}

.quetzaCenter #mainContentFooter {
	background: url(../assets/quetza_bg_foot.png) no-repeat left top;
	height: 40px;
	padding: 10px; 
}

.quetzaCenter #floatImageMain {
	padding: 20px 20px;
	width: 290px;
	margin: 40px 10px 0px 10px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	float: left;
}

.quetzaCenter #floatBoxMain {
	background: url(../assets/quetza_box.png) no-repeat center;
	width: 366px;
	height: 282px;
	margin: 60px 20px;
	float: right;	
}

.quetzaCenter #innerDiv {
	margin: 40px;	
}

.quetzaCenter #footer {
	margin:auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}