@charset "UTF-8";

html {
height: 100%;
background-image: url("images/background.gif");
}

body {
width: 1800px; min-height: 100%;
background-color: white;
border-left: 1px solid black;
border-right: 1px solid black;
box-shadow: 0px 0px 10px 2px black;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 15px;
line-height: 150%;
margin: 0px auto;
-moz-box-shadow: 0px 0px 10px 2px black;
-webkit-box-shadow: 0px 0px 10px 2px black;
}

header {
height: 130px;
line-height: 0px;
margin: 0px 0px 28px 0px;
}

nav { /* navigation sits within the header */
display: flex;
height: 64px;
justify-content: center;
}

main {
margin: 0px 102px;
}

main.odds {
margin: 0px 102px 0px 86px;
}

main.portfolio {
margin: 0px 102px 0px 86px;
}

p {
margin: 0px 0px 24px 0px;
line-height: 150%;
}

p.copyright {
font-size: 10px;
margin: 5px 0px 10px 0px;
}

p.contact { /* style for contact form */
color: #d0441d;
font-weight: bold;
text-align: right;
margin-bottom: 12px;
}

strong {
color: #b5121b;
font-weight: bold;
}

a:link { /* pms 7468 */
color: #007aac;
font-weight: bold;
}

a:visited { /* pms 7468 */
color: #007aac;
}

a:hover { /* pms 7470 */
color: #004e67;
}

a:active { /* pms 7470 */
color: #004e67;	
}

h1 {
color: #004e67;
font-size: 17px;
font-weight: bold;
letter-spacing: .25px;
margin: 0px;
}

h1.year {
border-right: 3px solid #009daa;
color: #666;
letter-spacing: .25px;
margin-right: 0px;
padding-right: 40px;
}

ul {
padding-left: 16px;
margin: 0px 206px 0px 0px;
}

li {
padding-bottom: 2px;
}

li::marker { /* pseudo element bullet */
color: #8f8100;
}

ul li:last-child { /* pseudo element last list item */
margin-bottom: 25px;
}

img {
box-sizing: border-box;
line-height: 0px;
}

img.block {
display: block;
line-height: 0px;
}

img.border {
border: 1px solid black;
line-height: 0px;
}

footer {
display: block;
border-top: 1px dashed #e31b23;
margin: 0px 102px 15px 102px;
padding-bottom: 6px;
}

footer.portfolio {
border-top: 1px dashed #999;
}

footer.resume {
border-top: 1px dashed #00aec5;	
}

footer.odds {
border-top: 1px dashed #c0af2c;	
}

footer.contact {
border-top: 1px dashed #d0441d;	
}


/* INDEX SECTION */
div.index_two-column_hero {
display: grid;
grid-template-columns: 680px 912px;
grid-column-gap: 4px;
line-height: 0px;
}

div.index_column_left {
width: 680px;
}

div.index_column_right {
width: 912px;
}

img#index_1 {
width: 680px; height: 352px;
border: 1px solid black;
margin-bottom: 4px;	
}

img#index_2 {
width: 286px; height: 220px;
border: 1px solid black;
}

img#index_3 {
width: 390px; height: 220px;
border: 1px solid black;
float: right;
}

img#index_4 {
width: 912px; height: 471px;
border: 1px solid black;
margin-bottom: 4px;
}

img#index_5 {
width: 912px; height: 101px;
}

div.index_two-column_hello {
display: grid;
grid-template-columns: 565px 995px;
grid-column-gap: 36px;
}

div.index_column_hello_left {
width: 565px;
}

div.index_column_hello_right {
width: 995px;
margin: 25px 0px 23px 0px;
}

img#index_hello {
width: 565px; height: 35px;
margin-top: 36px;
}

p.index {
margin: 0px;
}


/* PORTFOLIO SECTION */
p.portfolio_copy {
color: #333;
line-height: 150%;
margin: 25px 0px 0px 0px;
}

p.arrow {
color: #007aac;
font-weight: bold;
margin: 0px 0px 23px 0px;
}

img.portfolio_header {
margin: 0px 0px 13px 16px;
}

div.portfolio_container {
display: grid;
grid-template-columns: 302px 1270px;
grid-column-gap: 40px;
}

div.portfolio_container_nav {
width: 302px;
line-height: 0px;
}

div.portfolio_container_gallery {
width: 1270px;
line-height: 0px;
}

div#portfolio_container_gallery_base {
width: 1270px;
line-height: 150%;
}

nav.portfolio_medium {
width: 246px;
height: 121px;
background-color: #e6e7e8;
display: grid;
grid-template-columns: 46px 46px 46px 46px;
grid-column-gap: 4px;
grid-template-rows: 46px 46px;
grid-row-gap: 4px;
margin: 0px 0px 25px 16px;
}

nav.portfolio_small {
width: 246px;
height: 71px;
background-color: #e6e7e8;
display: grid;
grid-template-columns: 46px 46px 46px 46px;
grid-column-gap: 4px;
margin: 0px 0px 25px 16px;
} 

div.portfolio_gallery_two_column_zero {
display: grid;
grid-template-columns: 620px 620px;
grid-column-gap: 30px;
}

div.portfolio_gallery_two_column {
display: grid;
grid-template-columns: 620px 620px;
grid-column-gap: 30px;
margin-bottom: 30px;
}

div.portfolio_gallery_three_column_zero {
display: grid;
grid-template-columns: 404px 404px 404px;
grid-column-gap: 29px;
}

div.portfolio_gallery_three_column {
display: grid;
grid-template-columns: 404px 404px 404px;
grid-column-gap: 29px;
margin-bottom: 30px;
}

div.portfolio_gallery_four_column_zero {
display: grid;
grid-template-columns: 295px 295px 295px 295px;
grid-column-gap: 30px;
}

div.portfolio_gallery_four_column {
display: grid;
grid-template-columns: 295px 295px 295px 295px;
grid-column-gap: 30px;
margin-bottom: 30px;
}

div.portfolio_gallery_five_column {
display: grid;
grid-template-columns: 230px 230px 230px 230px 230px;
grid-column-gap: 30px;
}


/* PORTFOLIO PRINT PAGE 1 */
div#print_1def {
display: grid;
grid-template-columns: 310px 310px 288px 275px;
grid-column-gap: 29px;
}

img#print_1g {
width: 275px; height: 157px;
border: 1px solid black;
margin: 60px 0px 30px 0px;
}

img#print_1h {
width: 275px; height: 157px;
border: 1px solid black;
}


/* PORTFOLIO PRINT PAGE 2 */
img.print_2ab {
width: 620px; height: 469px;
border: 1px solid black;
}

img.print_2cde {
width: 404px; height: 454px;
border: 1px solid black;
}

img.print_2fgh {
width: 404px; height: 454px;
border: 1px solid black;
margin-top: 30px;
}

img.print_2ij {
width: 620px; height: 396px;
border: 1px solid black;
}

div#print_2klmn {
display: grid;
grid-template-columns: 490px 490px 230px;
grid-column-gap: 30px;
line-height: 0px;
margin-bottom: 30px;
}

img#print_2m {
border: 1px solid black;
margin: 66px 0px 30px 0px;
}

img.print_2opqrs {
width: 230px; height: 172px;
border: 1px solid black;
}


/* PORTFOLIO PRINT PAGE 3 */
div.print_pg_three {
display: grid;
grid-template-columns: 295px 295px;
grid-column-gap: 30px;
grid-row-gap: 30px;
}

img#print_3a {
width: 620px; height: 657px;
border: 1px solid black;
grid-column: span 2;
}

img.print_3bcdefg {
width: 295px; height: 381px;
border: 1px solid black;
}

img#print_3h {
width: 620px; height: 930px;
border: 1px solid black;
margin-bottom: 30px;
}

img#print_3i {
width: 620px; height: 930px;
border: 1px solid black;
}


/* PORTFOLIO PRINT PAGE 4 */
div.print_pg_four {
display: grid;
grid-template-columns: 586px 655px;
grid-column-gap: 29px;
margin-bottom: 30px;
}

div.print_pg_four_left {
width: 586px; height: 1029px;
display: flex;
flex-direction: column;
justify-content: flex-end;
grid-row-gap: 30px;
}

div.print_pg_four_right {
width: 655px; height: 1029px;
display: flex;
flex-direction: column;
justify-content: flex-end;
grid-row-gap: 30px;
}

div#print_pg_four_pc {
display: grid;
grid-template-columns: 621px 621px;
grid-column-gap: 29px;
}

img.print_4kl {
width: 621px; height: 400px;
border: 1px solid black;	
}


/* PORTFOLIO PRINT PAGE 5 */
img#print_5a {
width: 310px; height: 401px;
border: 1px solid black;
justify-self: end;
margin: 0px 0px 30px 310px;
}

img.print_5_spread {
width: 620px; height: 401px;
border: 1px solid black;
margin-bottom: 30px;
}

img#print_5y {
width: 620px; height: 401px;
border: 1px solid black;
}

img#print_5z {
width: 310px; height: 401px;
border: 1px solid black;
}


/* PORTFOLIO PRINT PAGE 6 */
img.print_6ab {
width: 620px; height: 479px;
border: 1px solid black;
}

img.print_6cde {
width: 404px; height: 522px;
border: 1px solid black;
}

img.print_6fg {
width: 620px; height: 439px;
border: 1px solid black;
}


/* PORTFOLIO PRINT PAGE 7 */
img.print_7abcd {
width: 620px; height: 337px;
border: 1px solid black;
margin-bottom: 30px;
}

img.print_7ef {
width: 620px; height: 958px;
border: 1px solid black;
display: grid;
}


/* PORTFOLIO PRINT PAGE 8 */
div.print_pg_eight {
display: grid;
grid-template-columns: 837px 404px;
grid-column-gap: 29px;
}

div.print_pg_eight_left {
width: 837px; height: 1102px;
}

div.print_pg_eight_right {
width: 404px; height: 1102px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

img#print_8a {
width: 837px; height: 1102px;
border: 1px solid black;
}

img.print_8bcd {
width: 404px; height: 348px;
border: 1px solid black;
}


/* PORTFOLIO SCREEN PAGE 1 */
img.screen_1abcd {
width: 620px; height: 348px;
border: 1px solid black;
}


/* PORTFOLIO SCREEN PAGE 2 */
img.screen_2abcdef {
width: 404px; height: 738px;
border: 1px solid black;	
}

/* PORTFOLIO SCREEN PAGE 3 */
div.screen_pg_three {
display: grid;
grid-template-columns: 234px 234px 234px 234px 234px;
grid-column-gap: 25px;
}

img.screen_3a {
width: 234px; height: 195px;
border: 1px solid black;
margin-bottom: 30px;
}

img.screen_3b {
width: 620px; height: 76px;
border: 1px solid black;
margin-bottom: 30px;
}

img#screen_3b_five {
display: flex;
width: 620px; height: 76px;
border: 1px solid black;
margin: 0px auto 30px auto;
}

img.screen_3c {
width: 234px; height: 877px;
border: 1px solid black;
margin-bottom: 30px;
}

img.screen_3d {
width: 234px; height: 468px;
border: 1px solid black;	
}


/* PORTFOLIO SCREEN PAGE 4 */
img.screen_4abcd {
width: 620px; height: 465px;
border: 1px solid black;	
border-radius: 22px;
}


/* PORTFOLIO SCREEN PAGE 5 */
img#screen_5a {
width: 945px; height: 593px;
border: 1px solid black;	
grid-column: span 3;
}

img#screen_5b {
width: 295px; height: 168px;
border: 1px solid black;
border-radius: 0px 18px;
margin: 227px 0px 30px 0px;
}

img#screen_5c {
width: 295px; height: 168px;
border: 1px solid black;
border-radius: 18px 0px;
}

img.screen_5defg {
width: 295px; height: 195px;
border: 1px solid black;	
}


/* PORTFOLIO SCREEN PAGE 6 */
img#screen_6a {
width: 945px; height: 718px;
border: 1px solid black;	
grid-column: span 3;
}

img#screen_6b {
width: 168px; height: 295px;
border: 1px solid black;	
border-radius: 18px;
margin: 98px 0px 30px 0px;
}

img#screen_6c {
width: 168px; height: 295px;
border: 1px solid black;	
border-radius: 18px;
}

img.screen_6defg {
width: 295px; height: 224px;
border: 1px solid black;	
}


/* PORTFOLIO SCREEN PAGE 7 */
img#screen_7a {
width: 1064px; height: 495px;
border: 1px solid black;		
}


/* PORTFOLIO SCREEN PAGE 8 */
img#screen_8a {
width: 1064px; height: 680px;
border: 1px solid black;
}


/* PORTFOLIO MISC PAGE 1 */
div#misc_pg_one_row_one {
display: grid;
grid-template-columns: 350px 350px 510px;
grid-column-gap: 30px;
margin-bottom: 30px;
}

img.misc_1ab {
width: 350px; height: 490px;
border: 1px solid black;
}

img#misc_1c {
width: 510px; height: 370px;
border: 1px solid black;
margin-top: 120px;
}

img.misc_1def {
width: 404px; height: 522px;
border: 1px solid black;
}

img#misc_1g {
width: 718px; height: 404px;
border: 1px solid black;
}

img#misc_1h {
width: 522px; height: 404px;
border: 1px solid black;
float: right;
}

/* PORTFOLIO MISC PAGE 2 */
img.misc_2 {
width: 404px; height: 303px;
border: 1px solid black;
}


/* PORTFOLIO MISC PAGE 3 */
img.misc_3abcd {
width: 295px; height: 345px;
border: 1px solid black;
}

div#misc_pg_three {
display: grid;
grid-template-columns: 836px 404px;
grid-column-gap: 30px;
}

div#misc_pg_three_left {
width: 836px; height: 864px;
border: 1px solid black;
}

div#misc_pg_three_right {
width: 404px; height: 864px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

img.misc_3fg {
width: 404px; height: 417px;
border: 1px solid black;
}


/* PORTFOLIO MISC PAGE 4 */
img.misc_4ab {
width: 620px; height: 310px;
border: 1px solid black;
}

div#misc_pg_four_row_two {
display: grid;
grid-template-columns: 620px 279px 311px;
grid-column-gap: 30px;
margin-bottom: 30px;
}

div#misc_pg_four_4c {
width: 620px; height: 472px;
border: 1px solid black;
}

div#misc_pg_four_4def {
width: 279px; height: 472px;
display: flex;
flex-direction: column;
justify-content: space-between;	
}

div#misc_pg_four_4gh {
width: 311px; height: 472px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

img#misc_4d {
width: 279px; height: 371px;
border: 1px solid black;
}

img#misc_4e {
width: 125px; height: 71px;
border: 1px solid black;
}

img#misc_4f {
width: 125px; height: 71px;
border: 1px solid black;
float: right;
}

img#misc_4g {
width: 311px; height: 136px;
border: 1px solid black;
}

img#misc_4h {
width: 311px; height: 306px;
border: 1px solid black;
}

img#misc_4i {
width: 836px; height: 596px;
border: 1px solid black;
}

img#misc_4j {
width: 404px; height: 596px;
border: 1px solid black;
float: right;
}

/* RESUME SECTION */
p#resume {
margin: 0px;
}

div#resume_header_row {
display: grid;
grid-template-columns: 1518px 39px;
grid-column-gap: 39px;
margin-bottom: 24px;
}

div#resume_header_row_right {
width: 39px;
display: flex;
align-items: flex-end;
}

div.resume_pg_one {
display: grid;
grid-template-columns: 286px 1270px;
grid-column-gap: 40px;
}

div.resume_pg_one_column_left {
width: 286px;
}

div.resume_pg_one_column_right {
width: 1270px;
vertical-align: bottom;
}

img.resume_employer {
width: 1270px; height: 46px;
}

div.resume_skills_column {
background-color: #e3e4e5;
border-radius: 5px;
margin: 39px 21px 0px 0px;
padding: 18px;
}

.resume_pg_one_highlight {
color: #004e67;
font-size: 16px;
font-weight: bold;
letter-spacing: .25px;
}

.resume_inline_list_bullets {
list-style: none; /* removes default list bullets */
margin: 0px;
padding: 0px;
}

.resume_inline_list_bullets li {
display: inline;
}

.resume_inline_list_bullets li + li::before {
content: "  \2022  "; /* unicode bullet with spaces before and after */
font-weight: bolder;
color: #8f8100;
}

div.resume_pg_two_first {
display: grid;
border-bottom: 1px solid #8f8100;
grid-template-columns: 286px 1270px;
grid-column-gap: 40px;
margin-top: 14px;
}

div.resume_pg_two {
display: grid;
border-bottom: 1px solid #8f8100;
grid-template-columns: 286px 1270px;
grid-column-gap: 40px;
margin-top: 20px;
}

div.resume_pg_two_last { /*this removes bottom border*/
display: grid;
grid-template-columns: 286px 1270px;
grid-column-gap: 40px;
margin: 20px 0px 7px 0px;
}

div.resume_pg_two_column_left {
width: 286px;
text-align: right;
}

div.resume_pg_two_column_right {
width: 1270px;
}

.resume_pg_two_highlight {
background-color: #d6e1ec;
font-size: 15px;
font-weight: normal;
letter-spacing: normal;
margin-left: 12px;
padding: 2px 12px;
}

ul.resume_pg_two {
padding-left: 16px;
margin: 0px;
}

li {
padding-bottom: 2px;
}

ul li.resume_pg_two:last-child { /* pseudo element last list item */
margin-bottom: 15px;
}


/* ODDS SECTION */
p.odds {
margin: 0px 0px 23px 16px;
}

img#odds_header {
width: 509px; height: 26px;
margin-left: 16px;	
}

img#odds_infographic {
width: 1628px; height: 1598px;
margin-bottom: 16px;
}


/* CONTACT SECTION */
p.contact {
color: #d0441d;
font-weight: bold;
text-align: right;
margin-bottom: 12px;
}

input {
width: 1064px;
border-color: #fdbe57;
border-radius: 6px;
box-sizing: border-box;
background-color: #e6e7e8;
margin: 0px 0px 20px 0px;
padding: 5px 10px;
}

input#submit {
width: 188px; height: 45px;
border: none;
background-color: none;
margin: 10px 0px 23px 0px;
padding: 0px;
}

div.contact_form {
display: grid;
grid-template-columns: 286px 1270px;
grid-column-gap: 40px;
}

div.contact_form_label {
width: 286px;
}

div.contact_form_input {
width: 1270px;
}

div#contact_form_submit {
margin-left: 326px;
}