@charset "UTF-8";
/* CSS Document */
/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}



/* global */
#container_dc {
	position: absolute;
	width: 726px;
	height: 88px;
	border:1px solid #999999;
	top: 0px;
	left: 0px;
	margin: auto;
	overflow:hidden;
	display:none;
}



#content_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 100;
}
#bg{
	position: absolute;
	width: 728px;
	height: 90px;
	top: 0px;
	left: 0px;
	opacity:1;
	z-index:0;
	background-image: url(bg.jpg);
    background-size: 728px 90px;
	background-repeat:no-repeat;
	background-color: transparent;
}
/*frame1*/
#a_img{
	position: absolute;
	left: 304px;
    top: -15px;
    width: 116px;
    height: 117px;
	opacity:1;
	/*background-image: url(images/a_img.svg);
	background-repeat:no-repeat;
	background-color: transparent;*/
	
}


/*frame2*/
#copy1{
	position:absolute;
    left: 64px;
    top: 18px;
    width: 100%;
    height: 100%;
    background-image: url(copy1a.png);
    background-size: 280px 18px;
	background-repeat:no-repeat;	
	background-color: transparent;
}

#copy2{
	position:absolute;
	left:64px;
	top:38px;
	width:100%;
	height:100%;
	background-image: url(copy2.png);
    background-size: 332px 34px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#board{
	position:absolute;
    left: 34px;
    top: 354px;
	width:148px;
	height:244px;
	opacity:1;
	
	background-image: url(board.png);
    background-size: 148px 244px;
	background-repeat:no-repeat;	
	background-color: transparent;

}
/*frame2*/
#fdic{
	position:absolute;
	left:12px;
	top:11px;
	width:100%;
	height:100%;
	background-image: url(fdic.png);
    background-size: 37px 23px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#logo{
	position:absolute;
	left:577px;
	top:19px;
	width:100%;
	height:100%;
	background-image: url(logoAlly.png);
    background-size: 126px 54px;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#cta{
	position:absolute;
	left:445px;
	top:30px;
	width:80px;
	height:30px;
	 -webkit-transform-style: preserve-3d;
	 -webkit-backface-visibility: hidden;
}
#cta_copy{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image: url(ctaBtn.jpg);
    background-size: 78px 28px;
	background-repeat:no-repeat;	
	background-color: transparent;
}

#cta_drop{
	position:absolute;
	left:2px;
	top:2px;
	width:78px;
	height:28px;
	background:#3c393a;
}

#animation{
	position:absolute;
    left: 347px;
    top: -290px;
    width: 100%;
    height: 100%;
	z-index:300;
	
    -ms-transform: scale(.7,.7); /* IE 9 */
   	-webkit-transform: scale(.7,.7); /* Safari */
    transform: scale(.7,.7);
}

/* da man */
#man_assets{
	position:absolute;
    left: 147px;
    top: 391px;
    width: 100%;
    height: 100%;
	z-index:300;
	
}
#man{
	position:absolute;
    left: 0px;
    top: 0px;
	width:249px;
	height:244px;
	z-index:300;
	
}

#man_body{
	position:absolute;
    left: 43px;
    top: 33px;
    width: 100%;
    height: 100%;
    background-image: url(man_body.png);
    background-size: 37%;
    opacity: 1;
	background-repeat:no-repeat;	
	background-color: transparent;
}


#man_head{
    position: absolute;
    left: 51px;
    top: 3px;
    width: 42px;
    height: 48px;
    background-image: url(man_head.png);
    background-size: 42px 48px;
    opacity: 1;
	background-repeat:no-repeat;	
	background-color: transparent;
}

#man_arm{
	position: absolute;
    left: 14px;
    top: 63px;
	width: 100%;
	height: 100%;
	opacity: 1;
}

#man_back_arm{
	position:absolute;
	left:0px;
	top:0px;
	width:56px;
	height:62px;
	background-image: url(man_back_arm.png);
	background-size: 56px 62px;
    opacity: 1;
	
	background-repeat:no-repeat;	
	background-color: transparent;
}
#man_front_arm{
	position:absolute;
    left: -59px;
    top: -5px;
	width:83px;
	height:65px;
    opacity: 1;
	
	background-image: url(man_front_arm.png);
	background-size: 83px 65px;
	z-index:100;
	background-repeat:no-repeat;	
	background-color: transparent;
}



#l_smile_mask{
	position:absolute;
	width: 38px;
	height:50px;
    left: 46px;
    top: 97px;
	opacity:1;
	overflow:hidden;
}
#l_smile{
	position:absolute;
    left: 0px;
    top: 0px;
	width: 38px;
	height:50px;
	z-index:100;
	background-image: url(l_smile.png);
	background-size: 38px 50px;
	z-index:100;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#r_smile_mask{
	position:absolute;
	width: 28px;
	height:40px;
    left: 65px;
    top: 105px;
	opacity:1;
	overflow:hidden;
}
#r_smile{
	position:absolute;
    left: 0px;
    top: 0px;
	width: 28px;
	height:40px;
	z-index:100;
	background-image: url(r_smile.png);
	background-size: 28px 40px;
	z-index:100;
	background-repeat:no-repeat;	
	background-color: transparent;
}


#equals_mask1{
	position:absolute;
    width:19px;
    height: 8px;
	left:26px;
    top:118px;
	opacity:1;
	overflow:hidden;
}
#equals1{
	position:absolute;
    left: 0px;
    top: 0px;
	width: 100%;
	height:100%;
	background-image: url(equals.png);
	background-size: 19px 16px;
	z-index:100;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#equals_mask2{
	position: absolute;
    width: 19px;
    height: 10px;
    left: 26px;
    top: 127px;
	opacity: 1;
	overflow: hidden;
}
#equals2{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url(equals.png);
	background-size: 19px 16px;
    z-index: 100;
    background-repeat: no-repeat;
    background-color: transparent;
}
#smiley_mask{
	position:absolute;
    width: 32px;
    height: 17px;
    left: 53px;
    top: 118px;
	opacity:1;
	overflow:hidden;
	z-index:200;
}
#smiley{
	position:absolute;
    left: 1px;
    top: -2px;
	width: 100%;
	height:100%;
	background-image: url(smiley.png);
	background-size: 30px 19px;
	z-index:100;
	background-repeat:no-repeat;	
	background-color: transparent;
}
#eye1{
	position:absolute;
    left: 56px;
    top: 114px;
	width: 100%;
	height:100%;
	background-image: url(eye.png);
	background-size: 10px 10px;
	z-index:300;
	background-repeat:no-repeat;	
	background-color: transparent;	
}
#eye2{
	position:absolute;
    left: 69px;
    top: 112px;
	width: 100%;
	height:100%;
	background-image: url(eye.png);
	background-size: 10px 10px;
	z-index:300;
	background-repeat:no-repeat;	
	background-color: transparent;
}


/* Invisible button for background clickthrough. */
#background_exit_dc {
	position: absolute;
	width: 728px;
	height: 90px;
	top: 0px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	background-color:red;
	z-index: 400;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}