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

	Resets And Primitives

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


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding:0;
	margin:0;
}

body {

	font-size:62.5%;
	font-family:"Trebuchet MS", sans-serif, Helvetica, Arial;
	color:#000;
	background: #00446F url(../img/backgrounds/banner.png) repeat-x top;
}

body, html {height: 100%;}

div#footer-background {

	height:100%;
}


h1,h2,h3,h4,h5,h6 { 
	font-weight:bold;	
	font-family: "Arial Black", Arial, Helvetica;
	color: #b8eaff;
}

#gameplay h1 {margin-bottom: 20px;}

h1,
#meetstarfy h2,
#media-content h2 { 
	font-size:4.4em !important; 
	line-height:1em;

}
h2 {
	font-size:2.8em;
	line-height:1em;
	color: #b8eaff;
	margin-bottom: 15px;
}

#friendsfoe h2 {
	font-size:2.8em; 
	line-height:1em;

}

h3 { 
	font-size:3em; 
	line-height:1em;
	margin-bottom: 10px;

}

h4 { 
	font-size:1em; 
	line-height:1em;
}

h5 {
	font-size:1em; 
	line-height:1em;
}

h6 {
	font-size:1em; 
	line-height:1em;
}

p { 
	font-size: 1.1em;
	line-height:1em;
	margin-bottom: 0.5em;
}



#main-content p {color: #fff; line-height:19px;font-size:1.5em;font-weight: 600;}

#homepage #main-content p {color: #000; }

address,caption,cite,code,dfn,th,var { 
	font-style:normal; 
	font-weight:normal; 
}

ul,ol { 
	list-style:none; 
}

a { 
	color:#000;
	text-decoration:underline; 
}

a:hover {

}

img { 
	border:0; 
}

strong { 
	font-weight:bold;
}

em {
	font-style:italic; 
}

table {
	border-collapse:collapse;
}

caption,th,td {
	text-align:left;
	font-weight:normal;
}


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

	Custom Primitives

	----------------------------------------------- */
.marginBottom1em {margin-bottom: 1em; }

div.hr {border-bottom: 3px solid #037cc1; height: 3px; clear: both; margin-top:39px; margin-bottom: 20px; overflow: hidden;}
div.hr-minor {border-bottom: 1px solid #037cc1; height: 1px; clear: both; margin-top:39px; margin-bottom: 20px; overflow: hidden;}

div.hr hr {
	display: none;
}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;	
	margin-top:-1px;
}


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

	Utility Classes

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


.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.invisible { display:none; }
.center {text-align: center;}

.offscreen { 
	position:absolute;
	left:-99999em; 
}


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

	Chrome

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

#homepage #main-background {background: transparent url(../img/backgrounds/homepage.jpg) no-repeat center 0;}

#background {}


div#wrapper {

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -254px;
}
div#flash {
	min-width:697px;
}

div.centering {
	width: 718px;
	margin: 0 auto;
}

#stickyFooter-push,
#footer {
	height: 254px;
}

#footer a img {display: block;}


div#banner {
	position: relative;
	height: 179px;
}

a#logo {
	left:54px;
	position:relative;
	top:20px;
	
}

a#nintendo-logo {
	position: absolute;
	right: 71px;
	top: 20px;
}

div#footer {
	position: relative;
	background: transparent url(../img/backgrounds/footer.png) repeat-x 0 0;
}

div#footer .inner {
	width:720px;
	margin:0 auto;
	padding-top:36px;
}

div#footer #button-callouts {
	position:absolute;
	top:-95px;
}

#footer a#buy-today {
	background: transparent url(../img/global/buy-today.png) no-repeat 0 0;
	width: 259px;
	height: 109px;
	margin-right: 139px;
	margin-left:50px;
	display: block;
}

#footer a#newsletter {
	background: transparent url(../img/global/newsletter-signup.png) no-repeat 0 0;
	width: 196px;
	height: 77px;
	display: block;
	margin-top:18px;
}

div#footer p {color: #75dfff; text-align: center;margin-top: 10px;}

div#footer a {float: left; display: block;}

div#footer #footer01 {
	margin-right: 15px;
	margin-top: 15px;
}

div#footer #footer01,
div#footer #footer02 {
margin-top:20px;
}

div#footer #footer02 {
	margin-right: 20px;
}

div#footer #footer03 {
	margin-right: 26px;
	margin-top:2px;
}

div#footer #footer04 {
	margin-right: 30px;
	margin-top:7px;
}

div#footer #footer05 {
	margin-top:10px;
}

div#nav {
	height:49px;
	margin: 0 auto;
	position:relative;
	top:-21px;
	width:611px;
}

#nav li {
	position: relative;
	float: left;
}

#nav li a {
	display: block;	
	margin: 0 auto 0 auto;
	height: 50px;
	float: left;
	cursor: pointer;
}

#nav li#nav01 a {
	background: transparent url(../img/global/nav/meet-starfy.png) no-repeat 0 0;
	width:157px;
}

#nav li#nav02 a {
	background: transparent url(../img/global/nav/friends-foe.png) no-repeat 0 0;
	width:153px;
}

#nav li#nav03 a {
	background: transparent url(../img/global/nav/gameplay.png) no-repeat 0 0;
	width:127px;
}

#nav li#nav04 a {
	background: transparent url(../img/global/nav/media-gallery.png) no-repeat 0 0;
	width:174px;
}


#nav li#nav01 a.on {
	background: transparent url(../img/global/nav/meet-starfyon.png) no-repeat 0 0;
	width:157px;
}

#nav li#nav02 a.on {
	background: transparent url(../img/global/nav/friends-foeon.png) no-repeat 0 0;
	width:153px;
}

#nav li#nav03 a.on {
	background: transparent url(../img/global/nav/gameplayon.png) no-repeat 0 0;
	width:127px;
}

#nav li#nav04 a.on {
	background: transparent url(../img/global/nav/media-galleryon.png) no-repeat 0 0;
	width:174px;
}

#content-inner {min-height: 539px; padding-left:57px;}

#homepage #content-inner {min-height:354px; height:354px;}

#main-backgroundTop {
	background: #056ab2 url(../img/backgrounds/interior-top.jpg) no-repeat top center;
}

#main-backgroundBottom {
	background: url(../img/backgrounds/interior-bottom.jpg) no-repeat bottom center;
}


#main-content {padding-bottom:135px;}

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

	Widgets

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



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

	Page Specific Style

	----------------------------------------------- */
/* homepage */
#homepage h1 {
	background:transparent url(../img/homepage/header.jpg) no-repeat scroll 0 0;
	height:66px;
	margin-top:47px;

	width:306px;
}

#homepage p.main-text {}

#homepage #moe {
	left:102px;
	position:relative;
	top:15px;
}

#homepage a#meet-star {
	position:relative;
	top:8px;
}

#homepage #starfy-rabbit {
	left:-42px;
	position:relative;
	top:-16px;
}

#homepage p.main-text {}

#homepage #homepage-text {
	width: 340px;
	left: -40px;
	position:relative;
}

#starfyforms h1 {
	background: transparent url(../img/meetstarfy/forms/header.jpg) no-repeat 0 0;
	height: 58px;
	width: 325px;	
}

#starfyforms #starfy {
	margin-left:216px;
	margin-top:-5px;
}

#forms-text {width: 341px;}

#forms-buttons {width: 174px;}

/* friends foe */

#friendsfoe #content-inner {
	padding-left:50px;
	padding-top:72px;
}

#friendsfoe #content-inner div.list {
	width: 285px;
	margin-right: 28px;
}

#friendsfoe #content-inner div.list div.item {margin-bottom: 6em;}

#friendsfoe #content-inner div.list h2 {
	padding-left: 13px;
	padding-top: 42px;
}

/* meet starfy */

#meetstarfy #content-inner,
#gameplay #contnet-inner {padding-top: 75px;}

#meetstarfy #meetstarfy-intro {width: 425px; margin-left:18px;}

#meetstarfy #starfy-story {width: 416px; float: left;}

#starfy-forms div.items div.content {width:318px; margin-left: 15px; float: right;}

#starfy-forms div.items img {float: left;}

#starfy-forms #starfy-characterforms {margin-right: 30px;}

/* game play */

#gameplay #content-inner {padding-top:75px;}

div.gameplay-list {
	margin-bottom: 1em;
}

div.gameplay-list ul {
	list-style-type:none;
}

div.gameplay-list ul li {
	width:277px;
	float: left;
	margin-right: 23px;
	margin-bottom: 2em;
}



div.gameplay-list ul li h3,
.gameplay-list_h3 {font-size: 1.5em; text-transform: uppercase;}

/* media page */

#media #main-content {padding-bottom:302px;}

div#media-content {
	width: 630px;
	margin: 0 auto;
}

div#media-content .contents li.on {
	display: block !important;
}

div#media-content .contents li,
div.nojs .tabs li {
	display: none;	
}

div#media-content .contents li li {display: block;}

div.nojs .contents li { 
	display: block !important;
}

div#media-content .tabs li {
	background: transparent url(../img/mediagallery/tabs.jpg) no-repeat 0 0;
	width: 147px;
	height: 130px;
	float: left;
	margin-right: 10px;
	text-align: center;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}

div#media-content .tabs li.tab01 {
	background-position: -499px 2px;
}

div#media-content .tabs li.tab02 {
	background-position: -5px -1px;
}

div#media-content .tabs li.tab03 {
	background-position: -166px 0;
}

div#media-content .tabs li.tab04 {
	background-position: -332px 0;	
}

div#media-content .tabs .on {color: #ffc732;}



div#media-content .tabs li.tab01.on {
	background-position: -499px -137px;
}

div#media-content .tabs li.tab02.on {
	background-position: -3px -143px;
}

div#media-content .tabs li.tab03.on {
	background-position: -166px -141px;
}

div#media-content .tabs li.on.tab04 {
	background-position: -332px -141px;	
}

.goPrevious,
.goNext {	
	width: 69px;
	height: 34px;
	margin-top:176px;
}

.goPrevious div {
	background: transparent url(../img/mediagallery/back.jpg) no-repeat 0 0;
	width: 69px;
	height: 34px;
	display: none;
}

.goNext div {
	background: transparent url(../img/mediagallery/next.jpg) no-repeat 0 0;
	width: 69px;
	height: 34px;
	display: none;
}

div#media-content .contents li.item {margin-bottom: 59px !important;}

div#media-content .contents li ul,
.goPrevious,
.goNext {float: left;}

#media-content ul.contents li#video {
margin:0 auto;
width:451px;
}

#media-content ul.contents li#screenshots {
	width: 451px;
	margin: 0 auto;
}

#media-content ul.contents li#lifestyle {
	width: 451px;
	margin: 0 auto;
}

#media-content ul.contents li#commercials,
#media-content ul.contents #commercials-frame,
#media-content ul.contents #commercials-frame li {
	width:377px !important;
}

#media-content ul.contents li#video h2 {
	margin-left:-31px;
	width:520px;
	padding-bottom:5px;
}

#media-content .contents .frame {
	width: 259px;
	position:relative;
	overflow:hidden;	
	float: left;
	margin:0 26px;
}



#media-content .contents .frame ul {
	list-style:none;
	width: 100000px; /*keeps "slides" from wrapping*/
}

#media-content .contents .frame ul li {
	float:left; 
	width: 259px;
	min-height:88px;	
}
/*
#media-content .contents #commercials-frame ul li,
#media-content .contents #commercials-frame
 {width: 391px !important;margin: auto;}
 
 #media-content .contents #commercials-frame {float: none; overflow:visible; position:static;}
 #media-content .contents #commercials-frame ul {width: auto;}
*/
#media-content .contents h2,
#media-content .contents p {
	text-align: center;
}

#media-content .contents h2 {margin-top:22px;}

.disabled {display :none;}