html, body { height: 100%; }

body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	color: #CCC;
	background-color: black;
	background-repeat: no-repeat;
}
  div {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
  }
  #container {
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: -400px;
	margin-top: -280px;
	width: 800px;
	height: 660px;
  }
  #picture {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	height: 487px;
	background-position: center center;
 }
  #navigation 
  {
	position: relative;
	margin: auto;
	width: 133px;
	height: 52px;
	background-image: url(../Images/portfolio_nav.gif);
  }

  a {
	position: absolute;
	width: 44px;
	height: 54px;
	text-decoration: none;
	background-repeat: no-repeat;
  }
  a i { visibility: hidden; }

  a#prev { left: 0px; top: 0px; }
  a#next { right: 0px; top: 0px; }
  a#prev:hover { background-image: url(../Images/flash_prev_hover.gif); }
  a#next:hover { background-image: url(../Images/flash_next_hover.gif); }