html{
	width: 100%;
	min-height: 100%;
	height: 100%;
}
body{
	width: 100%;
	min-height: 100%;
	height: 100%;
    font-family: 'Open Sans';
}
#wrapper{
	width: 100%;
	min-height: 100%;
	height: 100%;
	overflow: hidden;
}
	#wrapper .content{
		font-size: 0;
		min-height: 100%;
	}
		#wrapper .content .column_50{
			display: inline-block;
			vertical-align: middle;
			width: 50%;
			font-size: 14px;
		}
		#wrapper .content .txt_right{
			text-align: right;
			padding-right: 5%;
		}
		#wrapper .content .txt_left{
			text-align: left;
			padding-left: 5%;
		}
                
                
                
/* LOADER OVERLAY */
.loader{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    top: 0;
    z-index: 10000;
}
    .loader > div{
        left: 50%;
        width: 120px;
        height: 128px;
        background: url(../images/sprites.png);
        margin: -60px 0 0 -64px;
        position: absolute;
        top: 50%;
    }