/* Order of Contents

1 RESET
2 GLOBAL
3 CONTAINER
4 HEADER
5 MAIN
6 FOOTER
7 MODALS

*/

/*******************************************
	2 GLOBAL
*******************************************/


/* CSS to add text shadow to blurry text in chrome and then cancel out the effect in safari*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
header nav a span  {
 -webkit-text-stroke: 0.3px;
}}

/* Safari only override */
::i-block-chrome, header nav a span  {
 -webkit-text-stroke: 0;
}


/*******************************************
	4 CONTAINER
*******************************************/

body {
	background:url(../../img/background-interior.jpg) top center no-repeat;
}



/*******************************************
	4 HEADER
*******************************************/

header {
	height:196px;

}

header h1 {
	width: 201px;
	height: 117px;
	background: url(../img/sprite.png) 0 -73px no-repeat;
	position: absolute;
	top: 59px;
	left: 30px;
}

header h2 {
	color: #426f7b;
	font-size: 9px;
	position: absolute;
	top: 173px;
	left: 51px;
}

header a.link-nintendo {
	display:block;
	width:81px;
	height:21px;
	background:url(../img/sprite.png) no-repeat;
	position:absolute;
	left:0;
	top:20px;

}

header a.link-wiiu {
	display:block;
	width:92px;
	height:36px;
	background:url(../img/sprite.png) 0 -32px no-repeat;
	position:absolute;
	right:0;
	top:20px;
}

header nav {
	width: 710px;
	height: 200px;
	position: absolute;
	right: -3px;
	top: 64px;

}

header nav a {
	display:inline-block;
	position:relative;
	text-decoration:none;
	color:#0063b2;
	font-family:Montserrat, sans-serif;
	z-index: 70;
}

header nav a span.text {
	display:block;
	position:absolute;
	font-size:14px;
	font-weight:bold;
	top: 28px;
	left: 57px;
	width:160px;
	height:20px;
}

header nav a span.bouncy-button {
	position:absolute;
	top:0;
	left:0;
	display:block;
}

#navi_item1{
	position: absolute;
	top: 79px;
	left: 65px;
	z-index:50;
	display: none;
}
#navi_item2{
	position: absolute;
	top: 79px;
	left: 204px;
	z-index:50;
	display: none;
}
#navi_item3{
	position: absolute;
	top: 79px;
	left: 343px;
	z-index:50;
	display: none;
}
#navi_item4{
	position: absolute;
	top: 79px;
	left: 486px;
	z-index:50;
	display: none;
}
#navi_item5{
	position: absolute;
	top: 79px;
	left: 640px;
	z-index:50;
	display: none;
}

header nav a.about {
	width:228px;
	height:68px;
	z-index: 30;

}

header nav a.about span.bouncy-button {
	width:228px;
	height:68px;
	background:url(../img/sprite.png) -13px -203px no-repeat;
}

header nav a.about:hover span.bouncy-button, header nav a.about.is-selected span.bouncy-button {
	background:url(../img/sprite.png) -254px -203px no-repeat;
}

header nav a.about span.text {
	top: 28px;
	left: 57px;
	width:180px;
}



header nav a.online {
	width:230px;
	height:67px;
	margin: 0 7px;
	z-index: 30;
}

header nav a.online span.bouncy-button {
	width:230px;
	height:67px;
	background:url(../img/sprite.png) -15px -271px no-repeat;
	margin-top:2px;
}

header nav a.online:hover span.bouncy-button, header nav a.online.is-selected span.bouncy-button {
	background:url(../img/sprite.png) -254px -271px no-repeat;
}

header nav a.online span.text {
	left: 97px;
	top: 26px;
}

header nav a.ways-to-play {
	width:228px;
	height:71px;
	z-index: 30;
}

header nav a.ways-to-play span.bouncy-button {
	width:228px;
	height:67px;
	background:url(../img/sprite.png) -17px -340px no-repeat;
}

header nav a.ways-to-play:hover span.bouncy-button, header nav a.ways-to-play.is-selected span.bouncy-button {
	background:url(../img/sprite.png) -255px -340px no-repeat;
}

header nav a.ways-to-play span.text {
	left: 89px;
	top: 30px;
}

header nav a.golf {
	width: 132px;
	height: 43px;
	margin-left: 7px;
	margin-top: 3px;
}

header nav a.golf span.bouncy-button {
	width: 132px;
	height: 43px;
	background:url(../img/menu-updates-sprite.png) -1px 0 no-repeat;
}

header nav a.golf:hover span.bouncy-button, header nav a.golf.is-selected span.bouncy-button {
	background:url(../img/menu-updates-sprite.png) 0px -51px no-repeat;
}

header nav a.tennis {
	width: 132px;
	height: 43px;
	margin-left: 6px;
	margin-top: 3px;
}

header nav a.tennis span.bouncy-button {
	width: 132px;
	height: 43px;
	background:url(../img/menu-updates-sprite.png) -137px 0 no-repeat;
}

header nav a.tennis:hover span.bouncy-button, header nav a.tennis.is-selected span.bouncy-button {
	background:url(../img/menu-updates-sprite.png) -136px -51px no-repeat;
}

header nav a.bowling {
	width: 132px;
	height: 43px;
	margin-left: 6px;
	margin-top: 3px;
}

header nav a.bowling span.bouncy-button {
	width: 132px;
	height: 43px;
	background:url(../img/menu-updates-sprite.png) -274px 0 no-repeat;
}

header nav a.bowling:hover span.bouncy-button, header nav a.bowling.is-selected span.bouncy-button {
	background:url(../img/menu-updates-sprite.png) -273px -51px no-repeat;
}

header nav a.baseball {
	width: 132px;
	height: 43px;
	margin-left: 6px;
	margin-top: 3px;
}

header nav a.baseball span.bouncy-button {
	width: 132px;
	height: 43px;
	background:url(../img/menu-updates-sprite.png) -412px 0 no-repeat;
}

header nav a.baseball:hover span.bouncy-button, header nav a.baseball.is-selected span.bouncy-button {
	background:url(../img/menu-updates-sprite.png) -411px -51px no-repeat;
}

header nav a.boxing {
	width: 132px;
	height: 43px;
	margin-left: 6px;
	margin-top: 3px;
}

header nav a.boxing span.bouncy-button {
	width: 132px;
	height: 43px;
	background:url(../img/menu-updates-sprite.png) -549px 0 no-repeat;
}

header nav a.boxing:hover span.bouncy-button, header nav a.boxing.is-selected span.bouncy-button {
	background:url(../img/menu-updates-sprite.png) -548px -51px no-repeat;
}



/*******************************************
	5 MAIN
*******************************************/

#main {
	width:100%;
}