@font-face {
    font-family: 'Din-Regular';
    src: url('../_js/fonts/DINWeb-Regular.eot');
    src: url('../_js/fonts/DINWeb-Regular.eot?#iefix') format('embedded-opentype'),
         url('../_js/fonts/DINWeb-Regular.woff') format('woff'),
         url('../_js/fonts/DINWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Din-Medium';
    src: url('../_js/fonts/DINWeb-Medium.eot');
    src: url('../_js/fonts/DINWeb-Medium.eot?#iefix') format('embedded-opentype'),
         url('../_js/fonts/DINWeb-Medium.woff') format('woff'),
         url('../_js/fonts/DINWeb-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Din-Black';
    src: url('../_js/fonts/DINWeb-Black.eot');
    src: url('../_js/fonts/DINWeb-Black.eot?#iefix') format('embedded-opentype'),
         url('../_js/fonts/DINWeb-Black.woff') format('woff'),
         url('../_js/fonts/DINWeb-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
a, a:visited, a:focus {
	outline: none;
}
html, body {
	height: 100%;
	width: 100%;
	font-weight: normal;
}
html {
	margin: 0;
	padding: 0;
	line-height: 12px;
}
body {
	background: url(../_img/bg.jpg);
	font-family:'Din-Medium', Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}
strong {
	font-family:'Din-Black', Arial Black, Helvetica Black, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}
h1 {
	padding: 0;
	margin: 0;
	line-height: 1em;
}
img {
	border: 0;
}
canvas {
	position: absolute;
	opacity: .6;
	filter: alpha(opacity = 60);
}
#wrapper {
	top: 0;
	position: relative;
}
em {
	font-family:'Din-Black', Arial Black, Helvetica Black, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	
}
aside a, .lightbox a {
	font-family:'Din-Black', Arial Black, Helvetica Black, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight: normal;
	color: #414042;
}
aside h1 a {
	float: right;
	margin: -10px -10px 0 20px;
}
aside h1 {
	padding: 15px 20px;
	margin: 0 0 3px 75px;
	color: #EEE;
	font-family:'Din-Black', Arial Black, Helvetica Black, Helvetica, Verdana, sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height: 27px;
	text-transform: uppercase;
	width: 370px;
}
nav {
	width: 100%;
	color: #EEE;	
	line-height: 1em;
	height: 55px;
	overflow: hidden;
}
nav, nav h1, nav h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
nav {
	color: #7b7b7b;
	opacity: .47;
	text-decoration: none;
	display: block;
	padding: 7px 0;
}
nav em {
	display: block;
	padding: 6px 0 0 0;
}
nav h1 em {
	color: #EEE;
}
nav ul, nav ul li, footer ul, footer ul li a   {
	border: 1px solid #ece4cf;
	border-top: 0;
	border-bottom: 0;
}
nav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 1024px;	
}
nav ul li {
	display: inline-block;
	margin: 0;
	width: 62px;
	text-align: center;
	padding: 0;
	vertical-align: top;
}
nav.home ul {
	width: 590px;
}
nav.home ul li {
	width: 116px;
}
nav ul li h1 {
	display: none;
}
nav ul li h2 {
	font-variant:small-caps;
	font-size: 15px;
	padding: 8px 0 12px 0;
}
nav ul li h2 em {
	font-family:'Din-Medium', Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	font-style: normal;
	display: block;
}
/* Money as You Learn Link */
#mayl, #mayl a {
	color: #FFF;
	text-decoration: none;
}
#mayl {
	width: 136px;
	right: 0;
	float: right;
	position: relative;
}
#mayl > a {
	display: block;
	right: -10px;
	width: 163px;
	height: 16px;
	background: url(../_img/mayl.png) no-repeat;
}
#mayl > a span {
	display: none;
}
#mayl p {
	display: none;
	margin: 2px 0 0 0;
	padding: 7px;
	font: normal normal 11px/14px "Din-Medium", Helvetica, Arial, sans-serif;
	word-wrap: break-word;
	background: #69A8B4;
}
#mayl:hover p {
	display: block;
}
#mayl p a {
	font: normal normal 11px/14px "Din-Black", Helvetica, Arial, sans-serif;
}
footer {
	width: 920px;
	background: url(../_img/footerBG.png);
	margin: 0 auto;
	padding: 0;
	height: 9px;
}
#legal{
	font-size: 10px;
	color: #8F929A;
	width: 700px;
	text-align: center;
	margin: 20px auto;
}
#branding {
	margin: 0 auto 0;
	width: 983px;
	height: 52px;
	padding: 0 0 100px 0;
	background: url(../_img/logo.png) no-repeat 0 0;
}
#branding > a {
	margin: 20px 140px 0 0;
	width: 830px;
	height: 85px;
	display: block;
	cursor: default;
	
}
#branding h1 {
	display: none;
	text-transform: uppercase;
	text-align: center;
	color: #F15A29;
	line-height: 2.75em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 17px;
	width: 910px;
}

/* Lightboxes -----------------------------------------------------------------------*/
.lightbox {
	z-index: 999999;
	position: absolute;
	top: 1500px;
	height: 565px;
	padding: 0 0 0 43px;
	margin: 0;
	background: url(../_img/lbLeft.png) no-repeat left top;
}
.single {
	left: 50%;
	margin-left: -240px;
	width: 480px;
}
.lightbox > div {
	background: url(../_img/lbBG.png) no-repeat right top;
	margin: 0;
	padding: 0;
	height: 550px;
	overflow: hidden;
}
.lightbox h1 {
	font-family:'Din-Black', Arial Black, Helvetica Black, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	color: #EEE;
	text-transform: uppercase;
	padding: 23px 0 20px 20px;
	margin: 19px 0 0 0;
	font-weight: normal;
}
.lightbox h1 span {
	font-style: italic;
}
.lightbox h2 {
	padding: 0 20px 10px 20px;
	font-family:'Din-Black', Arial Black, Helvetica Black, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	color: #414042;
}
.lightbox h2 span {
	font-weight: normal;
	font-style: italic;
}
.lightbox a:hover {
	color: #F15A29;
}
.single .staticCon {
	margin: 20px 40px 0 0;
	height: 420px;
	text-align: center;
	overflow: visible;
}
.lightbox p, .lightbox ul {
	font-family:'Din-Regular', Arial Black, Helvetica Black, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #414042;
}
.lightbox p {
	font-size: 15px;
	padding: 0 20px 10px 20px;
	margin: 0;
}
a.red {
	color: #D91F5D;
	font-family:'Din-Black', Arial Black, Helvetica Black, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}
.poster {
	background: url(../_img/posterBG.png) no-repeat left top;
	width: 480px;
	height: 705px;
	padding: 40px 0 0 65px;
	margin: -130px 0 0 -280px;
	left: 50%;
	top: 0;
	display: none;
}
.poster .thumb {
	display: none;
	margin: 0 0 18px 0;
	padding: 0;
}
.poster .thumb.active {
	display: block;
}
.poster .thumb img {
	margin: 26px 0 0 18px;
}
.poster .closeLB {
	float: right;
	margin-right: 30px;
}
div.posterLinks {
	margin-left: 18px;
	border: 1px solid #FED8AD;
	background: none;
	float: left;
	height: auto;
}
div.posterLinks:last-child {
	margin-left: 10px;
}
div.posterLinks > a, div.posterLinks ul li a, div.posterLinks ul li span {
	font-family:'Din-Black', Arial Black, Helvetica Black, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #EEE;
	padding: 2px 2px 0;
	text-decoration: none;
	background: url(../_img/footerLinkBG.png);
	text-transform: uppercase;
	margin: 0 2px 0 0;
	display: inline-block;
}
div.posterLinks > a:hover, div.posterLinks ul li a:hover {
	color: #EEE;
	background: #F7941E;
}
div.posterLinks h2 {
	margin: 0;
	padding: 0 0 4px 0;
}
div.posterLinks h2 a {
	display: block;
	color: #6D6E70;
	margin-top: 1px;
}
div.posterLinks.active h2 a {
	color: #E55223;
}
div.posterLinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
	opacity: .4;
	filter: alpha(opacity = 40);
}
div.posterLinks.active ul {
	opacity: 1;
	filter: alpha(opacity = 100);
}
div.posterLinks ul li {
	background: none;
	margin: 4px 0;
	padding: 0;
}
div.posterLinks ul li span {
	background: #6D6E70;
	background-image: none;
	text-align: center;
	width: 96px;
	text-transform: none;
}
#smokescreen{
	position: absolute;
	top: 0;
	z-index: 999995;
	width: 100%;
	bottom: 0;
	background: #FFF;
	opacity: .6;
	filter: alpha(opacity = 60);
	display: none;
}
#interstitial p strong span {
	background: url(../_img/footerLinkBG.png);
	padding: 10px 5px 5px;
	border: 1px solid #FFF;
	color: #FFF;
}

/* Sectional Elements ---------------------------------------------------------------*/
#avatars  {
	width: 1024px;
	margin: 0 auto;
}
#social {
	background-image:url(../_img/ico/share.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:16px;
	padding-left:51px;
	width: 125px;
	float:right;
	position: relative;
}
#social .get_updates {
	position: absolute;
	left: -95px;
	top: -1px;
	width: 93px;
	height: 17px;
	display: block;
	background: url(../_img/updates.png) no-repeat left top;
	cursor: pointer;
}
#social .get_updates span {
	display: none;
}
#social a { float:left; margin: 0 2px 0 0; width: 16px; height:16px; }
a.addthis_button_email img {
	background: url(../_img/ico/sprite_mail.gif) no-repeat left top;
}
a.addthis_button_twitter img {
	background: url(../_img/ico/sprite_twitter.gif) no-repeat left top;
}
a.addthis_button_facebook img {
	background: url(../_img/ico/sprite_facebook.gif) no-repeat left top;
}
a.addthis_button_pin img {
	background: url(../_img/ico/sprite_pinterest.gif) no-repeat left top;
}
a.addthis_button_tumblr img {
	background: url(../_img/ico/sprite_tumblr.gif) no-repeat left top;
}
a.addthis_button_google_plusone_share img {
	background: url(../_img/ico/sprite_google.gif) no-repeat left top;
}

/* New Kids */
.kids {
	width: 699px;
	height: 519px;
	background: url(../_img/kids.png) no-repeat center center;
	margin: 0 auto;
}

.redirectLink{
	width: 250px;
	text-align: center;
	color: #FFF;
	position: absolute;
	top: 198px;
	margin-left:186px;
	font-family: "DIN-Regular";
	font-size: 16px;
	line-height: 19px;
	transform: rotate(-12deg);
}
.posterLink {
	position: absolute;
	top: 360px;
	margin-left: 653px;
	width: 145px;
	text-align: center;
}
.redirectLink strong, .redirectLink a, .posterLink a {
	font-family: "DIN-Medium";
	font-weight: normal;
} 
.redirectLink strong {
	font-style: italic;
}
.redirectLink a, .posterLink a {
	color: #FFF;
	text-decoration: underline;
}
.redirectLink small {
	color: #ebe3ce;
}
.posterLink a {
	font-size: 18px;
	line-height: 19px;
}