/*  GENERAL  ------------------------------------------------------------------------------------------------ */

html, body {
		margin:0;
		border:0;
		padding:0;
		width:100%;
		font-size:12px;
		font-family:Helvetica, Arial, sans-serif;
		background:url(../../static-media/images/splash-back.jpg) top no-repeat;
		}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow:hidden;
    width:100%;
}

/*  HEADER  ------------------------------------------------------------------------------------------------ */

#header {
		width:100%;
		height:114px;
		color:#487010;
		text-align:right;
		}

/*  CONTENT  ------------------------------------------------------------------------------------------------ */

#content {
		top:250px;
		width:270px;
		color:#81b838;
		display:block;
		margin:120px auto auto auto;
		padding-bottom:100px;
}

#content #title {
		background:transparent url('../../static-media/images/splash-paper-evolution-en.png') no-repeat scroll center top;
		height:59px;
		padding:0;
		text-indent:-999.99em;
		width:275px;
		}

a.button {
		float:left;
		height:22px;
		color:#FFFFFF;
		display:block;
		margin-right:6px;
		text-decoration:none;
		padding-right:18px; /* sliding doors padding */
		background:url('../../static-media/images/splash-enter-back-right.png') no-repeat scroll top right;
		}

a.button:hover {
		color:#81b838;
		}

a.button span {
		display:block;
		line-height:13px;
		padding:5px 0 5px 18px;
		background:transparent url('../../static-media/images/splash-enter-back-left.png') no-repeat;
		}