@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{
	background: url(../images/index_page/background-tile.jpg);
}
.animText, .animText1, .animText3
{
	position: absolute;
	font-size: 157px;
    width:940px;
    height:113px;
}
.animText1
{
	opacity: 0;
    background:url(../images/index_page/complete-space.png); 
    background-repeat:no-repeat;
}
.animText3
{
	opacity: 1;
	background:url(../images/index_page/complete.png); 
    background-repeat:no-repeat;
}
.animText2
{
    opacity: 0;
    height: 28px;
    width: 13px;
    position: absolute;
}

#char1
{
    left:6.7%;
	/*left: 62px;*/
    display: inline-block;
	position: absolute;
    line-height: 103px;
}
#char2
{
    left:30.8%;
	/*left: 289px;*/
    display: inline-block;
	position: absolute;
    line-height: 103px;
}
#char3
{
    left:51.4%;
	/*left: 483px;*/
    display: inline-block;
	position: absolute;
    line-height: 103px;
}

#char4
{
   width:210px; 
   height:113px;
   position: absolute;
   /*opacity:1;*/
   display:inline-block;
   line-height:103px;
}
#char1_img
{
    left:6.6%;
	/*left: 62px;*/
    display: inline-block;
	position: absolute;
    line-height: 103px;
    width: 107px;
    height: 113px;
    background:url(../images/index_page/a.png); 
    background-repeat:no-repeat; 
}
#char2_img
{
    left:31%;
	/*left: 289px;*/
	position: absolute;
    width: 107px;
    height: 113px;
    background:url(../images/index_page/t.png); 
    background-repeat:no-repeat; 
}
#char3_img
{
    left:53%;
	/*left: 483px;*/
	position: absolute;
    width: 107px;
    height: 113px;
    background:url(../images/index_page/r.png); 
    background-repeat:no-repeat; 
}

#char4_img
{
	position: absolute;
	width:210px; 
	height:115px;
	/*opacity:0;*/
	background:url(../images/index_page/ist.png); 
	background-repeat:no-repeat; 
}
.SkipIntro {
	position:absolute;
	clear:both;
	font-family: 'LatoBold';
	font-size:11px;
	color:#000000;
	font-weight:normal;
	text-transform:uppercase;
	top: 66%;
	text-align:right;
	right: 19.4%;
}

.SkipIntro a {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}

.SkipIntro a:hover {
	color:#bfb9b1;
}