#header {
    background: url(./graphics/headerpic_water1.jpg) no-repeat;
	width: 860px;
	height: 139px; /* Note: this is less than the image size.  Doesn't matter since image is a background. */
	margin: 0px;
	}

#frontpage {
    float: left;
    background-image: url(./graphics/frontpic_water1_test.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    width: 860px;
    height: 456px;
}

#frontpage p {
    margin: 0 0 0 20px;
    width: 320px;
}

#buttons { height: 23px;}
#buttons a:hover { background-position: 0 -22px; }

#buttons a {
  margin: 6px 0 0 6px;
  height: 23px;
  display: block;
  float: left; }

#btn_home a {
  background: url(./graphics/btn_home.gif) 0 0 no-repeat;
  width: 74px; }

#btn_galleries a {
  background: url(./graphics/btn_galleries.gif) 0 0 no-repeat;
  width: 90px; }

#btn_links a {
  background: url(./graphics/btn_links.gif) 0 0 no-repeat;
  width: 55px; }

#btn_contact a {
  background: url(./graphics/btn_contact.gif) 0 0 no-repeat;
  width: 87px; }

#btn_professional a {
  background: url(./graphics/btn_professional.gif) 0 0 no-repeat;
  width: 118px; }

#btn_resume a {
  background: url(./graphics/btn_resume.gif) 0 0 no-repeat;
  width:81px;
}


#footer {
    background: url(./graphics/footerpic_water1.jpg) no-repeat;
    width: 860px;
	height: 114px;
	background-color: #000000;
	color: #747474;
	text-align: center;
	font-size: 7pt;
	margin: 0px auto;
	clear: both;
	}