@import url(http://fonts.googleapis.com/css?family=Fjalla+One);

/*	-----------------------------------------------

	Resets And Primitives

	----------------------------------------------- */

html {
	height: 100%;
}
html, body, div, span, a, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	background: #1e0909 url('../img/bg/bg-main.jpg') no-repeat center -270px;
	color: #fff;
	font-family: sans-serif;
	height: 100%;
	line-height: 1;
}
	body > img {
		display: none;
	}
h1,h2,h3,h4,h5,h6 {
	letter-spacing: 1px;
	line-height: 1.2em;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
p {
	font-size: 12px;
	line-height: 16px;
}
a {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.btn-call-to-action:hover {
	text-decoration: none;
}
a:active, a:selected, a:visited {
    border: none;
    outline: none;
}
ul, ol {
	font-size: 12px;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
object {
	display: block;
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset {
	border: none;
}
	fieldset ol {
		list-style: none;
	}
input, select {
	vertical-align: middle;
}
button {
	cursor: pointer;
	display: block;
}

/*	-----------------------------------------------

	Utility Classes

	----------------------------------------------- */
.left {
	float: left;
}
.right {
	float: right;
}
.invisible {
	display: none;
}
.offscreen {
	display: block;
	left: -999999px;
	position: absolute;
	top: -999999px;
}
.clearfix {
	display: inline-block;
}
.clear-fix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.img-link {
	color: transparent;
	display: block;
	text-indent: -999999px;
}
.title-content h1 {
	color: #dc1401;
	font-weight: bolder;
	padding-top: 23px;
	font-family: Helvetica;
	text-shadow: -2px 0 2px white, 0 2px 2px white, 2px 0 2px white, 0 -2px 2px white;
	-webkit-text-stroke: 1px white;
	letter-spacing: -4px;
	word-spacing: 4px;
}
.title-content p {
	color: white;
	font-weight: bolder;
	font-family: Helvetica;
	font-size: 19px;
	text-shadow: 3px 3px 3px black;
	margin-top: 7px;
}
p.description{
	color: #141414;
	clear: both;
	font-size: 16px;
	font-family: Arial;
	margin-bottom: 25px;
	letter-spacing: 0;
	line-height: 29px;
	word-spacing: 0;
}
.subTitleRed {
	color: #dc1401;
	font:bold 35px Helvetica, Arial, sans-serif;
	letter-spacing: -2px;
	word-spacing: 4px;
	margin-bottom: 15px;
}
.linkOverlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
a.no-hover {
	color: inherit;
	outline: none;
}
a.no-hover:hover {
	color: inherit;
	outline: none;
	text-decoration: none;
}



/*	-----------------------------------------------

	Widgets and Reusable Components

	----------------------------------------------- */

/*** Button Arrows ***/

.btn-arrow-small {
	position: relative
}
.btn-arrow-small:after {
	background: transparent url('../img/btn/btn-arrows.png') no-repeat 0 0;
	content: '';
	height: 16px;
	position: absolute;
	right: -22px;
	top: 0;
	width: 16px;
}
.btn-arrow-large {
	position: relative
}
.btn-arrow-large:after {
	background: transparent url('../img/btn/btn-arrows.png') no-repeat -40px 0;
	content: '';
	height: 20px;
	position: absolute;
	right: -30px;
	top: 0;
	width: 20px;
}

/*** eShop Logo ***/

.logo-e-shop-small {
	background: transparent url('../img/logo/logo-e-shop.png') no-repeat 0 -60px;
	display: block;
	height: 15px;
	margin: 3px 0;
	text-indent: -999999px;
	width: 103px;
}
.logo-e-shop-medium {
	background: transparent url('../img/logo/logo-e-shop.png') no-repeat 0 -30px;
	display: block;
	height: 18px;
	margin: 3px 0;
	text-indent: -999999px;
	width: 128px;
}
.logo-e-shop-large {
	background: transparent url('../img/logo/logo-e-shop.png') no-repeat 0 0px;
	display: block;
	height: 28px;
	text-indent: -999999px;
	width: 200px;
}

/*** CTA Button ***/

.btn-call-to-action {
	background: transparent url('../img/btn/btn-call-to-action.png') no-repeat 0 0;
	border: none;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-right: 50px;
	padding: 9px 0 14px 20px;
	position: relative;
}
body.lang-fr .btn-call-to-action.btn-buy-now {
	font-size: 10px !important;
	padding-top: 12px;
}
.btn-call-to-action:hover {
	background-position: 0 -37px;
}
.btn-call-to-action:after {
	background: transparent url('../img/btn/btn-call-to-action.png') no-repeat right 0;
	content: '';
	height: 100%;
	position: absolute;
	right: -50px;
	top: 0;
	width: 50px;
}
.btn-call-to-action:hover:after {
	background-position: right -37px;
}

/*** Modal Window ***/

#overlay {
	background-color: #000;
	display: none;
	min-height: 100%;
	left: 0;
	opacity: .5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999998;
}
#modal-window {
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #000;
	display: none;
	min-height: 300px;
	margin: 0 auto;
	position: fixed;
	width: 725px;
	z-index: 999999;
}
	#modal-window > div {
		padding: 40px;
	}
	#purchase-options-modal p.hr {
		color: #b2b2b2;
		font-size: 30px;
		font-weight: bold;
		line-height: 30px;
		padding: 17px 0;
		text-align: center;
		text-transform: uppercase;
	}
	#purchase-options-modal p.hr:before {
		border-top: 1px solid #b2b2b2;
		content: '';
		display: block;
		height: 1px;
		margin-bottom: -17px;
		width: 100%;
	}
	#purchase-options-modal p.hr:after {
		background: #fff;
		content: '';
		display: block;
		height: 40px;
		margin: -35px auto;
		width: 70px;
	}
	#purchase-options-modal a {
		color: #ff8c2d;
		font-size: 16px;
		font-weight: normal;
		margin-top: 25px;
	}
	#purchase-options-modal div.option {
		font-size: 25px;
		font-weight: bold;
		height: 175px;
		line-height: 35px;
		overflow: hidden;
		padding: 45px 0 0 300px;
		position: relative;
	}
		#purchase-options-modal div.option img {
			left: 0;
			position: absolute;
			top: 10px;
		}
		#purchase-options-modal div.option a.logo-e-shop-large {
			display: inline-block;
			margin: 0;
		}
	#purchase-options-modal ul.country {
		list-style: none;
	}
		#purchase-options-modal ul.country li {
			float: left;
			height: 65px;
			margin-right: 25px;
			width: 116px
		}
			#purchase-options-modal ul.country li a {
				background: transparent url('../img/flags.jpg') no-repeat 0 0;
				display: block;
				height: 100%;
				text-indent: -999999px;
			}
			#purchase-options-modal ul.country li.united-states a {
				background-position: 0 0;
			}
			#purchase-options-modal ul.country li.canada a {
				background-position: 0 -65px;
			}
	#e-shop h5 {
		margin-bottom: 20px;
	}
	#e-shop ol {
		padding-left: 20px;
	}
		#e-shop ol li {
			margin-bottom: 20px;
		}
	#e-shop img {
		border: 1px solid #F78F23;
		float: right;
		padding: 5px;
	}
#btn-modal-close {
	background: transparent url('../img/btn/btn-modal-close.png') no-repeat 0 0;
	border: none;
	height: 40px;
	position: absolute;
	right: 0px;
	text-indent: -999999px;
	top: 0px;
	width: 40px;
}
#btn-modal-close:hover {
	background-position: 0 -40px;
}
div.modal-content {
	display: none; /* hide modal content before it's put inside #modal-window */
}

/*** Carousel ***/

div.panel-controls { }
	div.panel-controls ul {
		list-style: none;
	}
		div.panel-controls ul li {
			float: left;
		}
			div.panel-controls ul.nav-panels-arrows li button {
				background: transparent url('../img/btn/btn-arrows.png') no-repeat 0 0;
				border: none;
				cursor: pointer;
				text-indent: -999999px;
			}
			#modal-window div.panel-controls ul.nav-panels-arrows li.btn-back.disabled button {
				background: transparent url('../img/btn/btn-arrows.png') no-repeat 0 -286px;
			}
			#modal-window div.panel-controls ul.nav-panels-arrows li.btn-next.disabled button {
				background: transparent url('../img/btn/btn-arrows.png') no-repeat -81px -286px;
			}
/*** Modal Carousel ***/

	#modal-window .nav-panels-pagination {
		bottom: 15px;
		left: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		z-index: 1;
	}
		#modal-window .nav-panels-pagination li {
			display: inline-block;
			float: none;
			margin: 0 4px;
		}
			#modal-window .nav-panels-pagination li button {
				background: transparent url('../img/btn/btn-pagination.png') no-repeat 0 0;
				border: none;
				height: 12px;
				text-indent: -999999px;
				width: 12px;
			}
			#modal-window .nav-panels-pagination li.on button,
			#modal-window .nav-panels-pagination li button:hover {
				background-position: 0 -12px;
			}
		#modal-window .nav-panels-arrows li {
			margin-top: -27px;
			position: absolute;
			top: 50%;
			z-index: 1;
		}
			#modal-window .nav-panels-arrows li button {
				height: 54px;
				width: 54px;
			}
			#modal-window .nav-panels-arrows li div.tip {
				background: #fff;
				border: 1px solid #ccc;
				-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .4);
				-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .4);
				-o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .4);
				box-shadow: 0 0 20px 0 rgba(0, 0, 0, .4);
				display: none;
				font-size: 12px;
				left: 50%;
				line-height: 20px;
				margin-left: -75px;
				padding: 10px;
				position: absolute;
				text-align: left;
				text-indent: 0;
				width: 130px;
				z-index: 1;
			}
				#modal-window .nav-panels-arrows li div.tip h6 {
					color: #dc1401;
					font-size: 12px;
				}
			#modal-window .nav-panels-arrows li div.tip:before {
				border-left: 16px solid transparent;
				border-right: 16px solid transparent;
				border-top: 16px solid #ccc;
				content: '';
				left: 50%;
				margin-left: -16px;
				position: absolute;
				top: 100%;
			}
			#modal-window .nav-panels-arrows li div.tip:after {
				border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				border-top: 15px solid #fff;
				content: '';
				left: 50%;
				margin-left: -15px;
				position: absolute;
				top: 100%;
			}
		#modal-window .nav-panels-arrows li.btn-back {
			left: -32px;
		}
			#modal-window .nav-panels-arrows li.btn-back button {
				background-position: 0 -200px;
			}
			#modal-window .nav-panels-arrows li.btn-back button:hover {
				background-position: 0 -120px;
			}
		#modal-window .nav-panels-arrows li.btn-next {
			right: -32px;
		}
			#modal-window .nav-panels-arrows li.btn-next button {
				background-position: -80px -200px;
			}
			#modal-window .nav-panels-arrows li.btn-next button:hover {
				background-position: -80px -120px;
			}
	#modal-window .carousel {
		height: 450px;
		list-style: none;
		padding-bottom: 40px;
		position: relative;
	}
		#modal-window .carousel > li {
			left: 0;
			position: absolute;
			top: 0;
		}
			#modal-challenge-media h3,
			#modal-window .carousel > li h3 {
				color: #e72510;
				font-size: 35px;
				font-weight: bold;
			}
			#modal-window .carousel > li img {
				border: 1px solid #a2a2a2;
			}
			#modal-challenge-media #video-target,
			#modal-window .carousel > li #video-target {
				border: 1px solid #a2a2a2;
				display: none;
				height: 405px;
				width: 720px;
			}

#modal-window.modal-video {
	width: 805px;
}

/*	-----------------------------------------------

	Chrome

	----------------------------------------------- */

#wrapper {
	margin: 0 auto;
	min-height: 100%;
	width: 960px;
}
	#wrapper > div.inner {
		padding-bottom: 390px;
	}

/*** Header Area ***/

		#wrapper > .inner > header {
			margin-top: 20px;
			min-height: 200px;
			position: relative;
		}
			#wrapper > .inner > header .btn-only-on-3ds {
				background: transparent url('../img/btn/btn-only-on-3ds.png') no-repeat 0 0;
				height: 23px;
				text-indent: -999999px;
				position: absolute;
				right: 0;
				top: 0;
				width: 193px;
			}
			.lang-es #wrapper > .inner > header .btn-only-on-3ds {
				background: transparent url('../img/btn/btn-only-on-3ds-es.png') no-repeat 0 0;
			}
			.lang-fr #wrapper > .inner > header .btn-only-on-3ds {
				background: transparent url('../img/btn/btn-only-on-3ds-fr.png') no-repeat 0 0;
			}

#nav-main {
	float: right;
	margin: 32px auto 0;
	overflow: hidden;
	padding-top: 32px;
	width: 690px;
	z-index: 1;
}
	#nav-main li {
		float: left;
		height: 104px;
		margin: 0 6px;
		position: relative;
		width: 163px;
	}
	#nav-main li.in {
		height: 130px;
		margin-top: -32px;
	}
		#nav-main li a {
			background: transparent url('../img/btn/btn-nav-main.png') no-repeat 0 0;
			display: block;
			height: 100%;
			text-indent: -999999px;
		}
		#nav-main li.in a {
			cursor: default;
		}
	#nav-main li.nav-home {
		height: 50px;
		left: -20px;
		position: absolute;
		top: 0;
		width: 265px;
	}
		#nav-main li.nav-home a {
			background: transparent url('../img/logo/logo-game.png') no-repeat 0 0 !important;
		}
	#nav-main li.nav-why {
		margin-left: 0;
	}
		#nav-main li.nav-why a {
			background-position: 0 -260px;
		}
		#nav-main li.nav-why a:hover {
			background-position: 0 -390px;
		}
		#nav-main li.nav-why.in a {
			background-position: 0 -520px;
		}
	#nav-main li.nav-training { }
		#nav-main li.nav-training a {
			background-position: -220px -260px;
		}
		#nav-main li.nav-training a:hover {
			background-position: -220px -390px;
		}
		#nav-main li.nav-training.in a {
			background-position: -220px -520px;
		}
	#nav-main li.nav-activities { }
		#nav-main li.nav-activities a {
			background-position: -440px -260px;
		}
		#nav-main li.nav-activities a:hover {
			background-position: -440px -390px;
		}
		#nav-main li.nav-activities.in a {
			background-position: -440px -520px;
		}
	#nav-main li.nav-others {
		margin-right: 0;
	}
		#nav-main li.nav-others a {
			background-position: -660px -260px;
		}
		#nav-main li.nav-others a:hover {
			background-position: -660px -390px;
		}
		#nav-main li.nav-others.in a {
			background-position: -660px -520px;
		}

	#callout-purchase {
		font-size: 12px;
		left: 0;
		padding: 0 0 0 95px;
		position: absolute;
		top: 75px;
	}
		#callout-purchase img {
			left: 0;
			position: absolute;
			top: 0;
		}
		#callout-purchase p {
			margin: 10px 0 0 12px;
		}
		#callout-purchase .linkOverlay {
			display: block;
			width: 225px;
			height: 80px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
		}


/*** Content Area ***/

#content {
	margin-bottom: 45px;
	min-height: 120px;
}

/*** Footer Area ***/

	body > footer {
		background: transparent url('../img/bg/bg-footer.png') repeat 0 0;
		height: 390px;
		margin-top: -390px;
	}
		body > footer > div.outer {
			background: transparent url('../img/bg/bg-footer-outer.png') repeat-x 0 0;
		}
			body > footer > div.outer > div.inner {
				background: transparent url('../img/bg/bg-footer-inner.png') no-repeat center top;
				margin: 0 auto;
				width: 960px;
			}
		body > footer div.social-icons {
			height: 28px;
			margin: 0 auto 80px;
			width: 300px;
		}
			body > footer div.social-icons h6 {
				float: left;
				font-family: sans-serif;
				font-size: 16px;
				height: 28px;
				letter-spacing: -.5px;
				line-height: 28px;
				margin: 0 10px 0 0;
				text-transform: uppercase;
				vertical-align: top;
			}
			body.lang-es > footer div.social-icons h6,
			body.lang-fr > footer div.social-icons h6 {
				font-size: 12px;
			}
			body > footer div.social-icons a {
				margin: 2px 3px 3px 0;
				padding: 0;
				width: 25px;
			}
		
		body > footer p.disclaimer {
			line-height: 26px;
			margin: 0 auto 32px;
			text-align: center;
			width: 748px;
		}
		body > footer p.copyright {
			font-size: 11px;
			line-height: 13px;
			margin: 0;
			text-align: center;
			padding-top: 15px;
			clear: both;
		}

#g-footer {
	margin: 0 auto 28px;
	position: relative;
	text-align: center;
	  width: 560px;
}


/*	-----------------------------------------------

	Section Specific Style

	----------------------------------------------- */

/*** Home Page ***/

#page-home {
	background-position: center top;
}
	#page-home #wrapper > .inner { }
		#page-home #wrapper > .inner { }
			#page-home #wrapper > .inner > header {
				min-height: 680px;
			}
	#page-home h1 {
		font-family: 'Fjalla One', sans-serif;
		font-size: 50px;
		font-weight: normal;
		line-height: .9em;
		margin-bottom: 25px;
		text-transform: uppercase;
	}
	#page-home .available {
		position: relative;
		width: 200px;
	}
		#page-home h1 span {
			background: -webkit-linear-gradient(#fff, #acacac);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			color: #ddd;
		}
		#page-home h1 em {
			display: block;
			font-family: sans-serif;
			font-size: 24px;
			font-style: normal;
			text-transform: none;
		}
	#page-home h2 {
		font-size: 26px;
		line-height: .9em;
		margin-bottom: 15px;
	}
		#page-home h2 span {
			display: block;
			font-size: 17px;
			font-weight: normal;
		}
	#page-home h3 {
		font-size: 17px;
		font-weight: normal;
		margin-bottom: 15px;
	}
	#page-home #btn-buy-now {
		margin: 0 0 15px -12px;
	}

	#page-home #nav-main {
		margin-top: 0;
		position: absolute;
		top: 490px;
		width: 960px;
	}
		#page-home #nav-main li {
			height: 130px;
			margin: 0 10px;
			width: 220px;
		}
			#page-home #nav-main li a {
				background: transparent url('../img/btn/btn-nav-main.png') no-repeat 0 0;
			}
		#page-home #nav-main li.nav-home {
			left: -999999px;
			position: absolute;
			top: -999999px;
		}
		#page-home #nav-main li.nav-why { }
			#page-home #nav-main li.nav-why a {
				background-position: 0 0;
			}
			#page-home #nav-main li.nav-why a:hover {
				background-position: 0 -130px;
			}
		#page-home #nav-main li.nav-training { }
			#page-home #nav-main li.nav-training a {
				background-position: -220px 0;
			}
			#page-home #nav-main li.nav-training a:hover {
				background-position: -220px -130px;
			}
		#page-home #nav-main li.nav-activities { }
			#page-home #nav-main li.nav-activities a {
				background-position: -440px 0;
			}
			#page-home #nav-main li.nav-activities a:hover {
				background-position: -440px -130px;
			}
		#page-home #nav-main li.nav-others { }
			#page-home #nav-main li.nav-others a {
				background-position: -660px 0;
			}
			#page-home #nav-main li.nav-others a:hover {
				background-position: -660px -130px;
			}
	#page-home #callout-qr {
		font-size: 15px;
		padding: 10px 0 0 100px;
		position: absolute;
		right: 0;
		top: 425px;
	}
		#page-home #callout-qr img {
			left: 0;
			position: absolute;
			top: 0;
		}
		#page-home #callout-qr a:hover {
			color: #e8b22c;
			text-decoration: none;
		}
		#page-home #callout-qr a.btn-e-shop {
			font-size: 11px;
			position: relative;
			z-index: 11;
		}

#page-home #featured-callouts .frame li h4 a {
	color: inherit;
}
#page-home #featured-callouts .frame li a:hover {
	text-decoration: none;
}
a.no-hover:hover {
	text-decoration: none;
}
a#btn-color:hover {
	color: #e8b22c;
}
#hero-price {
	position: absolute;
	right: 558px;
	top: 400px;
	z-index: 10;
}
#hero-home {
	position: absolute;
	right: 0;
	top: 100px;
}
#featured-media {
	height: 143px;
	margin-top: 25px;
	position: relative;
	width: 220px;
}
	#featured-media > div {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	#featured-media .panel-controls {
		z-index: 1;
	}
		#featured-media .panel-controls li {
			position: absolute;
			top: 60px;
		}
			#featured-media .panel-controls li button {
				height: 28px;
				width: 28px;
			}
		#featured-media .panel-controls .btn-back {
			left: -12px;
		}
			#featured-media .panel-controls .btn-back button {
				background-position: 0 -40px;
			}
			#featured-media .panel-controls .btn-back.disabled button {
				cursor: default;
				background-position: -80px -40px;
			}
		#featured-media .panel-controls .btn-next {
			right: -12px;
		}
			#featured-media .panel-controls .btn-next button {
				background-position: -40px -40px;
			}
			#featured-media .panel-controls .btn-next.disabled button {
				cursor: default;
				background-position: -120px -40px;
			}
	#featured-media .frame {
		height: 100%;
		overflow: hidden;
	}
	#featured-media .mask {
		background: transparent url('../img/frame-video-carousel.png') no-repeat 0 0;
		height: 143px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	#featured-media .mask:hover {
		background-position: 0 bottom;
	}
	#featured-media ul.carousel {
		height: 100%;
		left: 0;
		list-style: none;
		overflow: hidden;
		position: absolute;
		top: 0;
	}
		#featured-media ul.carousel li {
			cursor: pointer;
			float: left;
			position: relative;
			width: 220px;
		}
			#featured-media ul.carousel li p {
				background-color: rgb(0, 0, 0);
				background-color: rgba(0, 0, 0, 0.8);
				left: 0;
				padding: 15px 0 10px;
				position: absolute;
				text-align: center;
				top: 0;
				width: 220px;
			}

#iwata,
.playable {
	height: 80px;
	margin-top: 40px;
	position: relative;
	width: 180px;
}
	#iwata h4{
		color: #e8b22d;
		font-weight: normal;
		letter-spacing: -0.05px;
		text-transform: uppercase;
	}
	#iwata p,
	.playable p {
		font-size: 16px;
		margin-bottom: 10px;
	}
	#iwata span.btn-arrow-small {
		font-size: 12px;
	}
	#iwata a#iwataOverlay {
		display: block;
		background-color: transparent;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 10;
	}
	#iwata a#iwataOverlay:hover {
		text-decoration: none;
	}
	#iwata a#iwataOverlay:hover span {
		color: #e8b22c;
	}

#featured-callouts {
	height: 70px;
	margin: 25px auto 0;
	position: relative;
	width: 825px;
}
	#featured-callouts > div {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	#featured-callouts .panel-controls {
		z-index: 1;
	}
		#featured-callouts .panel-controls li {
			position: absolute;
			top: 15px;
		}
			#featured-callouts .panel-controls li button {
				height: 35px;
				width: 36px;
			}
		#featured-callouts .panel-controls li.btn-back {
			left: -36px;
		}
			#featured-callouts .panel-controls li.btn-back button {
				background-position: 0 -80px;
			}
		#featured-callouts .panel-controls li.btn-next {
			right: -36px;
		}
			#featured-callouts .panel-controls li.btn-next button {
				background-position: -40px -80px;
			}
	#featured-callouts .frame {
		height: 100%;
		overflow: hidden;
	}
		#featured-callouts .frame ul {
			left: 0;
			list-style: none;
			position: absolute;
			top: 0;
		}
		#featured-callouts .frame li {
			background: transparent url('../img/bg/bg-vertical-rule.png') no-repeat left center;
			float: left;
			font-family: 'Helvetica Neue', sans-serif;
			min-height: 55px;
			padding: 0 0 15px 50px;
			position: relative;
			width: 225px;
		}
		#featured-callouts .frame li.on {
			background: none;
		}
			#featured-callouts .frame li h4,
			#featured-callouts .frame li h5 {
				color: #e8b22d;
				font-weight: normal;
				letter-spacing: -0.05px;
				text-transform: uppercase;
			}
			#featured-callouts .frame li h4 {
				font-size: 19px;
			}
			#featured-callouts .frame li h5 {
				font-size: 16px;
			}
			#featured-callouts .frame li p {
				font-size: 16px;
				margin-bottom: 10px;
			}
			#featured-callouts .frame li .btn-arrow-small {
				bottom: 5px;
				left: 50px;
				position: absolute;
				z-index: 11;
			}

/*** Why Concentration Training Page ***/

.whiteBox {
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:30px 0 30px 30px;
	margin-bottom: 30px
}
.fullText,
.working-mem {
	padding-bottom: 30px;
	border-bottom: 1px dotted #DC1401;
}
.fullText p {
	padding-right: 30px;
}
.working-mem {
	margin-top: 30px;
	width: 900px;
}
	.working-mem .text{
		width: 540px;
		float: left;
	}

figure.essential {
	background: url( "../img/why-concentration/bg-gray-circle.png" ) no-repeat center 4px;
	width: 321px;
	height: 305px;
	position: relative;
	float: right;
	margin: 30px 0 0 0;
}
	figure.essential figcaption {
		background: url( "../img/why-concentration/image-sprite.png" ) 0 -94px;
		width: 299px;
		height: 45px;
		color: white;
		text-align: center;
		padding-top: 6px;
		top: -23px;
		position: relative;
		font-family: Arial;
		font-size: 16px;
		font-weight: bolder;
		text-shadow: 0.5px 0.5px 1px white;
	}
	figure.essential span{
		background: url( "../img/why-concentration/image-sprite.png" );
		display: block;
		width: 160px;
		height: 12px;
		padding-top: 90px;
		color: #dc1401;
		font-weight: bolder;
		font-size: 18px;
		font-family: Helvetica;
		letter-spacing: -1px;
		text-shadow: -2px 0 2px white, 0 2px 2px white, 2px 0 2px white, 0 -2px 2px white;
		text-align: center;
	}
	figure.essential .dialy-conversation{
		background-position: 0 -1120px;
		position: relative;
		left: -25px;
	}
	figure.essential .cooking{
		background-position: 0 -820px;
	}
	figure.essential .sports{
		background-position: 0 -970px;
		position: relative;
		margin: 0 auto;
		clear: both;
		top: 12px
	}

.dev {
	margin-top: 30px;
	clear: both;
}
	.dev span {
		color: #141414;
		font-family: Arial;
	  	font-size: 16px;
		letter-spacing: 0;
		line-height: 29px;
		margin-top: 25px;
		word-spacing: 0;
		display: block;
	}
	.dev p {
		margin-right: 30px;
	}
	.dev p img.right {
		margin: 0 0 10px 20px;
	}
	.dev .btn-call-to-action {
		margin-bottom: 30px;
	}
	.dev p sup {
		font-size: 8px;
		vertical-align: super;
	}

.increase-volume {
	border: 3px solid #dc1401;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0 18px 18px 0;
	position: relative;
	margin-right: 30px;
}
	.increase-volume h5 {
		background-color: #e72510;
		color: #FFF;
		font: bold 16px Helvetica, Arial, sans-serif;
		padding: 9px 0px 9px 20px;
		width: 350px;
		border-radius: 0 0 5px 0;
		-webkit-border-radius: 0 0 5px 0;
		-moz-border-radius: 0 0 5px 0;
		-o-border-radius:0 0 5px 0;
		-ms-border-radius: 0 0 5px 0;
	}
	.increase-volume p {
		color: #141414;
		font: 14px/29px Helvetica, Arial, sans-serif;
		margin-bottom: 15px;
		display: block;
		padding: 5px 5px 0px 16px;
	}
	.increase-volume p.last {
		float: left;
		width: 460px;
	}
	.increase-volume .img-container {
		float: right;
		width: 380px;
	}
	.increase-volume .img-container .brain{
		width: 180px;
		height: 30px;
		margin-left: 23px;
		color: #dc1401;
		font:bold 12px/16px Helvetica, Arial, sans-serif;
		text-align: center;
		float: right;
	}

/*** End Why Concentration Training Page ***/

/*** Devilish Training Page ***/
.devilishTraining {
	margin:0 30px 50px 0;
}
.previous-n-this{
	width: 900px;
}
	.previous {
		background-color:#969696;
		width: 405px;
		margin-left: 80px;
		text-align: center;
		padding: 20px 0 10px;
		float: left;
		position: relative;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius:4px;
	}
	.previous .arrow,
	.this .arrow {
		display: block;
		width: 19px;
		height: 15px;
		position: absolute;
		bottom: -15px;
	}
	.previous .arrow {
		background: url("../img/devilish-training/gray-arrow.png") no-repeat 0 0;
		left: 190px;
	}
	.this .arrow {
		background: url("../img/devilish-training/red-arrow.png") no-repeat 0 0;
		left: 133px;
	}
	.this {
		background-color: #dc1401;
		width: 300px;
		text-align: center;
		padding: 20px 0 10px;
		float: right;
		position: relative;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
	}
	.previous .sup,
	.this .sup {
		background: url( "../img/devilish-training/ie-titles.png" );
		font-family: Arial;
		font-size: 16px;
		position: absolute;
		top: -9px;
		color: transparent;
		margin: 0 auto;
	}
	.previous .sup {
		background-position: 0px 0px;
		width: 152px;
		height: 23px;
		left: 120px;
		text-indent: -9999px;
	}
	.this .sup {
		background-position: 0px -33px;
		width: 97px;
		height: 22px;
		left: 100px;
		text-indent: -9999px;
	}
	.previous-n-this .down {
		font: bold 20px Helvetica, Arial, sans-serif;
		color: #FFF;
		top: -6px;
		position: relative;
		padding: 0 20px;
	}
	.previous-n-this strong {
		display: block;
		font-size: 20px;
	}

.comparation {
	clear: both;
	padding-top: 30px;
}

	.comparasion-circle {
		background: url( "../img/devilish-training/bubbles-sprite.png" ) no-repeat 1px -78px;
		width: 125px;
		height: 125px;
		text-align: center;
	}
		.comparasion-circle p{
			font:bold 15px/20px Helvetica, Arial, sans-serif;
			padding-top: 35px;
		}

	.games-wrapper {
		margin: 8px 0px 0px 25px;
		width: 75%;
		background: url("../img/devilish-training/yellowArrowTop.gif") no-repeat 300px 30px;
	}
		.games-wrapper span{
			background: url( "../img/devilish-training/comparasion-sprite.png" ) no-repeat;
			width: 140px;
			height: 125px;
		}

.comparation .previous-games { padding-top: 3px; }
.comparation .previous-games span{ background-position: 0px -1px;}
.comparation .previous-games a:hover{ background-position: 0px -131px; }
.comparation .previous-game2 span{ background-position: 1px -261px; }
.comparation .previous-game2 a:hover{ background-position: 0px -390px; }
.comparation .this-game span{ background-position: -2px -524px; }
.comparation .this-game a:hover{ background-position: 0px -652px; }

.devilish-benefits {
	width: 900px;
}

	.devilishTitle {
		background: url( "../img/devilish-training/faces-sprite.png" ) no-repeat 0px 0px;
		font:bold 20px Helvetica, Arial, sans-serif;
		color: #DC1401;
		border-bottom: 1px dotted #DC1401;
		padding: 5px 0px 1px 30px;
		margin-bottom: 20px;
		letter-spacing: -1pt;
	}
	.devilish-benefits .benefits-wrapper{
		padding-top: 55px;
		height: 185px;
	}
	.devilish-benefits .clearfix {
		width: 100%;
	}
	.devilish-benefits p.last {
		width: 545px;
	}
	.happen-to-you {
		width: 515px;
		height: 155px;
		background: url("../img/devilish-training/work-n-play-sprite.png") no-repeat;
		background-position: 0px -130px;
		float: left;
		margin:0 0 20px 30px;
	}
	 .happen-to-you h3 {
		font-size: 16px;
		background: white;
		font-family: Arial;
		color: #DC1401;
		margin: 0 auto;
		width: 290px;
		font-weight: bold;
		position: relative;
		top: -11px;
		text-align:center;
	}
	.info-adict {
		width: 300px;
		margin: 0 0 0 50px;
		float: left;
		background: url("../img/devilish-training/yellowArrowBottom.gif") no-repeat 147px 113px;
	}
		.info-adict .talking-head {
			background: url("../img/devilish-training/faces-sprite.png") no-repeat 0px -39px;
			width: 42px;
			height: 55px;
			display: block;
			position: relative;
			top: 85px;
			float: left;
		}
		.info-adict .text-bubble {
			background: url("../img/devilish-training/bubbles-sprite.png") no-repeat 0px -210px;
			width: 248px;
			height: 113px;
		}
		.info-adict .text-bubble h3 {
			padding: 22px 0px 0px 15px;
			font:bold 17px/22px Helvetica, Arial, sans-serif;
			color: #141414;
			letter-spacing: -1px;
		}
			.info-adict .text-bubble h3 strong{
				font-size: 26px;
				color: #DC1401;
			}
			.info-adict  img {
				display: block;
				padding: 80px 10px 0 0;
				float: right;
			}
.adjustment {
	padding-right: 30px;
}
	.adjustment .calculations {
		margin-top: 40px;
		overflow: hidden;
	}
	.adjustment .calculations p.description{
		width: 620px;
		margin-bottom: 0;
	}
	.adjustment .btn-call-to-action{
		margin-top: 15px;
	}
	.adjustment .gameplay {
		width: 900px;
		margin: 30px 0 20px;
		border: 3px solid #DC1401;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.adjustment .bullet-wrapper {
		width: 630px;
		overflow: hidden;
	}
	.adjustment .gameplay .section {
		width: 625px;
		height: 141px;
		padding: 10px 10px 5px 10px;
	}
	.adjustment .gameplay h3 {
		background: url("../img/devilish-training/bullet.png") no-repeat left 4px;
		font: bold 15px/25px Helvetica, Arial, sans-serif;
		color: #DC1401;
		padding-left: 18px;
		height: 25px;
	}
	.adjustment .gameplay .arrow-div {
		display: block;
		background: url("../img/devilish-training/small-arrow.png") no-repeat center;
		width: 45px;
		margin-top: 10px;
		height: 100px;
		position: absolute;
		top: -10px;
		right: -45px
	}
	.adjustment .gray-container {
		background: #e2e2e2;
		width: 175px;
		height: 100px;
		padding-top: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 10px 45px 0 0;
		position: relative;
	}
	.adjustment .gray-container p {
		font:bold 12px/45px Helvetica, Arial, sans-serif;
	}
	.adjustment .gameplay .one p {
		margin-top: 15px;
	}
	.adjustment .gray-container.three {
		margin-right: 0;
	}

.adjustment .black-desc {
	background: url("../img/devilish-training/gray-back.png") no-repeat center;
	text-align: center;
	width: 160px;
	height: 45px;
	margin: 0 auto;
}
#page-devilish-training #video-target,
#page-devilish-training .gameplay .game-screenshot {
	overflow: hidden;
	width: 245px;
	height: 295px;
	margin: 20px 10px 10px 0px;
	float: right;
}
.adjustment .game-screenshot,
.adjustment object {
	width: 245px;
	height: 295px;
}
.adjustment .last {
	margin-bottom: 0;
}
	.session-5min{
		width: 900px;
		height: 360px;
		margin: 30px 0 20px;
		border: 3px solid #DC1401;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.session-5min .title {
		background-color: #dc1401;
		margin: 0 auto;
		width: 175px;
		position: relative;
		text-align: center;
		top: -23px;
		font:bold 17px Helvetica, Arial, sans-serif;
		color: #FFF;
		padding: 10px 0 10px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
	}
		.session-5min .title .arrow {
			bottom: -15px;
		    display: block;
		    height: 15px;
		    position: absolute;
		    width: 19px;
		    background: url("../img/devilish-training/red-arrow.png") no-repeat scroll 0 0 transparent;
		    left: 77px;
		}
	.session-5min .block-one,
	.session-5min .block-two {
		width: 214px;
		height: 182px;
	}
	.session-5min .block-one span {
		display: block;
		background: url("../img/devilish-training/fto-sprite.png") no-repeat 0px -300px;
		width: 211px;
		height: 126px;
	}
	.session-5min .block-two span{
		display: block;
		background: url("../img/devilish-training/fto-sprite.png") no-repeat 0px -436px;
		width: 211px;
		height: 126px;
	}
	.session-5min .block-three {
		width: 301px;
		height: 239px;
	}
	.session-5min .block-three span {
		display: block;
		background: url("../img/devilish-training/fto-sprite.png") no-repeat 0px -572px;
		width: 301px;
		height: 182px;
	}
	.session-5min .wrapper {
		margin-left: 6px;
		overflow: hidden;
	}
	.session-5min p {
		text-align: center;
		font: 14px/18px Helvetica, Arial, sans-serif;
		color: #141414;
		margin-top: 6px;
	}
	.session-5min .arrow-div {
		display: block;
		background: url("../img/devilish-training/fto-sprite.png") no-repeat 7px -762px;
		width: 80px;
		height: 27px;
		margin-top: 52px;
	}
	 .session-5min .bottom-text{
		background: url("../img/devilish-training/fto-sprite.png") no-repeat 199px -799px;
		padding: 60px 100px 0px 52px;
		position: relative;
		clear: both;
		top: -65px;
	}

/*** Included Activities Page ***/
hgroup.title-content {
	clear: both;
	padding:23px 0 0 125px;
	background: url( "../img/devilish-training/head.png" ) no-repeat 10px 0px;
	height: 100px;
	margin-bottom: 30px;
}
.title-content h2 {
	text-indent: 100%;
	height: 50px;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px;
}
.title-content h3{
	color: #FFF;
	font:bold 19px Helvetica, Arial, sans-serif;
	text-shadow: 3px 3px 3px #000;
	margin-top:7px;
	letter-spacing: 0.05em;
}
/*IMAGES FOR THE TITLE--------*/
#page-included-activities .title-content h2 {background: url("../img/include-activities/included_activities_title.png") no-repeat 0 0;}
#page-train-with-others .title-content h2 {background: url("../img/train-activities/train_with_others_title.png") no-repeat 0 0;}
#page-why-concentration-training .title-content h2 {background: url("../img/why-concentration/concentration_training_title.png") no-repeat 0 0;}
#page-devilish-training .title-content h2 {background: url("../img/devilish-training/devilish_training_title.png") no-repeat 0 0;}
/*END IMAGES FOR THE TITLE----*/


#content.activities {
	margin-bottom: 20px
}
#content.activities .whiteBox {
	padding:30px
}
.activities p{
	color: #141414;
	font-size: 16px;
	font-family: Arial;
	line-height: 28px;
	margin-top: 25px;
	clear: both;
}
.activities .firstText{
	margin: 0 0 20px;
}
.activities .boxActivities {
	background: url("../img/include-activities/box-bg.png") repeat;
	border: 3px solid #e72510;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.activities .boxActivities h2{
	background:#e72510;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 518px;
	font-size: 30px;
	font-family: Arial;
	padding: 15px 30px;
	margin-bottom: 30px;
	position: relative;
	z-index:2;
}
.activities .boxActivities h2 strong {
	font-size: 35px
}
.activities .boxActivities .box {
	border: 1px solid #e72510;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	overflow: hidden;
	margin: 0 0 20px 17px;
	list-style: none;
	position: relative;
	z-index: 2;
}
.activities .boxActivities .box.offset {
	margin:0 25px 0 37px;
}
.activities .boxActivities .box img {
	display: block;
}
.activities .boxActivities .box h3{
	background:#e72510;
	font: bold 17px/33px Arial, Helvetica, sans-serif;
	height: 33px;
	text-align: center;
}
.activities .boxActivities.rel {
	position: relative;
}
.activities .boxActivities .btn-call-to-action {
	position: absolute;
	top: 20px;
	right: 20px;
}
.activities .wrapTypes {
	margin:30px 0;
}
.activities .wrapTypes .box {
	background: url("../img/include-activities/box-bg.png") repeat;
	border: 3px solid #e72510;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	width: 270px;
	text-align: center;
	float: left;
	margin-right: 35px;
	position: relative;
}
.activities .wrapTypes .box h4 {
	font: bold 20px Helvetica, Arial, sans-serif;
	height: 70px;
	padding-top: 15px;
	margin-bottom: 20px;
}
.activities .wrapTypes .box h4 span {
	font-size:25px;
	display: block;
}
.activities .wrapTypes .btn-call-to-action {
	margin-top: 20px;
	margin-bottom: 20px;
}
.activities .wrapTypes img {
	display: block;
	margin: 0 auto;
	border:3px solid #646464;
}
.activities .orange h4 {background-color: #f05a00;}
.activities .blue h4 {background-color: #0c8bc0;}
.activities .green h4 {background-color: #499c0a;}

.activities .wrapTypes .orange {border:3px solid #f05a00;}
.activities .wrapTypes .blue {border:3px solid #0c8bc0;}
.activities .wrapTypes .green {border:3px solid #499c0a; margin-right: 0}

.activities .descripBottom {
	clear: both;
	width: 100%;
}
.activities .descripBottom .left {
	width: 585px;
}
.activities .descripBottom h4 {
	background: url("../img/devilish-training/faces-sprite.png") no-repeat 0px 0px;
	font:bold 20px Helvetica, Arial, sans-serif;
	color: #DC1401;
	border-bottom: 1px dotted #DC1401;
	padding: 5px 0px 1px 30px;
}
.activities .descripBottom p {
	width: 550px;
	margin-top: 10px;
}
.activities .descripBottom .btn-call-to-action {
	margin: 20px 0 45px 0;
}
.activities .descripBottom img.right {
	margin: 30px 0 0 0;
	border: 2px solid #6d6d6d;
	display: block;
}
.activities .footnote {
	font: italic 16px/20px Arial, Helvetica, sans-serif;
	color: #141414
}

/*** Train With Others Page ***/
.train {
	margin-bottom: 20px;
}
.train .whiteBox {
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 30px;
	padding:20px 0 20px 32px;
	width: 928px;
}
.train p {
	color: #141414;
	font: 16px/28px Helvetica, Arial, sans-serif;
	word-spacing: 4px;
	margin-bottom: 20px;
}
.train img {
	display: block;
	border: 2px solid #6d6d6d;
}
.train .box {
	width: 271px;
	float: left;
	margin: 0 40px 25px 0;
}
	.train .box.last {
		margin-right: 0;
	}
	.train .box h4 {
		background: #e72510;
		font: bolder 20px/24px Arial, Helvetica, sans-serif;
		text-align: center;
		position: relative;
		padding: 25px 0 0 0;
		height: 75px;
		margin-bottom: 20px;

		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	}
	.train .box .arrow {
		display: block;
		width: 19px;
		height: 15px;
		background: url("../img/train-activities/train_arrow.png") no-repeat 0 0;
		position: absolute;
		bottom: -14px;
		left: 120px
	}
section.whiteBox li.box {
	list-style-type: none;
}
.train .boxOffset {
	background: url("../img/train-activities/train_activities5.jpg") no-repeat 0 0;
	width: 605px;
	height: 281px;
	float: left;
	position: relative;
}
	.train .boxOffset .text {
		color: #1e1e1e;
		font:20px/25px Helvetica, Arial, sans-serif;
		text-align: center;
		width: 160px;
		height: 100px;
		position: absolute;
	}
	.train .boxOffset .text.up {
		left: 30px;
		top: 10px;
	}
	.train .boxOffset .text.top {
		left: 77px;
		top: 26px;
	}
	.train .boxOffset .text.bottom {
		right: 87px;
		bottom: -20px;
	}
	.train .boxOffset img {
		display: block;
		border:0 none;
		position: absolute;
	}
	.train .boxOffset .up {
		right: 80px;
		top: 37px;
	}
	.train .boxOffset .down {
		left: 63px;
		bottom: 47px;
	}
	.train .boxOffset .name {
		display: block;
		position: absolute;
		width: 160px;
		text-align: center;
		color: #10cbe7;
		top: 125px;
		right: 228px;
		font:bold 24px Helvetica, Arial, sans-serif;
	}
.train .reward > p {
	width: 320px;
	float: left;
}
.train .mention {
	background: url("../img/train-activities/train_activities6.jpg") no-repeat 0 0;
	width: 216px;
	height:150px;
	float: left;
	color: #1e1e1e;
	font:15px/26px Helvetica, Arial, sans-serif;
	padding:15px 0 0 75px;
	text-align: center;
	margin-right: 25px;
}
.train .mention p {
	font:20px/22px Helvetica, Arial, sans-serif;
}
.train .reward h3 {
	margin-bottom: 0;
}
.train .column {
	width: 300px;
	float: left;
	margin:0 28px 0 0;
}
.train .column.last {
	margin-right:0;
		width: 240px;
}
.train .column h5 {
	background: #e72510;
	font: bolder 20px/24px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 0;
	margin: 20px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

/*LIGHTBOX STYLES----------------------*/
#modal-window.modal-base {
	background-color: #FFF;
	width: 960px;
	display: none;
}
#modal-window.modal-base > div {
	padding: 30px;
}
	#modal-relaxation {
		display: none;
	}
	#modal-relaxation .col {
		width: 268px;
		float: left;
		margin: 0 37px 0 0;
		list-style: none;
	}
	#modal-relaxation .col img {
		display: block;
		border:2px solid #e72510;
				border-radius: 10px;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		     -o-border-radius: 10px;
		    -ms-border-radius: 10px;
		margin: 0 auto 20px;
	}
	#modal-relaxation .col.last {
		margin-right: 0;
	}
	#modal-relaxation figcaption {
		background-color: #e72510;
		text-align: center;
		font: bold 20px Helvetica, Arial, sans-serif;
		padding: 6px 0;
		margin: 0 0 20px 0;
		color: #FFF;
				border-radius: 5px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		     -o-border-radius: 5px;
		    -ms-border-radius: 5px;
	}
	#modal-relaxation .btn-call-to-action {
		right: -52px;
		margin-bottom: 20px;
	}
	#modal-relaxation .col p {
		text-align: center;
		font: 16px/22px Helvetica, Arial, sans-serif;
	}
#modal-devilish-training {
	position: relative;
}
#modal-devilish-training .left {
	width: 530px
}
#modal-devilish-training .devilishTip {
	float: right;
	width: 300px;
	height: 98px;
	background: url("../img/include-activities/devilishTip.gif") no-repeat 0 0;
	margin-right: 20px
}
#modal-devilish-training .devilishTip p {
	font:bold 22px/28px Helvetica, Arial, sans-serif;
	text-align: center;
	padding:20px 20px 0 100px;
}
#modal-devilish-training .devilishTip strong {
	color: #e72510;
	font-weight: bold;
}
#modal-devilish-training ul {
	clear: both;
	list-style: none;
	width:900px;
}
#modal-devilish-training .single {
	width: 422px;
	margin: 0 0 30px 0;
}
#modal-devilish-training .single img {
	display: block;
	float: left;
	border:2px solid #e72510;
			border-radius: 10px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	     -o-border-radius: 10px;
	    -ms-border-radius: 10px;
}
#modal-devilish-training .text {
	float: left;
	width: 225px;
}
#modal-devilish-training .single h6 {
	height: 31px;
	font: bold 17px/31px Helvetica, Arial, sans-serif;
	background-color: #e72510;
	color: #FFF;
	text-indent: 12px;
	margin: 20px 0 10px 0;
			border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	   -moz-border-radius: 0 5px 5px 0;
	     -o-border-radius: 0 5px 5px 0;
	    -ms-border-radius: 0 5px 5px 0;
}
#modal-devilish-training .single .description {
	clear: none;
	float: left;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: 20px
}
#modal-devilish-training .btn-call-to-action {
	margin-left: 15px;
}
#modal-devilish-training .cycle {
	height: 530px;
	width: 900px;
	clear: both;
}
#modal-window .paging a {
	width: 12px;
	height: 12px;
	display: inline-block;
	text-indent: -99999px;
	background-color: #c8c8c8;
	margin-right: 7px;
			border-radius: 6px;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	     -o-border-radius: 6px;
	    -ms-border-radius: 6px;
	-webkit-box-shadow: inset 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: inset 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
		 -o-box-shadow: inset 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
		-ms-box-shadow: inset 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
			box-shadow: inset 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
}
#modal-window .paging {
	text-align: center;
}
#modal-window .paging a.activeSlide {
	background-color: #cb3936;
}




#modal-supplemental,
#modal-brain {
	position: relative;
}
#modal-supplemental .cycle,
#modal-brain .cycle {
	height: 440px;
	width: 900px;
	clear: both;
}
#modal-brain .cycle {
	height: 490px;
}
#modal-supplemental .title,
#modal-brain .title {
	color: #f05a00;
	font: bold 35px Helvetica, Arial, sans-serif;
	letter-spacing: -2px;
	word-spacing: 4px;
	margin-bottom: 5px;
}
	#modal-brain .title {color: #0c8bc0;}

#modal-supplemental .left,
#modal-brain .left {
	width: 370px;
}
#modal-supplemental .devilishTip,
#modal-brain .devilishTip {
	float: right;
	width: 487px;
	height: 120px;
	background: url("../img/include-activities/singleTip2.gif") no-repeat 0 0;
	margin-right: 20px
}
#modal-supplemental .devilishTip p,
#modal-brain .devilishTip p {
	font:bold 22px/28px Helvetica, Arial, sans-serif;
	text-align: center;
	padding:20px 40px 0 120px;
}
#modal-supplemental .devilishTip strong,
#modal-brain .devilishTip strong{
	color: #e72510;
	font-weight: bold;
}
#modal-supplemental ul,
#modal-brain ul {
	clear: both;
	list-style: none;
	width:900px;
}
#modal-supplemental .single,
#modal-brain .single {
	width: 270px;
	margin: 0 35px 0 0;
	float: left;
}
	#modal-brain .single {
		padding-top: 40px
	}
	#modal-brain .single.labelNew {
		background: url("../img/include-activities/labelNew.gif") no-repeat center top;
	}
#modal-supplemental .single.last,
#modal-brain .single.last {
	margin-right: 0;
}
#modal-supplemental .single img,
#modal-brain .single img{
	display: block;
	border:2px solid #f05a00;
			border-radius: 10px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	     -o-border-radius: 10px;
	    -ms-border-radius: 10px;
	margin:0 auto 20px;
}
#modal-brain .single img {
	border-color: #0c8bc0;
}
#modal-supplemental h6,
#modal-brain h6 {
	text-align: center;
	color: #FFF;
	font:bold 20px Helvetica, Arial, sans-serif;
	padding:6px 0;
	background-color: #f05a00;
	margin-bottom: 20px;
			border-radius: 5px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	    -ms-border-radius: 5px;
}
#modal-brain h6 {background-color: #0c8bc0}

#modal-supplemental .btn-call-to-action,
#modal-brain .btn-call-to-action {
	left: 48px;
	margin-bottom: 15px;
}
#modal-supplemental .single p,
#modal-brain .single p {
	font: 16px/20px Helvetica, Arial, sans-serif;
	margin-bottom: 0;
	text-align: center;
}


#modal-window #modal-challenge {
	width: 560px;
	padding:30px;
}
#modal-challenge h6 {
	color: #499c0a;
	font:bold 35px Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
}
#modal-challenge img {
	display: block;
	float: left;
	border:2px solid #f05a00;
			border-radius: 5px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	    -ms-border-radius: 5px;
}
#modal-challenge .text {
	float: left;
	width: 220px;
	margin-left: 10px;
	padding-top: 20px;
}
#modal-challenge p {
	font: 16px/20px Helvetica, Arial, sans-serif;
	padding-left: 7px;
}
#modal-challenge .btn-call-to-action {
	margin-bottom: 20px
}
#modal-window.widthFixed {
	width: 620px;
}
/*END LIGHTBOX STYLES------------------*/









/*-------------------------------------------------
		SPANISH VERSION CLASSES
-------------------------------------------------*/
#page-home.lang-es h1 {
	letter-spacing:-1px;
}
.lang-es .comparasion-circle p {
	padding-top: 24px;
	line-height: 18px;
}
.lang-es .session-5min .title {
	letter-spacing: -1px;
	font-size: 16px;
}
.lang-es .info-adict .text-bubble h3 {
	padding: 12px 0 0 27px;
}
.lang-es .train .box.text h4 {
	padding: 20px 0 11px;
}
.lang-es .previous .sup, .lang-es .this .sup {
	background-image: url("../img/devilish-training/ie-titles-es.png");
}
.lang-es .previous .sup {
	width: 215px;
	left: 91px;
}
.lang-es .this .sup {
	width: 106px;
	left: 89px;
}
#page-why-concentration-training.lang-es .title-content h2 {
	background-image: url("../img/why-concentration/concentration_training_title_es.png");
}
#page-devilish-training.lang-es .title-content h2 {
	background-image: url("../img/devilish-training/devilish_training_title_es.png");
}
#page-included-activities.lang-es .title-content h2 {
	background-image: url("../img/include-activities/included_activities_title_es.png");
}
#page-train-with-others.lang-es .title-content h2 {
    background-image: url("../img/train-activities/train_with_others_title_es.png");
}
#page-home.lang-es #callout-qr {
	padding-top: 0;
}
#page-home.lang-es #nav-main li a {
	background-image: url("../img/btn/btn-nav-main-es.png") ;
}
.lang-es #nav-main li a {
	background-image: url("../img/btn/btn-nav-main-es.png") ;
}
.lang-es #modal-supplemental .devilishTip p, .lang-es #modal-brain .devilishTip p {
	padding: 17px 12px 0 98px;
}
.lang-es #modal-brain .single.labelNew {
	background-image: url("../img/include-activities/labelNew-es.gif");
}
.lang-es .train .mention {
	padding-top: 10px;
}
.lang-es .train .mention p {
	padding: 0 10px;
}

.lang-es .session-5min .block-one span,
.lang-es .session-5min .block-two span {
	background-image: url("../img/devilish-training/fto-sprite-es.png");
	height: 128px;
}
.lang-es .session-5min .block-three span {
	background-image: url("../img/devilish-training/fto-sprite-es.png");
}

.lang-es .happen-to-you {
	background-image: url("../img/devilish-training/work-n-play-sprite-es.png");
}
.lang-es .session-5min .block-one span,
.lang-es .session-5min .block-two span {
	background-image: url("../img/devilish-training/fto-sprite-es.png");
	height: 128px;
}
.lang-es .session-5min .block-three span {
	background-image: url("../img/devilish-training/fto-sprite-es.png");
}


/*-------------------------------------------------
		END SPANISH VERSION CLASSES
-------------------------------------------------*/


/*-------------------------------------------------
		FRENCH VERSION CLASSES
-------------------------------------------------*/
#page-why-concentration-training.lang-fr .title-content h2 {
	background-image: url("../img/why-concentration/concentration_training_title_fr.png");
}
#page-devilish-training.lang-fr .title-content h2 {
	background-image: url("../img/devilish-training/devilish_training_title_fr.png");
}
#page-included-activities.lang-fr .title-content h2 {
	background-image: url("../img/include-activities/included_activities_title_fr.png");
}
#page-train-with-others.lang-fr .title-content h2 {
    background-image: url("../img/train-activities/train_with_others_title_fr.png");
}
.lang-fr .train .box h4 {
	height: 92px;
	padding: 19px 10px;
}
.lang-fr .train .box.text h4 {
	height: 170px;
}
#page-home.lang-fr #nav-main li a {
	background-image: url("../img/btn/btn-nav-main-fr.png") ;
}
.lang-fr #nav-main li a {
	background-image: url("../img/btn/btn-nav-main-fr.png") ;
}
.lang-fr .info-adict .text-bubble h3 {
	padding: 12px 0 0 27px;
}
.lang-fr .previous .sup, .lang-fr .this .sup {
	background-image: url("../img/devilish-training/ie-titles-fr.png");
}
.lang-fr .previous .sup {
	width: 220px;
	left: 91px;
}
.lang-fr .this .sup {
	width: 106px;
	left: 103px;
}
.lang-fr .this .sup {
	width: 68px;
	left: 110px;
}
.lang-fr #modal-supplemental .devilishTip p, .lang-fr #modal-brain .devilishTip p {
	padding: 2px 12px 0 98px;
}


.lang-fr .happen-to-you {
	background-image: url("../img/devilish-training/work-n-play-sprite-fr.png");
}
.lang-fr .session-5min .block-one span,
.lang-fr .session-5min .block-two span {
	background-image: url("../img/devilish-training/fto-sprite-fr.png");
	height: 128px;
}
.lang-fr .session-5min .block-three span {
	background-image: url("../img/devilish-training/fto-sprite-fr.png");
}

/*-------------------------------------------------
		END FRENCH VERSION CLASSES
-------------------------------------------------*/







/*	-----------------------------------------------

	No JavaScript Rules

	----------------------------------------------- */

body.no-js { }

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#modal-window .nav-panels-arrows li div.tip {
		display: none !important;
	}
	#modal-window.modal-base .nav-panels-arrows li.btn-back {
		left: -10px;
	}
	#modal-window.modal-base .nav-panels-arrows li.btn-next {
		right: -10px;
	}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#modal-window .nav-panels-arrows li div.tip {
		display: none !important;
	}
	#modal-window.modal-base .nav-panels-arrows li.btn-back {
		left: 0;
	}
	#modal-window.modal-base .nav-panels-arrows li.btn-next {
		right: 0;
	}
}