@charset "UTF-8";

/* COLORS:
BLUE: #003D93
*/



body {
	font: 90% Helvetica, Verdana, Arial, sans-serif;
	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;
}
#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 40px 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

a, a:link, a:visited, a:active { text-decoration: none; color: black; }

a:hover { text-decoration: underline; }

.logo { margin: 0 0 0 25px; }

.quote { font-size: 70%; width: 250px; float: right; text-align: right; margin: 0 25px 0 0; }

.feature { clear: both; }

.button-left { float: left; padding: 100px 0 0 0; z-index: 100; position: absolute; }

.button-right { float: right; padding: 100px 0 0 877px; z-index: 100; position: absolute; }

#gallery { width: 900px; height: 360px; overflow: hidden; margin: 20px 0 0 0; }
#gallery .item { width: 900px; }
#gallery .text { padding: 4px 0 0 20px; font-size: 70%; color: grey; width: 850px;  }

#boxes { width: 810px; clear: both; padding: 30px 0 0 20px; }
#boxes .number { font-size: 500%; color: #003D93; float: left; font-weight: bold; padding: 0 0 0 5px; }
#boxes .text { width: 210px; float: left; padding: 10px 10px 0 5px; }
#boxes h1 { font-size: 180%; font-weight: bold; margin: 0; }
#boxes h2 { font-size: 110%; font-weight: bold; margin: 0; }

#checks a, #checks a:link, #checks a:active { text-decoration: none; color: black; padding: 0 0 0 19px; background: url(../images/check-blank.gif) no-repeat left top;  }
#checks a:visited { background: url(../images/check.gif) no-repeat left top; }
#checks a:hover { text-decoration: underline; background: url(../images/check.gif) no-repeat left top; }

#boxes .icon { float: left; padding: 0 2px 0 0; }

#closer { clear: both; font-size: 60%; padding: 50px 25px 0 25px; }
#closer .right { float: right; clear: right; padding: 0 0 4px 0; }
#closer .left { float: left; padding: 0 10px 0 0; }

.popinfo { display: none; font-size: 70%; background: white; z-index: 100; position: absolute; border: 1px solid #003D93; width: 200px; padding: 4px; margin: 0 20px 0 0; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; left: -35%;}