@charset "utf-8";
/* CSS Document */

.platform-landing {
	padding: 0px !important;
	margin: 0px !important;
}

    .header-container {
        background-color: #00aeef;
		padding:0;
        width: 100%;
    }
        .header-container .header {
            width: 800px;
            height: 130px;
            margin: 0 auto;
            background: url(../../_resources/images/ld_header-logo.jpg) bottom right no-repeat;
        }
    .platform-container {
	width: 1400px;
	height: 1000px;
	margin: 0 auto;
	padding-top: 65px;
	position: relative;
    }
        .platform-container a {
            float: left;
        }
a.era-column,
a.north-column , a.tempus-column{
	display: inline-block;
	width: 425px;
	height: 1000px;
	position: relative;
	background-image: url(../images/ld_tempus_moxi_stride_noITE.jpg);
        }
            a.era-column {
                background: url(../../_resources/images/ld_era.jpg) top left no-repeat;
            }
            a.north-column {
                background: url(../../_resources/images/ld_north-stride-moxi.jpg) top left no-repeat;
                margin-right: 20px;
            }
a.tempus-column {
	background: url(../images/ld_tempus_moxi_stride_noITE.jpg) top left no-repeat;
	margin-right: 20px;
            }
a.era-column .era-button,
a.north-column .north-button , a.tempus-column .tempus-button{
	background: url(../../_resources/images/ld_button-off.jpg) center center no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 165px;
	top: 5px;
	background-image: url(../../_resources/images/ld_button-off.jpg);
        }
            a.era-column .era-button {
	left: 78px;
	top: 6px;
}
            a.north-column .north-button { left: 120px; top: 5px; }
a.tempus-column .tempus-button {
	left: 190px;
	top: 5px;

}
a.era-column:hover .era-button,
a.north-column:hover .north-button , a.tempus-column:hover .tempus-button{
            background: url(../../_resources/images/ld_button-on.jpg) center center no-repeat;
        }