body {
background-color:#303030
}

.wrapper {
text-align:center;
width:100%
}

.main {
position:relative;
display:inline-block
}

#homepage {
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%
}

#contact-page {
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%
}

.contact-info {
position:absolute;
/*background:url(images/email-grey.png);
background-repeat:no-repeat;
width:1956px;
height:303px*/
}

.agent {
position:absolute;
background:url(images/agent2019.png);
/*background:url(images/agent-contact-b_01.png); */
/*background:url(images/3g-agent2.png);/**/
background-repeat:no-repeat;
width:1067px;
height:394px;
background-size: 31% 31%;
top: -312px;
left: 6px;
}



#menu-black {
background-image:url(images/header-bkgrd5.png);
background-color:#0a100c;
background-repeat:repeat-x;
height:50px
}

.header-face {
background-image:url(images/face-header6.png);
width:85px;
background-size:100% 100%;
background-repeat:no-repeat;
height:60px;
float:left;
margin-left:0;
margin-top:-10px
}

.header-sig {
background:url(images/tonichristopher3.png);
background-size:100% 100%;
background-repeat:no-repeat;
width:79px;
height:50px;
float:left;
margin-left:100px;
margin-top:-5px
}

#resume-page, #news-page {
background-image:url(images/background.jpg);
/* background-repeat:no-repeat;
background-position:center; */
background-size:100% 100%
}

.menu {
text-align:right;
padding-top:10px;
padding-right:12px
}

.menu img {
height:35px;
padding-left:12px
}

.bottom {
position:absolute;
bottom:10px;
right:10px
}

.article {
padding:0 50px 50px
}

.article,.article td {
color:#202020;
text-align:left;
font-family:courier,sans-serif
}

.article table {
width:100%
}

#fb {
width:50px;
height:50px;
display:block;
border:0;
background:url(images/insta-dark.png);
background-size:75% 75%;
background-repeat:no-repeat
}

#fb:hover {
background:url(images/insta-light.png);
background-size:75% 75%;
background-repeat:no-repeat
}

.gallery {
xwidth:200px;
xheight:200px;
padding:10px;
display:inline-block;
text-align:center
}

.resume-gallery {
xwidth:150px;
xheight:150px;
padding:5px;
display:inline-block;
text-align:center
}

.photo-page .small-image {
max-height:150px
/*height:150px;*/
}

.resume-photos .small-image {
max-height:130px
/*height:130px;*/
}

.small-image {
/* display:table;
margin:0 auto */
}

.toni {
background:url(images/tonichristopher3-ddd2.png);
background-repeat:no-repeat;
width:1027px;
height:651px;
position:absolute
}

.imdb {
position:absolute;
right:20px;
width:50px;
height:24px;
display:block;
border:0;
background:url(images/imdb-dark2.png);
background-size:100% 100%;
background-repeat:no-repeat
}

.imdb:hover {
background:url(images/imdb3.png);
background-size:100% 100%;
background-repeat:no-repeat
}

#home {
width:62px
}

#resume {
width:89px
}

#reel {
width:52px
}

#photos {
width:73px
}

#news {
width:53px
}

#contact {
width:90px
}

.main {
width:960px
}

#homepage {
height:640px;
background-image:url(images/homepage-960.jpg)
}

#contact-page {
background-image:url(images/contact-8-960.jpg);
height:640px
}



@media screen and (min-width: 1201px) and (min-height:801px) {
.main {
width:1200px;
}

#homepage {
height:800px;
background-image:url(images/homepage-1200.jpg)
}

#contact-page {
background-image:url(images/contact-8-1200.jpg);
height:800px;
}
}

.contact-info {
top: 93%;
left: 0%;
background-size: 11% 11%;
}

#resume-page {
height:2100px
}

#news-page {
height:4500px
}

.toni {
background-size:30% 30%;
top:35%;
left:5%
}


/* sprites */

.sprite {
    background-image: url(images/menu/sprites.png);
    background-repeat: no-repeat;
    display: block;
    float:right;
    margin-left: 16px;
}



.sprite-contact-grey {
    width: 90px;
    height: 35px;
    background-position: -6px -53px;
}

.sprite-contact-grey:hover {
    width: 90px;
    height: 35px;
    background-position: -6px -100px;
}

.sprite-home-grey:hover {
    width: 62px;
    height: 35px;
    background-position: -6px -147px;
}

.sprite-home-grey {
    width: 62px;
    height: 35px;
    background-position: -6px -194px;
}

.sprite-news-grey:hover {
    width: 53px;
    height: 35px;
    background-position: -6px -241px;
}

.sprite-news-grey {
    width: 53px;
    height: 35px;
    background-position: -6px -288px;
}

.sprite-photos-grey:hover {
    width: 73px;
    height: 35px;
    background-position: -6px -335px;
}

.sprite-photos-grey {
    width: 73px;
    height: 35px;
    background-position: -6px -382px;
}

.sprite-reel-grey:hover {
    width: 52px;
    height: 35px;
    background-position: -6px -429px;
}

.sprite-reel-grey {
    width: 52px;
    height: 35px;
    background-position: -6px -476px;
}

.sprite-resume-grey:hover {
    width: 89px;
    height: 35px;
    background-position: -6px -523px;
}

.sprite-resume-grey {
    width: 89px;
    height: 35px;
    background-position: -6px -570px;
}