body {
        font-family: Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 62.5%;  1em becomes 10px */
        background: url(img/vertical.gif) top repeat-x #4151E0;
        margin: 0;
	padding: 0;
	line-height: 1.5;
     }

/*remove default borders and margins*/
p, h1, h2 {
  margin: 0;
}

h1 {
 font-size: 2em;
}

h2 {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

h3 {color:red;
}

img {
    border: 0;
}



/*everything has the same width*/
#header, #content, #footer  {
           width: 845px;
           margin: 0 auto;
}


#header {
        background: url(img/banner.jpg);
        height: 457px;
        width: 845px;
}

#header p {
        display: inline-block;
        margin: 245px 0 0 28px;
        width: 327px;
        font-size: 1.3em;
        line-height: 1.8em;
}

#buttons{
         position: absolute;
         width: 844px;
         top: 365px;
         left: 50%;
         margin-left: -422px;
         padding-left: 49px;
}

a {outline: none;}

a:focus {border: 1px dotted #eee;}

#buttons a {
  display: inline-block;
  height: 63px;
  background-position: bottom;
}

#buttons a:hover {
  background-position: top;
}

#buttons a:active{
  border: none;
  border-style: none;
  border-width: 0px;
}

#buttons a:focus{
  border: none;
  border-style: none;
  border-width: 0px;
}

#homelink {
width: 104px;
background-image: url(img/home.gif);
}

#projectslink {
width: 178px;
background-image: url(img/projects.gif);
margin-left: 55px;
}

#aboutlink {
width: 121px;
background-image: url(img/about.gif);
margin-left: 49px;
}

#linkslink {
width: 107px;
background-image: url(img/links.gif);
margin-left: 51px;
}

#arm{
         position: absolute;
         width: 84px;
         height: 106px;
         top: 480px;
         left: 50%;
         margin-left: 349px;
         background: url(img/arm.gif) no-repeat right;
}

#content{
  background: url(img/horizontal.gif) repeat-y;
  padding: 0 115px 30px 56px;
  /* top right down left */
  font-size: 0.9em;
  width: 674px;
}

#content p {
         margin-top: 1em;
}

#showreel {
margin: 1em 0;
}

#mugshot {
width: 674px;
height: 170px;
background: url(img/me.jpg) no-repeat center;
}

#caption, #footer {
         font-size: 0.8em;
}


#caption img {
         vertical-align: middle;
         text-decoration: overline;
}

#footer{
        background: url(img/foot.gif);
        height: 48px;
        width: 660px;
        padding-left: 185px;
        padding-top: 30px;
        color: white;

}

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

#footer a:hover{
        text-decoration: underline;
}