html, body {
  margin: 0;
  padding: 5px 0 0 0;
  background-color: #eee;
  background-image: url(/images/shell/background.jpg);
}

#canvas {
  width: 934px;
  margin-left: auto;
  margin-right: auto;
}

#canvas-head {
  height: 350px;
  padding-top: 34px;
  background-image: url(/images/shell/canvas-head-bg.png);
}

#canvas-foot {
  height: 134px;
  background-image: url(/images/shell/canvas-foot-bg.png);
  background-position: bottom left;
}

#canvas-body {
  background-image: url(/images/shell/canvas-body-bg.png);
  padding-bottom: 40px;
  min-height: 400px;
}


#canvas-head #flare
{
	width: 850px;
	height: 255px;
	background: #449 url(/images/shell/flare.jpg);
	margin-left: auto;
  margin-right: auto;
}

#canvas-foot .container {
	background: #ccc url(/images/shell/footer-container-bg.jpg);
	width: 850px;
	height: 100px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
#canvas-foot .container .copyright {
	padding-top: 30px;
  text-align: center;
}
#canvas-foot .container .credits {
  padding-top: 2px;
  text-align: center;
}

#canvas-body .content {
	width: 800px;
  margin-left: auto;
  margin-right: auto;
}


.navigation {
	margin-top: 10px;
  width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.navigation ul li {
	float: left;
}

#madebytf p {
  font: 11px tahoma;
  color: #666;
  text-align: center;
}

#madebytf a { color: #fcfcfc; text-decoration: none; letter-spacing: 0.03em; }
#madebytf a:hover { color: #fcfcfc }
#madebytf a:hover strong { color: #E47833 }