body{
	width:				100%;
	height:				100%;
	margin:				0;
	font-family:		Helvetica, sans-serif;
	background-color:	#d8f0fc;
	font-size:			18px;
}

#content{
	/*position:			absolute;
	height:				540px;
	top:				20px;
	left:				50%;
	width:				960px;
	margin-left:		-480px;*/
	width:				100%;
	height:				100%;
	margin:				auto;
}

#legal, #links{
	width:				100%;
	height:				100%;
	overflow:			hidden;
	display:			none;
	
}

#legal{
	display:			block;
}

#legal #left{
	width:				100%;
	max-width:			320px;
	float:				left;
}

#legal #right{
	width:				350px;
	height:				280px;
	float:				left;
	margin-left:		10px;
	background:			url(../legal-box.png) no-repeat left top;
}

#videoContainer{
	background-color:	#000;
	display:			none;
}

#start-button{
	background:			url(../play-button.png) no-repeat;
	width:				200px;
	height:				35px;
	margin-left:		10px;
	cursor:				pointer;
}

#start-button:hover{
	background:			url(../play-button-checked.png) no-repeat;
}

#links{
	padding-bottom:		30px;
}

#links #title{
	width:				219px;
	height:				107px;
	background:			url(../../images/learn-more.png) no-repeat center;
}

#links ul{
	margin:				0 10px 30px;
}

#links ul li{
	margin-top:			10px;
}

input[type=button]{
	width:				111px;
	height:				43px;
	border:				none;
	background:			none;
	cursor:				pointer;
	float:				right;
}

.share{
	margin-bottom:		30px;
	background-image:	url(../../images/share.png) !important;
}

.replay{
	background-image:	url(../../images/replay.png) !important;
	margin-right:		60px;
	margin-left:		10px;
}

a{
	color:				#1294d0;
	text-decoration:	none;
}

a:hover{
	text-decoration:	underline;
}

#atic_more,
#atic_auth,
.atm-f,
#at3winfooter{
	display:			none !important;
}

.clear{
	clear:				both;
}