html, body
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #4F6F92;
}

html
{
	font-size: 100%;
	/* IE hack */
}

/* sets font size to be the same across browsers. from here out, .9em=9pt, 1.0em=10pt, 1.1em=11pt and so on */
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica;
	background-color: #4F6F92;
	font-weight: bold;
	color: #fff;
}


a {
	color: #fff;
}

#content {
	width: 600px;
	height: 425px;
	margin: 60px auto 0 auto;
	background-image: url(../images/lessons_intro_background.jpg);
	position: relative;
}

#content div#lessonTitle {
	font-size: 2.1em;
	position: absolute;
	bottom: 207px;
	padding: 0 30px 14px 250px;
}

#content div#lessonDescription {
	position: absolute;
	top: 214px;
}

#tagline {
	font-size: 1.6em;
	padding: 10px 20px 20px 250px;
}

#additionalText {
	font-size: 1.2em;
	padding: 0 30px 0 250px;
}

#beginLink {
	font-size: 1.2em;
	padding: 40px 30px 0 250px;
	text-align: right;
}