.rouletteButton,
.roulette_bg,
img {
	vertical-align: middle
}

fieldset,
hr {
	border: 0;
	padding: 0
}

#logo,
hr {
	display: block
}

#homebutton {
	width: 30px;
	margin: 8px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	-webkit-filter: drop-shadow(4px 4px 2px #222);
	filter: drop-shadow(4px 4px 2px #222)
}

#mainFooter,
.centeredButtonGroup,
.crapButtonContainer,
.powerupBullets,
.powerupBullets li,
h2 {
	text-align: center
}

.hidden,
.invisible {
	visibility: hidden
}

button,
html,
input,
select,
textarea {
	color: #222
}

body::after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: url(img/buttonBlueHover.png) url(img/buttonRedHover.png) url(img/buttonBlueWideHover.png) url(img/buttonNoteHover.png)
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	height: 1px;
	border-top: 1px solid #ccc;
	margin: 1em 0
}

fieldset {
	margin: 0
}

textarea {
	resize: vertical
}

.chromeframe {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

body {
	font-size: 1em;
	line-height: 1.4;
	position: relative;
	background-image: url(../ds/img/NSMBCheckers.png);
	background-repeat: repeat-y;
	background-position: top center;
	font-family: 'Titillium Web'
}

b {
	color: #400000
}

a {
	color: #a00000
}

a:hover {
	color: #e04040
}

#logo {
	margin: 0 auto;
	height: 180px
}

header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 200px
}

#leftNav,
#rightNav {
	position: absolute;
	top: 18px
}

#leftNav {
	left: 50%;
	margin-left: -470px
}

#rightNav {
	right: 50%;
	margin-right: -470px
}

#leftNav a,
#rightNav a {
	width: 120px;
	display: block;
	margin-top: 12px;
	margin-bottom: 12px;
	position: relative
}

.pushButtLeft1 {
	right: -80px
}

.pushButtLeft2 {
	right: -25px
}

.pushButtRight1 {
	left: -80px
}

.pushButtRight2 {
	left: -25px
}

#mainFooter {
	padding-top: 1em;
	border-top: 1px dotted #999;
	margin: 3.5em auto 1em;
	width: 940px;
	color: #555;
	font-size: 73%
}

.blueButton,
.blueButtonWide,
.noteButton,
.redButton,
.redButtonWide {
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	padding: .55em .8em .5em;
	display: inline-block
}

.blueButton,
.blueButtonWide,
.redButton,
.redButtonWide {
	color: #fff;
	text-shadow: 2px 2px 0 #0008;
	font-family: VT323, monospace;
	font-size: 28px;
	margin-left: .5em;
	margin-right: .5em;
    border: None;
}

.noteButton {
	color: #222;
	text-shadow: 0 1px 2px #0004;
	font-size: 28px;
	padding-left: 1.5em
}

.blueButton,
.redButton {
	width: 260px;
	height: 75px
}

.blueButtonWide,
.redButtonWide {
	width: 400px;
	height: 75px
}

.blueButton:hover,
.blueButtonWide:hover,
.redButton:hover,
.redButtonWide:hover {
	color: #fff
}

.blueButton {
	background: url(../ds/img/buttonBlue.png) no-repeat
}

.blueButton:hover {
	background: url(../ds/img/buttonBlueHover.png) no-repeat
}

.redButton {
	background: url(../ds/img/buttonRed.png) no-repeat
}

.redButton:hover {
	background: url(../ds/img/buttonRedHover.png) no-repeat
}

.blueButtonWide {
	background: url(../ds/img/buttonBlueWide.png) no-repeat
}

.blueButtonWide:hover {
	background: url(../ds/img/buttonBlueWideHover.png) no-repeat
}

.noteButton {
	width: 380px;
	height: 75px;
	background: url(../ds/img/buttonNote.png) no-repeat
}

.noteButton:hover {
	color: #444;
	background: url(../ds/img/buttonNoteHover.png) no-repeat
}

.pushRight {
	float: right;
	margin-top: .5em;
	margin-left: 1em
}

.crapButtonContainer {
	padding-top: 1em
}

#wrapsEverythingForReal {
	background: url(../ds/img/titleBannerTop.png) top center repeat-x;
	position: relative
}

#mainWrapper {
	padding-top: 170px
}

.video-container {
	display: inline;
	padding-top: 1em;
	width: 600;
	height: 336
}

h1.onlyOne,
h2.onlyOne {
	width: 940px
}

h1 {
	padding: 1em 0 .5em;
	margin: 0 auto
}

h2 {
	margin: 1em 0 .5em;
	padding-bottom: .25em;
	border-bottom: 1px solid #0004;
	color: #900000;
	font-size: 200%
}

h2.onlyOne {
	margin: .5em auto 0
}

.spaceOutABit {
	margin-top: 1em
}

.spaceOut {
	margin-top: 2em
}

.spaceOutLots {
	margin-top: 3em
}

.niceList {
	font-size: 108%;
	margin: .5em 0;
	padding-left: 10px
}

.powerupBullets li {
	display: inline-block;
	vertical-align: text-top;
	list-style-type: none;
	margin-bottom: .5em;
	margin-left: .5em;
	margin-right: .5em;
	max-width: 8em;
	min-height: 9em;
	background-repeat: no-repeat;
	background-position: 50% .6em;
	color: #fff;
	-webkit-box-shadow: inset 0 1px 4px #fff8;
	-moz-box-shadow: inset 0 1px 4px #fff8;
	box-shadow: inset 0 1px 4px #fff8;
	padding: 2.7em .5em .5em
}

#downloadSection,
#introBlurb,
#introFeatures {
	padding-top: 1.5em;
	text-align: center
}

.powerupBullets b {
	color: #eef
}

.powerupBullets li:nth-child(even) {
	background-color: #4242b5
}

.powerupBullets li:nth-child(odd) {
	background-color: #313994
}

.Kinoko {
	background-image: url(../ds/img/B_Kinoko.png)
}

.Fire {
	background-image: url(../ds/img/B_Fire.png)
}

.Star {
	background-image: url(../ds/img/B_Star.png)
}

.OneUp {
	background-image: url(../ds/img/B_1up.png)
}

.ThreeUp {
	background-image: url(../ds/img/B_3up.png)
}

.HammerBlack {
	background-image: url(../ds/img/B_HammerBlack.png)
}

#intro {
	margin-top: 30px
}

#introBlurb {
	font-size: 120%
}

#trailer {
	padding-bottom: 1.5em;
	text-align: center
}

#findUsOnYT {
	padding-top: 1em;
	text-align: center
}

#screenshotGallery,
.worldExplorer {
	background-image: url(../ds/img/titleBannerMid.png);
	background-repeat: repeat-x;
	background-position: top center;
	padding: 4.8em 0;
	margin: 1em 0;
	min-height: 384px
}

#worldsHeader,
.worldTeaser h2 {
	padding-bottom: 0
}

#screenshotGallery h2,
.worldExplorer h2 {
	margin: 0 auto;
	width: 940px;
	border: 0;
	color: #fafafa;
	text-shadow: 0 1px 2px #111
}

#screenshotCarousel {
	margin: 4px auto;
	width: 850px;
	text-align: center
}

#screenshotCarousel img {
	border: 1px solid #fff;
	margin-bottom: 4px;
	-webkit-box-shadow: 0 0 3px #0006;
	-moz-box-shadow: 0 0 3px #0006;
	box-shadow: 0 0 3px #0006
}

.miniGallery {
	text-align: center
}

.miniGallery img {
	border: 1px solid #000;
	-webkit-box-shadow: 0 2px 3px #333;
	-moz-box-shadow: 0 2px 3px #333;
	box-shadow: 0 2px 3px #333;
	margin-bottom: 4px
}

#dlSpecialsBlurb,
#dlSpecialsButton,
#introSpecialsBlurb,
#introSpecialsButton {
	padding-left: 1em
}

#dlSoundtrackBlurb,
#dlSoundtrackButton,
#introMakeYourOwn,
#introMakeYourOwnButton {
	padding-right: 1em
}

.mapTeaser {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px
}

.standaloneLine,
.standaloneLineWithLotsaSpacing {
	border-bottom: 1px dotted #900000;
	width: 940px;
	margin: 0 auto .5em
}

.standaloneLineWithLotsaSpacing {
	margin-top: 3em
}

.worldTeaser h2 {
	border-bottom: 0;
	margin-bottom: .25em
}

.worldTeaserLink {
	text-decoration: none;
	color: #222
}

.worldTeaserLink .worldTeaser {
	margin-left: 0;
	margin-right: 0;
	padding-left: 10px;
	padding-right: 10px;
	width: 320px
}

.worldTeaserLink:hover {
	color: #000
}

.worldTeaserLink:hover .worldTeaser {
	background: #eee;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #fff), color-stop(30px, #eee), color-stop(90%, #eee), color-stop(99%, #ccc), color-stop(100%, #bbb));
	background-image: -webkit-linear-gradient(#fff, #eee 30px, #eee 90%, #ccc 99%, #bbb);
	background-image: -moz-linear-gradient(#fff, #eee 30px, #eee 90%, #ccc 99%, #bbb);
	background-image: -o-linear-gradient(#fff, #eee 30px, #eee 90%, #ccc 99%, #bbb);
	background-image: linear-gradient(#fff, #eee 30px, #eee 90%, #ccc 99%, #bbb);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px #555;
	-moz-box-shadow: 0 1px 3px #555;
	box-shadow: 0 1px 3px #555
}

#pleaseExploreMe {
	font-size: 123.1%;
	padding-top: .5em;
	color: #444;
	text-align: right
}

.worldExplorer {
	padding: 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000
}

.floatyStuffContainer {
	position: relative;
	z-index: 20
}

.floatyStuffContainer h2 {
	position: absolute;
	left: 0;
	top: .4em;
	text-shadow: 0 2px 4px #000
}

.floatyStuffContainer .instructions {
	position: absolute;
	right: 0;
	top: .25em;
	text-align: right;
	color: #ddd
}

.floatyStuffcenterBlock {
	width: 940px;
	margin: 0 auto;
	position: relative
}

.floatyStuffBG {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3.5em;
	background: rgba(0, 0, 0, .4);
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(0, 0, 0, .3)), color-stop(100%, rgba(0, 0, 0, .5)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5));
	background-image: -o-linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5));
	background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5));
	border-bottom: 2px solid #000;
	-webkit-box-shadow: 0 2px 16px #000;
	-moz-box-shadow: 0 2px 16px #000;
	box-shadow: 0 2px 16px #000
}

.pointyArrow {
	border-width: 0 24px 24px;
	border-style: solid;
	border-color: transparent transparent #000;
	position: absolute;
	top: -24px
}

#pointyArrow1 {
	left: 130px
}

#pointyArrow2 {
	left: 452px
}

#pointyArrow3 {
	left: 774px
}

#explorerMapScroller1,
#explorerMapScroller2,
#explorerMapScroller3 {
	overflow-x: auto;
	overflow-y: auto
}

#explorerMapScroller1 {
	height: 628px
}

#explorerMapScroller2,
#explorerMapScroller3 {
	height: 500px
}

#explorerMapWidget1,
#explorerMapWidget2,
#explorerMapWidget3 {
	position: relative;
	margin: 0 auto;
	cursor: url(../ds/img/openhand.cur), pointer
}

#explorerMapWidget1.clicked,
#explorerMapWidget2.clicked,
#explorerMapWidget3.clicked {
	cursor: url(../ds/img/closedhand.cur), pointer
}

#explorerMapWidget1 {
	width: 2102px;
	height: 628px;
	background: url(../ds/img/Map1.jpg)
}

#explorerMapWidget2 {
	width: 1016px;
	height: 765px;
	background: url(../ds/img/Map2.jpg)
}

#explorerMapWidget3 {
	width: 1074px;
	height: 764px;
	background: url(../ds/img/MapA.jpg)
}

.explorerPopup,
.explorerPopupArrow {
	width: 40px;
	height: 40px;
	position: absolute
}

.explorerPopup {
	cursor: default
}

.explorerPopupArrow {
	text-decoration: none;
	top: 0;
	left: 0;
	background: url(../ds/img/highlight.png);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}

.explorerPopupArrow:hover {
	background: url(../ds/img/highlightHover.png);
	-webkit-box-shadow: 0 0 24px #ff0;
	-moz-box-shadow: 0 0 24px #ff0;
	box-shadow: 0 0 24px #ff0
}

.explorerPopupArrow.cssOnly:focus,
.explorerPopupArrow.visibleAnyway {
	left: -99999px
}

.explorerPopupArrow.cssOnly:active+.explorerPopupWindow,
.explorerPopupArrow.cssOnly:focus+.explorerPopupWindow,
.explorerPopupWindow.visibleAnyway {
	left: -18px
}

.epRight .explorerPopupArrow.cssOnly:active+.explorerPopupWindow,
.epRight .explorerPopupArrow.cssOnly:focus+.explorerPopupWindow,
.epRight .explorerPopupWindow.visibleAnyway {
	left: auto;
	right: 16px
}

.epFlipped .explorerPopupArrow {
	background: url(../ds/img/highlightFlip.png)
}

.epFlipped .explorerPopupArrow:hover {
	background: url(../ds/img/highlightHoverFlip.png)
}

.epRight .explorerPopupArrow {
	background: url(../ds/img/highlightRight.png)
}

.epRight .explorerPopupArrow:hover {
	background: url(../ds/img/highlightHoverRight.png)
}

.explorerPopupWindow {
	background: #222;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #666), color-stop(3px, #444), color-stop(97%, #222), color-stop(100%, #111));
	background-image: -webkit-linear-gradient(#666, #444 3px, #222 97%, #111);
	background-image: -moz-linear-gradient(#666, #444 3px, #222 97%, #111);
	background-image: -o-linear-gradient(#666, #444 3px, #222 97%, #111);
	background-image: linear-gradient(#666, #444 3px, #222 97%, #111);
	color: #fff;
	position: absolute;
	left: -99999px;
	padding: 4px 10px;
	font-size: 85%;
	width: 360px;
	z-index: 20;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	border: 2px solid #000;
	-webkit-box-shadow: 0 1px 8px #000;
	-moz-box-shadow: 0 1px 8px #000;
	box-shadow: 0 1px 8px #000
}

.explorerPopupWindow img {
	display: block;
	margin: 6px 12px 6px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	float: left
}

.explorerPopupWindow h6 {
	font-size: 116%;
	margin: 0 0 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #555
}

.explorerPopupWindow .arrow {
	border-style: solid;
	border-color: transparent;
	position: absolute;
	left: 20px
}

.epNormal .explorerPopupWindow {
	bottom: 16px
}

.epFlipped .explorerPopupWindow {
	top: 16px
}

.epRight .explorerPopupWindow {
	bottom: -16px
}

.epNormal .arrow {
	border-width: 16px 16px 0;
	border-top-color: #282828;
	bottom: -16px
}

.epFlipped .arrow {
	border-width: 0 16px 16px;
	border-bottom-color: #282828;
	top: -16px
}

.epRight .arrow {
	border-width: 16px 0 16px 16px;
	border-left-color: #282828;
	left: auto;
	bottom: 20px;
	right: -16px
}

.rouletteButton {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 4px #333;
	-moz-box-shadow: 0 2px 4px #333;
	box-shadow: 0 2px 4px #333
}

.ir,
.visuallyhidden {
	border: 0;
	overflow: hidden
}

.roulette_bg {
	height: 64px;
	background: url(../ds/img/roulette_mid.png);
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	line-height: 64px;
	padding: 0 20px;
	font-weight: 700;
	text-shadow: 0 1px 3px #fff;
	font-size: 200%
}

#downloadInfo {
	font-size: 85%
}

#dlSoundtrackInfo {
	font-size: 85%
}

.downloadNote {
	margin-top: 2em;
	padding-left: 8em;
	padding-right: 8em
}

.ir {
	background-color: transparent
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%
}

.hidden {
	display: none !important
}

.visuallyhidden {
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

@media print {

	blockquote,
	img,
	pre,
	tr {
		page-break-inside: avoid
	}

	* {
		background: 0 0 !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " (" attr(href) ")"
	}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""
	}

	blockquote,
	pre {
		border: 1px solid #999
	}

	thead {
		display: table-header-group
	}

	img {
		max-width: 100% !important
	}

	@page {
		margin: .5cm
	}

	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}
}