body, html {
font: 10pt Arial, Helvetica, sans-serif;
background: white;  
}


* {
margin: 0;
padding: 0;
}

#wrapper {
width: 500pt;
margin: 0 auto;

}



.container {
overflow: hidden;
margin-bottom: 24pt;
}

#job-code {
float: left;
background: #000000;
color: #FFFFFF;
font-size: 55pt;
text-transform: uppercase;
font-weight: bold;
width: 215pt;
text-align: center;
height: 90pt;
line-height: 90pt;
}

#job-num {
width: 250pt;
float: right;
overflow: hidden;
border: 1px solid #000000;
text-transform: uppercase;
}

#job-num li{
height: 50pt;
line-height: 50pt;
font-size: 21pt;
font-weight: bold;
list-style: none;
text-align: center;
}

#job-num li#job-ver {
float: right;
width: 50pt;
border-left: 1px solid #000000;
}

#general-info {
width: 280pt;
float: left;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
overflow: hidden;
}


#general-info dl{
height: 30pt;
line-height: 30pt;
font-size: 10pt;
border-bottom: 1px solid #000000;
}

#general-info dl#type{
background: #000000;
color: #FFFFFF;
font-size: 15pt;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}


#general-info dt{
display: block;
float: left;
width: 55pt;
padding-left: 10pt;
}

#general-info dd.client-name{
text-transform: uppercase;
}


#dates {
width: 200pt;
float: right;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
overflow: hidden;
}


#dates dl{
height: 30pt;
line-height: 30pt;
font-size: 10pt;
border-bottom: 1px solid #000000;
}

#dates dt{
display: block;
float: left;
width: 80pt;
padding-left: 10pt;
border-right: 1px solid #000000;
margin-right: 10pt;
}

#job-name {
border: 1px solid #000000;
height: 35pt;
line-height: 35pt;
padding: 0 10pt;
font-size: 15pt;
font-weight: bold;
}


.desc-container {
height: 115pt;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 10pt;
overflow: hidden;
}

#description {
width: 48%;
float: left;
}

#details {
width: 48%;
float: right;
}


.title {
display: block;
font-weight: bold;
margin-bottom: 5pt;
}

#notes {
height: 168pt;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 10pt;
}

#notes li{
list-style: none;
height: 22.5pt;
border-bottom: 1px solid #000000;
}


#artwork-ver {
overflow: hidden;
margin-top: 6pt;
height: 30pt;
}

#artwork-ver ul{
text-align: center;
}


#artwork-ver li{
list-style: none;
border: 1px solid #000000;
width: 28pt;
height: 28pt;
position: relative;
float: left;
margin-right: 4pt;
}

#artwork-ver li.last{
margin-right: 0;
}

#artwork-ver li span{
position: absolute;
right: 2pt;
top: 2pt;
text-align: right;
font-size: 8pt;
}

#initials {
overflow: hidden;
}


#initials dl{
width: 114pt;
float: left;
margin-right: 13pt;
}

#initials dt{
height: 20pt;
border-bottom: 1px solid #000000;
}

#initials dd{
text-align: center;
}

#office {
border: 1px solid #000000;
width: 116pt;
float: right;
height: 40pt;
line-height: 40pt;
text-align: center;
font-size: 24pt;
font-weight: bold;
}