body {
  font-family: Verdana, Tahoma, SunSans-Regular, sans-serif;
  font-size: small;
  color: #292015;
  background-color: #D6CCC1;
  margin-top: 20px;
  margin-left: 0px;
  }

div.root {
  position: relative;
  width: 925px;
  margin: 0 auto;
  padding: 0px;
  }

div.contentback {
  width: 925px;
  background-image: url("images/contentback.png");
  }

div.content {
  margin: 0px 49px;
  padding: 0px;
  width: 827px;
  }

div.title {
  width: 925px;
  height: 220px;
  margin: 0 auto;
  padding: 0px;
  background-image: url("images/top.png");
  }

div.right {
  position: absolute;
  left: 876px;
  width: 49px;
  height: 500px;
  margin: 0 auto;
  padding: 0px;
  background-image: url("images/right.png");
  }

div.left {
  position: absolute;
  left: 0px;
  width: 49px;
  height: 500px;
  margin: 0 auto;
  padding: 0px;
  background-image: url("images/left.png");
  }

div.bottom {
  position: relative;
  width: 925px;
  height: 49px;
  margin: 0 auto;
  padding: 0px;
  background-image: url("images/bottom.png");
  }


/* Divs below here are used for individual content pages */

div.images {
  margin: 0 auto;
  padding: 0px;
  }

div.images img {
  border: 2px solid #332D25;
  }

/* Get rid of annoying grey underline on image thumbnails */
div.images a {
  background-color: #CFBFAC;
  }

div.thumbs {
  width: 742px;
  margin: 0px 42px;
  padding: 0px;
  }

/* Get rid of annoying grey underline on image thumbnails */
div.thumbs a {
  background-color: #CFBFAC;
  }

div.thumbs img {
  border: 3px solid #332D25;
  margin: 10px;
  }

/* Begin navbar buttons 
   These are all positioned absolutely */

a.illustration {
  display: block;
  position: absolute;
  top: 189px;
  left: 114px;
  width: 110px;
  height: 25px;
  padding: 0 0 0 0;
  background: url("images/illustration_off.png") 0 0 no-repeat;
  text-decoration: none;
  }

a.illustration:hover { 
  background: url("images/illustration_on.png") 0 0 no-repeat;
  }

a.conceptart {
  display: block;
  position: absolute;
  top: 189px;
  left: 265px;
  width: 103px;
  height: 25px;
  padding: 0 0 0 0;
  background: url("images/conceptart_off.png") 0 0 no-repeat;
  text-decoration: none;
  }

a.conceptart:hover { 
  background: url("images/conceptart_on.png") 0 0 no-repeat;
  }

a.threed {
  display: block;
  position: absolute;
  top: 189px;
  left: 406px;
  width: 34px;
  height: 25px;
  padding: 0 0 0 0;
  background: url("images/3d_off.png") 0 0 no-repeat;
  text-decoration: none;
  }

a.threed:hover { 
  background: url("images/3d_on.png") 0 0 no-repeat;
  }

a.sketchbook {
  display: block;
  position: absolute;
  top: 189px;
  left: 476px;
  width: 101px;
  height: 25px;
  padding: 0 0 0 0;
  background: url("images/sketchbook_off.png") 0 0 no-repeat;
  text-decoration: none;
  }

a.sketchbook:hover { 
  background: url("images/sketchbook_on.png") 0 0 no-repeat;
  }

a.resume {
  display: block;
  position: absolute;
  top: 189px;
  left: 625px;
  width: 67px;
  height: 25px;
  padding: 0 0 0 0;
  background: url("images/resume_off.png") 0 0 no-repeat;
  text-decoration: none;
  }

a.resume:hover { 
  background: url("images/resume_on.png") 0 0 no-repeat;
  }

a.contact {
  display: block;
  position: absolute;
  top: 189px;
  left: 739px;
  width: 73px;
  height: 25px;
  padding: 0 0 0 0;
  background: url("images/contact_off.png") 0 0 no-repeat;
  text-decoration: none;
  }

a.contact:hover { 
  background: url("images/contact_on.png") 0 0 no-repeat;
  }

/* End navbar buttons */

p.centre {
  text-align: center;
  }

h1 {
  font-size: medium;
  }

h1.centre {
  font-size: medium;
  text-align: center;
  }

h2 {
  font-size: small;
  font-weight: bold;
  }

a:link {
  color: #000000;
  background-color: #CFBFAC;
  }

a:visited {
  color: #292015;
  background-color: #CFBFAC;
  }

a:hover {
  color: #AD3131;
  background-color: #CFBFAC;
  }

a img {
  border: none;
  }