body {
	margin:0px;
	background-color: ;

}


.button {
position: absolute;
}



#buttonContainer {
z-index:10000;
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
width:1920px;
height:1080px;
}

#imageContainer {
background-image: url("../images/man1_base.gif");
z-index:1;
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
width:1920px;
height:1080px;
}


#background {
background-image: url("../images/gradient-riff.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-100000;
visibility:visible;
}






/* MILEY PIECES */

#miley_nose {
background-image: url("../images/miley_nose.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#miley_eyes {
background-image: url("../images/miley_eyes.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#miley_eyebrows {
background-image: url("../images/miley_eyebrows.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#miley_mouth {
background-image: url("../images/miley_mouth.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
}





/* OLIVIA PIECES */

#olivia_nose {
background-image: url("../images/olivia_nose.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#olivia_eyes {
background-image: url("../images/olivia_eyes.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#olivia_eyebrows {
background-image: url("../images/olivia_eyebrows.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#olivia_mouth {
background-image: url("../images/olivia_mouth.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
}







/* WOMAN2 PIECES */

#woman2_hair {
background-image: url("../images/woman2_hair.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#woman2_base {
background-image: url("../images/woman2_base.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-100;
visibility:hidden;
}

#woman2_nose {
background-image: url("../images/woman2_nose.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#woman2_eyes {
background-image: url("../images/woman2_eyes.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#woman2_eyebrows {
background-image: url("../images/woman2_eyebrows.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#woman2_mouth {
background-image: url("../images/woman2_mouth.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
}





/* WOMAN1 PIECES */

#woman1_base {
background-image: url("../images/woman1_base.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-100;
visibility:hidden;
}

#woman1_nose {
background-image: url("../images/woman1_nose.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#woman1_eyes {
background-image: url("../images/woman1_eyes.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#woman1_eyebrows {
background-image: url("../images/woman1_eyebrows.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#woman1_mouth {
background-image: url("../images/woman1_mouth.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
}




/* MAN2 PIECES */

#man2_nose {
background-image: url("../images/man2_nose.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#man2_eyes {
background-image: url("../images/man2_eyes.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#man2_eyebrows {
background-image: url("../images/man2_eyebrows.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#man2_mouth {
background-image: url("../images/man2_mouth.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
}

#man2_base {
background-image: url("../images/man2_base.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
z-index:-100;
}





/* MAN1 PIECES */

#man1_nose {
background-image: url("../images/man1_nose.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#man1_eyes {
background-image: url("../images/man1_eyes.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#man1_eyebrows {
background-image: url("../images/man1_eyebrows.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#man1_mouth {
background-image: url("../images/man1_mouth.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
}




/* OLDMAN1 PIECES */

#oldman1_mouth {
background-image: url("../images/oldman1_mouth.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#oldman1_eyes {
background-image: url("../images/oldman1_eyes.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
}

#oldman1_nose {
background-image: url("../images/oldman1_nose.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
}







/* BOY PIECES */


#boy1_hair {
background-image: url("../images/boy1_hair.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#boy1_base {
background-image: url("../images/boy1_base.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-100;
visibility:hidden;
}

#boy1_nose {
background-image: url("../images/boy1_nose.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#boy1_eyes {
background-image: url("../images/boy1_eyes.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#boy1_eyebrows {
background-image: url("../images/boy1_eyebrows.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
z-index:-1;
visibility:hidden;
}

#boy1_mouth {
background-image: url("../images/boy1_mouth.gif");
background-repeat: no-repeat;
width: 1920px; /*or your image's width*/
height: 1080px; /*or your image's height*/
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
visibility:hidden;
}