body {
	background-image: url(../images/page_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
}
/* ---------------------------- */
/* wrapper */
/* ---------------------------- */
#wrapper {
	position: absolute;
	height: 600px;
	width: 800px;
	left: 0px;
	top: 0px;
	margin: auto;
	
}
/* ---------------------------- */
/* navigation - left side */
/* ---------------------------- */
#navigation {
	position: absolute;
	width: 200px;
	top: 180px;
	left: -40px;
}

#navigation ul {
	width: 218px;
}

#navigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	list-style-type: none;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
}

#navigation li a:link {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding-left: 15px;
	padding-right: 10px;
}

#navigation li a:hover {
	text-decoration: none;
	color: #F9D20B;
	display: block;
	padding-left: 15px;
	padding-right: 10px;
	background-color: #0066FF;
}
/* ---------------------------- */
/* banner elements */
/* ---------------------------- */
#banner {
	position: absolute;
	width: 573px;
	left: 225px;
	top: 0px;
	height: 110px;
}

#banner #home {
	background-color: #0066CC;
	position: absolute;
	left: 0px;
	top: 0px;

	background-image: url(images/00_natural creek.jpg);
	background-repeat: no-repeat;
	width: 107px;
	height: 100px;

	background-image: url(../APA/images/00_natural creek.jpg);
	background-image: url(../images/00_LA%20smog.jpg);
}

#banner #about {
	background-color: #0066CC;
	position: absolute;
	left: 107px;
	top: 0px;

	background-image: url(images/00_BA falcon.jpg);
	background-repeat: no-repeat;
	width: 107px;
	height: 100px;

	background-image: url(../APA/images/00_BA falcon.jpg);
	background-image: url(../images/00_drill%20rig.jpg);
}

#banner #contact {
	background-color: #0066CC;
	position: absolute;
	left: 214px;
	top: 0px;

	background-image: url(images/00_LA smog.jpg);
	background-repeat: no-repeat;
	width: 107px;
	height: 100px;

	background-image: url(../APA/images/00_LA smog.jpg);
	background-image: url(../images/00_natural%20creek.jpg);
}

#banner #downloads {
	position: absolute;
	left: 321px;
	top: 0px;
	background-repeat: no-repeat;
	width: 107px;
	height: 100px;
}

#banner .navbutton {
	margin-top: 80px;
}
/* ---------------------------- */
/* content */
/* ---------------------------- */
#content {
	position: absolute;
	left: 225px;
	top: 130px;
	width: 540px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#content h1 {
	color: #006600;
	font-size: 1.5em;
}

#content li {
	font-size: .8em;
	line-height: 1.2em;
}

#content h2 {
	color: #0033CC;
	font-size: 1.2em;
}
#content p {
	color: #000000;
	font-size: 0.8em;
}
/* ---------------------------- */
#navigation li a:visited {

	text-decoration: none;
	color: #FF00FF;
	display: block;
	padding-left: 15px;
	padding-right: 10px;
}