body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

  body {
    background-image: url('images/bg.png');
    background-repeat: repeat-x;
    background-color: #ffffff;
    font-family: trebuchet ms;
    color: #ffffff;
    font-size: 10pt;
    text-align: center;
    }
  h1 {
    font-size: 20pt;
    color: #e5e5e5;
    letter-spacing:1px;
    margin-bottom:15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #A0A0A0;
    }
  p {
    padding-bottom: 15px;
    line-height: 16pt;
    }
 .work img {
    width: 240px;
    margin-right: 12px; 
    margin-bottom: 12px; 
    border: 3px solid white;
    }
  .work a {
    color: #efefef;
    text-decoration: none;
    border: 0px;
    }


/* CONTAINER -------------------------------------------------------------------

  .container{
    width: 846px;
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 20px;
    margin-right: auto;
    }*/
     
/* WRAPPER -------------------------------------------------------------------*/

  .wrapper {
    width: 561px;
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 20px;
    margin-right: auto;
    position: relative;
    top: -123px;
    left: 105px;
    z-index: 2;
    }
    

/* HEADER --------------------------------------------------------------------*/

  .header {
    background-image: url('images/header.png');
    width: 846px;
    height: 338px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    }
 /* .header1 {
    background-image: url('images/header1.png');
    width: 249px;
    height: 338px;
    }
  .header2 {
    background-image: url('images/header2.png');
    width: 561px;
    height: 235px;
    }
  .header3 {
    background-image: url('images/header3.png');
    width: 36px;
    height: 235px;
    }


/* CONTENT -------------------------------------------------------------------*/

.corporate, .editorial, .illustration, .interface, .web {
padding-bottom: 25px;
}
.about, .work {
text-align: left;
}
.aboutheader {
background-image: url('images/about.png');
background-repeat: no-repeat;
width: 561px;
height: 35px;
}
.workheader {
background-image: url('images/work.png');
background-repeat: no-repeat;
width: 561px;
height: 82px;
}
.contactheader {
background-image: url('images/contact.png');
background-repeat: no-repeat;
width: 561px;
height: 82px;
}
.main {
background-color: #423F3A;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
}
.footer {
background-image: url('images/footer.png');
background-repeat: no-repeat;
width: 561px;
height: 30px;
}
.bottom {
color: #423F3A;
font-size: 8pt;
text-align: center;
margin-top: 10px;
}