/*css */
html,body{
	font-family: geneva, verdana, helvetica, san-serif;
	font-size: 11px;
	color: #fff;
	margin:0;
}
body {
	background-color: #2b3242;
}

a{
	text-decoration:underline;
	color:#fff;
}

img{
	border:0;
}

#spacer{
    clear: both;
}


#ubercontainer {
	margin: 0px;
	width: 900px;
    height: 762px;
	padding: 0;
	text-align: left;
	background-image: url(graphics/index_bground.gif);
	background-repeat: no-repeat;
}

#anim_holder {
    position:absolute;
	left: 301px;
	top: 83px;

}


#lang_holder {
    position:absolute;
	left: 544px;
	top: 97px;
}

#flash_txt{
    position:absolute;
	left: 602px;
	top: 279px;
    text-align:left;
}


@media screen and (max-width: 699px) {
    #ubercontainer {
        width: 100%;
        background-size: cover;
        height: 400px;
    }
    
    #anim_holder {
        left: 50%;
        top: 33px;
        transform: translateX(-50%);
    }
    
    #lang_holder {
        left: 50%;
        top: 377px;
        transform: translateX(-50%);
    }
    
    #flash_txt {
        left: 28px;
        top: 470px;
        width: 90%;
        word-break: break-word;
    }
    
}