html, body {
  height:100%;
	line-height:1.7;
}
p {
	margin-bottom:20px;
}

body {
  margin:0; padding:0;
  font-family:verdana;
	font-size:12px;
  background:url("gfx/bg.jpg") top center no-repeat #222;
  text-align:center;
}

a { color:#fff; }

h1, h2, h3, h4, h5, h6, a {
	color:#fff;
}

#Wrapper {
  position:relative;
  background:url("gfx/body.jpg");
  width:952px;
  margin:0 auto;
  padding:230px 0 0;
}

#Header {
  position:absolute;
  top:0; left:0;
  display:block;
  width:952px;
  height:280px;
  background:url("gfx/header.jpg") top left no-repeat;
  z-index:1;
}

#Header h1 {
  margin:0; padding:0;
  position:absolute;
  width:412px;
  height:60px;
  left:93px;
  top:99px;
}

#Header h1 a {
  position:absolute;
  left:0; top:0;
  display:block;
  width:100%;
  height:100%;
}

#Header h1 a span { display:none; }

#Header .Login {
  position:absolute;
  right:0; top:0;
  z-index:3;
}

#Header .Login a {
  font-weight:bold;
  width:7em;
  height:1.5em;
  display:block;
}

#Header .Login a span { display:none; }
#Header .Login a:hover span { display:inline; }

#Body {
  position:relative;
  z-index:2;
  text-align:left;
  width:920px;
  padding:0;
  margin:0 auto;
  text-align:left;
  color:#ddd;
	padding-bottom:50px;
}

#Footer {
  width:952px;
  padding-top:40px;
  height:100px;
  color:#666;
  font-size:small;
  clear:both;
  background:url("gfx/footer.jpg") center no-repeat;
}

/* Table of contents */

#Nav {
  position:absolute;
  left:195px;
  top:161px;
  display:block;
  width:563px;
  height:51px;
}

#Nav a {
  display:block;
  height:51px;
  position:absolute;
  top:0;
  outline:0;
}

#Nav .NavHome      { width:94px; }
#Nav .NavProjects  { width:112px; left:94px;  background-position:-94px  }
#Nav .NavWebDesign { width:139px; left:206px; background-position:-206px }
#Nav .NavResume    { width:109px; left:345px; background-position:-345px }
#Nav .NavContact   { width:109px; left:454px; background-position:-454px }

#Nav a span { display:none; }

#Nav a:active, #Nav a:focus, #Nav a:hover { background-image:url("gfx/toc_hover.jpg"); }
#Nav a.Active { background-image:url("gfx/toc.jpg"); }

.Projects .Project {
  margin-left:20px;
}

/*** Login form ***/
#Login table {
  width:300px;
  margin:0 auto;
}

.Buttons { text-align:center; }

.Welcome {
	color:#fff;
  width:95%;
  margin:0 auto;
}

.Welcome h2 span { display:none; }

.Welcome h2 {
	width:337px;
	height:72px;
	background:url("gfx/title.jpg");
	margin:20px auto;
}

.Welcome em {
	font-size:120%;
}

#Trail {
  margin:5px;
  text-align:center;
  font-size:smaller;
}

#Trail span, #Trail a {
  padding:2px;
}

#Trail span {
  color:#fff;
}

#Trail a {
  font-size:normal;
  color:#bbb;
}

a.BackLink {
  padding:5px 0 5px 26px;
  background:url("gfx/back.png") center left no-repeat;
}

a.BackLink:hover {
  background:url("gfx/back_h.png") center left no-repeat;
}