body{
  font-family:arial, helvetica, sans-serif; 
  padding:0;
  margin:0;
  text-align:center;
}

p{
  margin:0;
  padding:0;
}

h3{
  font-size:1em;
  margin:.3em 0;
}

h4{
  font-style: italic;
  font-size:.9em;
  margin:.3em 0;
}

#wrapper{

  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  width:900px;
}

#menu{
  background-color:#393939;
  border:1px solid #313131;
  width:222px;
  color:white;
  font-weight:bold;
  font-size:1.5em;
  line-height:2em;
  text-align: right;
  float:left;
}

#menu h2{
  position:absolute;
  left:-10000px;
}

#menu ul{
  list-style-type:none;
  margin: 2em;
}

#menu a{
  color:white;
  text-decoration:none;
}

a img{
  border:0px;
}

#main{
  width:600px;
  float:left;
  margin-left:50px;
  text-align:left;
  margin-bottom:50px;
}


#main p{
  font-size:80%;
  color:#565656;
  width:400px;
}

h1{
  margin:15px 0 7px 0;
}

li a img{
  border:1px solid black;
}


#footerwrapper{
  background-color:#6c6c6c;
  border-top:2px solid #565656;
  width:100%;
  clear:both;
  height:300px;
  color:white;
  text-align:center;
}

#footer{
  margin-left:auto;
  margin-right:auto;
  width:900px;
  text-align:left;
  font-size:80%;
}

#contactinfo{
  float:left;
  margin:1em;
}

.clear{
  clear:both;
}

.arttitle{
  font-size:80%;
  font-style:italic;
  display:block;
}
.year{
  font-size:80%;
  display:block;
}
.info{
  float:left;
  display:block;
  margin:0 .8em;
}
#copyright{
  float:left;
  margin:10px;
}
#contactform{
  float:right;
margin:10px;
}
#footer h2{
  font-size:120%;
}
input{
  border:1px solid #ccc;
  margin:.5em 0;
  padding:.2em;
}


/* Specifics for the Metalwork Page */
.metalwork{
  background: url("/images/metalbg.jpg") no-repeat bottom right;
  padding-bottom:50px;
}

.metalwork ul, .graphics ul, .websites ul{
  list-style-type:none;
  margin:0;
  padding:0;

}

.metalwork #main li, .graphics #main li, .websites #main li{
  clear:both;
  margin:0;
  padding:20px 0 0 0;

}

.metalwork ul img, .graphics ul img, .websites ul img{
  float:left; 
  clear:both;
}

.metalwork h1{
  width:110px;
  height:17px;
  background-image:url("/images/metalwork.jpg");
  background-repeat:no-repeat;
  font-size:0;
  color:white;
}

#wrapper.metalwork a:hover{
  color:#ff008a;
}

/* Specifics for the Graphics Page */
.graphics{
  background: url("/images/graphicsbg.jpg") no-repeat bottom right;
  padding-bottom:50px;
}

.graphics h1{
  width:193px;
  height:22px;
  background-image:url("/images/computergraphics.jpg");
  background-repeat:no-repeat;
  font-size:0;
  color:white;
}

#wrapper.graphics a:hover{
  color:#50c62d;
}

/* Specifics for the Websites Page */
.websites{
  background: url("/images/websitesbg.jpg") no-repeat bottom right;
}

.websites h1{
  width:193px;
  height:22px;
  background-image:url("/images/websites.jpg");
  background-repeat:no-repeat;
  font-size:0;
  color:white;
}

#wrapper.websites a:hover{
  color:#2ab001;
}

/* Specifics for the Programs Page */
.programs h1{
  width:110px;
  height:17px;
  background-image:url("/images/computerprograms.jpg");
  background-repeat:no-repeat;
  font-size:0;
  color:white;
}
.programs h2{
  margin:1.8em 0 .5em 0;
  font-size:120%;
}

.programs h2 a{
  color:#31210e;
}

#wrapper.programs a:hover{
  color:#d77802;
}

/* Specifics for the Portfolio Page */
.portfolio{
  background: url("/images/clips.jpg") no-repeat bottom right;
  margin-bottom:30px;
}

.portfolio h1{
  width:110px;
  height:17px;
  background-image:url("/images/portfolio.jpg");
  background-repeat:no-repeat;
  font-size:0;
  color:white;
}

.portfolio h2{
  margin:1.8em 0 .5em 0;
  font-size:120%;
}

.portfolio h2 a{
  color:#002c46;
}

#wrapper.portfolio a:hover{
  color:#077fc5;
}

/* Specifics for the index */
.index{
  background: url("/images/sketch.jpg") no-repeat bottom right;
  padding-bottom:200px;
  margin-bottom:25px;
}

.index h1{
  margin:0;
  height:.5em;
  margin-left:-1000px;
}

/*Specifics for the resume page */
.resume h1{
  width:110px;
  height:20px;
  background-image:url("/images/resume.jpg");
  background-repeat:no-repeat;
  font-size:0;
  color:white;
}

.resume h2{
  font-family:"times new roman", serif;
  margin:1em 0 .5em -5px;
  padding:5px;
  width:100%;
  background-color:#DDD;
  border:1px solid #BBB;
}

.resume ul{
  font-size:.9em;
}

.resume h3 a{
  color:#000;
}
.resume h3 a:hover{
  color:#b70000;
}