/* -------------------------------------------------------------- 
   screen.css
   * Custom styles to build on top of base styles
   
   * Copyright - 2009.Rokkan
   * Date Created: Date file is created
   * Last Updated: Date file is last modified before pushed live
-------------------------------------------------------------- */

/* Reset browser defaults and apply base styles and colors
-------------------------------------------------------------- */
@import url(base.css);


/* Structure
-------------------------------------------------------------- */
body {
	background: #fff url(../imgs/layout/body_bg_dots.gif) repeat;
	width: 100%;
	color: #171717;
}
#wrapper {
	background: url(../imgs/layout/wrapper_top_bg.gif) repeat-x 0 0;
    display: block;
    overflow: hidden;
	clear: both;
	margin: 0 auto -48px;
	width: 100%;
}
#home #wrapper {
	margin-bottom: -42px;
}
#container {
	clear: both; float: none;
	margin: 0 auto;
	text-align: left;
	width: 1024px;
	position: relative;
	z-index: 1;
    overflow: hidden;
}
#header {
	float: left; clear: both;
	height: 98px; width: 100%;
}
#container object#flashcontent {margin-bottom: 0px;}




/* Global- Nav */
#global-nav {
	height:34px;
	font-size:12px;
}
#global-nav ul {
	margin:0 auto;
	list-style:none;
	width:970px;
}
#global-nav li {
	float:left;
	background:url(../imgs/topnav/divider.gif) no-repeat top right;
	color:#727272;
	height:34px;
	text-align:center;
	line-height:34px;
}
#global-nav li a {
	color:#727272;
	display:block;
	text-decoration:none;
	outline:none;
}
#global-nav li a:hover {
	background:url(../imgs/topnav/bg-strip-hover.gif) repeat-x;
}
#global-nav li#nintendo {
	background:url(../imgs/topnav/navNintendo.gif) no-repeat;
	text-indent:-9999px;
	width:141px;
	height:34px;
}
#global-nav li#nintendo  a:hover {background:none;}
#global-nav li#nintendo  a {width:141px; height:34px;}
#global-nav li#wii {width:75px;}
#global-nav li#dsi {width:111px;}
#global-nav li#games {width:75px;}
#global-nav .french li#games {width:110px;}
#global-nav .spanish li#games {width:65px;}
#global-nav li#support {width:93px;}
#global-nav .french li#support {width:145px;}
#global-nav .spanish li#support {width:130px;}
#global-nav li#club {width:125px;}
#global-nav .french li#club {width:115px;}
#global-nav li#share, #global-nav li#facebook, #global-nav li#twitter {float:right; font-size:10px;}
#global-nav li#share {background:none; width:60px;}
#global-nav li#facebook {
	width: 78px;
	background:url(../imgs/topnav/navSharefbook.gif) no-repeat left center;
}
#global-nav li#facebook a:hover,  #global-nav li#twitter a:hover {
	background:none;
	color:#0090C7;
}
#global-nav li#twitter  {
	background:url(../imgs/topnav/navShareTwitter.gif)  no-repeat left center;
	width:60px;
}



/* Branding */
#branding {
	clear: both; float: left;
	height: 99px; width: 1024px;
	padding: 0;
	position: relative;
}
#branding .lang-options {
	float: left;
	list-style: none;
	position: absolute;
	left: 0; top: 40px;
}
#branding .lang-options li {
	color: #d1d1d1;
	float: left;
	margin: 0 6px 0 0;
}
#branding .lang-options li a {color: #00b3b0; font-weight: 700;}
#branding .lang-options li a.current {
	color: #006762;
}
#branding h1 a {
	background: url(../imgs/layout/picross_logo.gif) no-repeat 0 0;
	height: 64px; width: 486px;
	float: none; display: block;
	margin: 16px auto 0;
	text-indent: -9999em; overflow: hidden;
}
#branding #audio-toggle {
	float: left;
	position: absolute;
	right: 30px; top: 40px;
	height: 30px; width: 60px;
}
#branding #audio-toggle a {
	float: left;
	background: url(../imgs/btns/btn_audio.gif) no-repeat 0 0;
	height: 16px; width: 53px;
	overflow: hidden;
	text-indent: -9999em;
}  
#branding #audio-toggle a.off {background: url(../imgs/btns/btn_audio.png) no-repeat 0 -16px;}



/* Main-Nav */
#main-nav {
	float: left; clear: both;
	height: 36px; width: 1024px;
	padding: 0;
    margin:0;
    font-weight: bold;
    text-align: center;
}
#main-nav ul {
	float: none;
	list-style: none;
	margin: 0 auto; padding: 0;
	width: 1006px;
}
#main-nav ul li {
	float: left;
    /*width:239px;*/
    width: 246px;
	height: 20px;
	margin: 0;
	padding: 11px 0 0;
	position: relative;
    text-align: center;   
}
#main-nav ul li.last {margin-right: 0;}
#main-nav ul li a {
	color: #4d4d4d;
	font-size: 16px;
	float: left;
    width: 100%;
	text-decoration: none;
    text-align: center;
    letter-spacing: .04em;
    
}
#main-nav ul li a:hover {color: #0cabe9}
#main-nav ul li.current {
    background: url(../imgs/mainnav/orange_box.gif) no-repeat 0 0;
    top:-7px;
    width:246px;
    height:32px;
    
}
#main-nav ul li.current a {
    color: #ffffff;
}




/* Content
------------------------------------------------------------------------------ */
#content {
	clear: both; float: left;
	margin: 50px 0 0;
	width: 1024px;
	position: relative;
}
#home #content {
	clear: both; float: left;
	height: 600px; width: 1024px;
	position: relative;
	margin: 0;
}

#content-side {
	float: left;
	margin-right: 35px;
	width: 250px;
}
#content-side .sub-nav {
    float:left;
    width:232px;
    background: #ffffff;
    border:3px solid #e9eaeb;
    margin:0 0 35px 10px;
}
#content-side .sub-nav ul {
    margin:0;
    padding:0;
    width: 214px;
}
#content-side .sub-nav ul li {
	float: left; clear: both;
    width: 214px;
    line-height: 44px;
    padding: 11px 0 10px 18px;
    margin:0;
    font-size:12px;
}
#content-side .sub-nav ul li a {
    color: #4d4d4d;
    float: left;
    font-size: 17px;
    font-weight: 700;
    line-height: 1em;
    width: 200px;
}
#content-side .sub-nav ul li.current {
    background: #f5aa2a;
    padding: 14px 0 14px 18px;
}
#content-side .sub-nav ul li.current a, #content-side .sub-nav ul li.current a:hover {
    color:#ffffff;
    text-decoration: none;
}
#content-side .sub-nav ul li a:hover {text-decoration: none; color: #0cabe9}

#content-main {
	float: left;
	width: 696px;
}


#content-side ul {
	list-style: none;
	float: left;
	width: 250px;
    margin:0;
}
#content-side ul li {
	float: left; clear: both;
	margin: 0 0 35px;
	width: 100%;
}
#content-main h1 {
	color: #4b4e4e;
	font-size: 42px;
	font-weight: 700;
}
#content-main h2 {
	color: #4b4e4e;
	float: left;
	clear: both;
	font-size: 27px;
	font-weight: 700;
	margin: 0 0 8px;
}
#content-main h2.red {
	color: #b83d01;
}
#content-main h3.white {
	color: #ffffff;
	padding-bottom:10px;
}
#content-main h3.red {
	color: #b83d01;
	padding-bottom:10px;
	padding-left:0px;
}

#content-main h4 {
	color: #00b3b0;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 24px;
	line-height: 1.3em;
    padding-top:6px;
}
#content-main h4 .cufon {
    margin-bottom: 7px;
}
#content-main .colortext {
	color: #00b3b0;
	font-size: 16px;
	font-weight: 400;
}
#content-main #pcblock {
	display:block;
	clear: both; 
	float: left;
	margin: 0 0 30px 0;
	width:702px;
	height:188px;
	background-image: url(../imgs/misc/puzzledates_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;	
}

#content-main #pcblock #left {
	float:left;
	display:inline;
	width:360px;
	height:158px;
	color:#FFFFFF;
	padding-left:26px;
	padding-top:20px;
}
#content-main #pcblock #left .title {
	font-size:16px;
}
#content-main #pcblock #right {
	float:left;
	display:inline;
	width:230px;
	height:158px;
	color: #b83d01;
	margin-left:52px;
	margin-top:20px;
}
#content-main #pcblock .bottom {
	display:inline;
	position:relative;
	top:-28px;
	left:72px;
	width:650px;
	height:24px;
	color: #b83d01;
}
#content-main #themeblock {
	display:block;
	clear: both; 
	float: left;
	margin: 0 0 20px 0;
	padding:5px;
	padding-top:10px;
	width:702px;
	height:108px;
	background-image: url(../imgs/misc/theme_panel_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 10%;	
}
#content-main #themeblock .top {
	color:#7dfcfa;
	font-size:20px;
	font-weight:bold;
}
#content-main #themeblock p {
	color:#fff;
	font-size: 15px;
	margin-top:6px;
	margin-bottom:12px;
}
#content-main #puzzletable {
	clear: both; 
	float: left;
	margin: 0 0 30px 0;
	width: 688px;
}
#content-main #puzzletable #cup {
	display:block;
	position:relative;
	width:688px;
	margin-top:20px;
}
#content-main #puzzletable #cup .block {
	background-color:#fff2ca;
	color:#b83d01;
	display:block;
	position:relative;
	overflow:hidden;
	float:left;
	width:344px;
	height:36px;
	z-index:10000;
}
#content-main #puzzletable #cup .block .leftarea {
	display:block;
	background-color:#FDC76C;
	width:18px;
	height:36px;
	padding-top:10px;
	padding-left:10px;
	float:left;
}
#content-main #puzzletable #cup .block .rightarea {
	display:block;
	width:308px;
	height:36px;
	padding-top:10px;
	margin-left:36px;
	color:#b83d01;
	font-size:12px;
}
#content-main .intro p {
	color: #727980;
	font-size: 15px;
	line-height: 18px;
}
#content-main .intro .footnote {
    color: #727980;
	font-size: 12px;
    line-height: 18px;
	margin-top:0px;
	margin-bottom:20px;
}
#content-main p {
	float: left; clear: both;
	color: #727980;
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 30px;
	width: 100%;
}
#content-main p.white {
	color:#FFFFFF;
	font-size:15px;
	line-height:18px;
}
#content-main p.mainsize {
	font-size:15px;
	line-height:18px;
}
#content-main .module-vertical p {
    float: left; clear: both;
	color: #727980;
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 24px 0;
	padding-left: 22px;
	width: 420px;
}
#content-main .module-vertical p.blue {
	color: #00b2b0;
	font-size: 14px;
    font-weight: 700;
    margin:30px 0 0 0;
    padding-left: 22px;
    width: 420px;
}
#content-main a {
    color: #e44e66;
    text-decoration: underline;
}
#content-main .footnote {
    color: #727980;
	font-size: 12px;
    margin:20px 0 0;
}
#content-main .content-section {
	clear: both; 
	float: left;
	margin: 0 0 30px 0;
	width: 620px;
}
#content-main .content-section h4 {
	color: #00b3b0;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 4px;
}
#content-main .content-section a.thumb {
	border: 3px solid #bfe3e1;
	float: left;
	height: 306px; width: 204px;
	overflow: hidden;
	margin: 0 16px 0 0;
}

#content-main .content-section thumb {
	border: 3px solid #bfe3e1;
	float: left;
	height: 306px; width: 204px;
	overflow: hidden;
	margin: 0 16px 0 0;
}
#content-main .content-section .detail {
	float: right;
	width: 380px;
    margin:30px 0 0;
}
#content-main .content-section .detail h4 {
	color: #4b4e4e;
	font-size: 27px;
	font-weight: 700;
}
#content-main #content-section2 {
	clear: both; 
	float: left;
	margin: 0 0 10px 0;
	width: 780px;
}
#content-main #content-section2 #threeblock {
	display:block;
	position:relative;
	float:left;
	width:380px;
	height:110px;
	margin-top:10px;
	margin-right:5px;
	background:none;
}

#content-main #content-section2 #threeblock p {
	font-size:11px;
	margin-top:4px;
	margin-bottom:0px;
}

#content-main #content-section2 #threeblock #areaLeft {
	background-color:#fdc76c;
	display:block;
	float:left;
	width:130px;
	height:130px;
}
#content-main #content-section2 #threeblock #areaRight {
	background:none;
	display:block;
	float:left;
	width:240px;
	height:130px;
	padding:5px;
}

#content-main .section {
	background: #fff;
	border: 3px solid #e9eaeb;
	float: left; clear: both;
	margin: 0 0 30px;
	padding: 16px;
	width: 664px;
}

#content-main .sectionslider {
	background: #fff;
	border: 3px solid #e9eaeb;
	float: left;
	clear: both;
	width: 664px;
	height:572px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}
#content-main .section h4 {margin: 0 0 4px; font-weight: bold;}
#content-main .section p {line-height: 1.4em;}
#content-main .section ul.img-list {
	float: left; clear: both;
	list-style: none;
	margin: 0;
	width: 664px;
}
#content-main .section ul.img-list li {
	border: 3px solid #bfe3e1;
	float: left;
	height: 306px; width: 204px;
	overflow: hidden;
	margin: 0 16px 0 0;
}
#content-main .section ul.img-list li.last {margin-right: 0;}
#content-main .section a.thumb {
	border: 3px solid #bfe3e1;
	float: left;
	height: 306px; width: 204px;
	overflow: hidden;
	margin: 0 16px 0 0;
}
#content-main .section .detail {
	float: left;
	width: 436px;
    margin: 30px 0 0;
}
#content-main .section .detail h4 {
	margin: 0 0 24px;
}
#content-main .section .detail p a.challenge {
	color: #e44e66;
	display: block;
	font-size: 14px;
	font-weight: 700;
}
#content-main .intro {
	clear: both; float: left;
	width: 100%;
}
#content-main .section-narrow {
    width: 298px;
    height: 364px;
    background: #fff;
	border: 3px solid #e9eaeb;
	float: left;
	margin: 0 22px 30px 0;
	padding: 16px;
}
#content-main .section-narrow img {
    border: solid 1px #e9eaeb;
}
#content-main .section-narrow h5, #content-main .section-wide .section-module h5 {
	margin: 22px 0 12px;
    font-weight: bold;
    color: #00b3b0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
    padding-top:6px;
}
#content-main .section-narrow p {
	margin: 0;
}
#content-main .section-narrow.last {
    margin-right: 0;
}
#content-main .section-wide {
    width: 656px;
    height: 364px;
    background: #fff;
	border: 3px solid #e9eaeb;
	float: left;
	margin: 0 0 30px 0;
	padding: 16px;
}
#content-main .section-wide .section-module {
    width: 296px;
    height: 364px;
    margin: 0;
    padding:0 16px 0 0;
    float:left;
}
#content-main .section-wide .section-module p span {
    color: #00b3b0;
	font-size: 20px;
	font-weight: 700;
    padding:0;
    margin:0;
}
#content-main .section-wide .divider {
    height: 100%;
    width: 3px;
    background: #e9eaeb;
    float:left;
    margin:0 20px 0 0;
}
#content-main .section-wide .section-module ul {
    margin:10px 0 0;
    width:100%;
}
#content-main .section-wide .section-module ul li {
    color: #727980;
    font-size: 13px;
	line-height: 18px;
    list-style-type: none;
    margin:0 0 37px;
    width:100%;
    float:left;
    clear:both;    
}
#content-main .section-wide .section-module ul li .align {
    float:left;
    clear:none;
    width:220px;
}
#content-main .section-wide .section-module ul li img {
    margin-right:13px;
    float:left;
}
#content-main .section-wide .section-module ul li span {
    font-size:16px;
    font-weight:bold;
}






/* Content Menu */
.content-menu {
	float: left; clear: both;
	position: relative;
    z-index: 10;
    height: 223px; width:1024px;
    margin-top: 30px;
}
.content-menu .buy-now {
    background: url(../imgs/misc/buy_now_block.gif) no-repeat 0 0;
    width:340px; height:183px;
    float: left;
    text-indent: -9999em;
    margin: 0;
    position: absolute;
    bottom: 6px; left: 0;
}
.content-menu .newsletter {
    background: url(../imgs/misc/sign_up_newsletter.gif) no-repeat 0 0;
    width:369px; height:106px;
    float: right;
    text-indent: -9999em;
    margin: 0;
    position: absolute;
    bottom: 6px; right: 0;
}
.content-menu a:hover.newsletter  {
    background: url(../imgs/misc/sign_up_newsletter_rollover.gif) no-repeat 0 0;
    width:369px; height:106px;
    margin: 0;
    position: absolute;
    bottom: 6px; right: 0;
}




/* Homepage Specific */
#home #gallery {
    float:none;
    display: block;
    width: 374px;
    height:475px;
    overflow: hidden;
    margin: 22px auto;
    position: relative;
}
#home.hasJS #gallery {width:478px;}
#home #gallery_carousel_wrap {
	overflow: hidden;
	height: 475px; width:478px;
}
#home #gallery_carousel_wrap .jcarousel-container { height: 475px; width: 478px;}
#home #gallery_carousel_wrap .jcarousel-clip {
	float: none;
	display: block;
	margin: 0 auto;
	height: 475px; width: 404px;
}
#home #gallery_carousel_wrap ul {
	float: left;
	list-style-type: none;
	margin: 0;
	height: 475px; width: 404px;
	overflow: hidden;
}

#home #gallery_carousel_wrap ul li, #home #gallery_carousel_wrap ul li.jcarousel-item {margin: 0; padding: 0; width: 404px; height: 475px;}
#home #gallery_carousel_wrap ul li {padding:0 20px 0 0;}
#home #gallery_carousel_wrap ul li img {float: none; margin: 0 auto; width: 404px;}

#home .gallery-prev, #home .gallery-next {
	float: left;
	position: absolute;
	bottom: 135px;
	z-index: 10;
}
#home .gallery-prev {left: 0;}
#home .gallery-next {right: 0;}
#home .gallery-prev a {
	background:url(../imgs/btns/btn_prev.gif) no-repeat 0 0;
	height: 35px; width: 35px;
	float: left;
}
#home .gallery-prev.jcarousel-prev-disabled-horizontal #gallery_carousel_prev {display:none;}
#home .gallery-next.jcarousel-next-disabled-horizontal #gallery_carousel_next {display:none;}
#home .gallery-next a {
	background:url(../imgs/btns/btn_next.gif) no-repeat 0 0;
	height: 35px; width: 35px;
	float: left;
}
#home .gallery-prev a:hover, #home .gallery-next a:hover {background-position: 0 -35px;}



#home #apple-text {
	float: right;
    width:259px;
    height:157px;
    position: absolute;
    top: 130px; right: 42px;
    z-index: 20;
}

#home #demo {
    float:left;
    clear:both;
    position:absolute;
    width: 204px; height: 215px;
    z-index: 10;
    left: 45px;
    top: 100px;
}
#home .content-menu {
	position: absolute;
    z-index: 10;
    height: 223px; width:1024px;
    bottom: 0; left: 0;
}
#home .content-menu .buy-now {
    background: url(../imgs/misc/buy_now_block.gif) no-repeat 0 0;
    width:340px; height:183px;
    float: left;
    text-indent: -9999em;
    margin: 0;
    position: absolute;
    bottom: 0; left: 0;
}
#home .content-menu .newsletter {
    background: url(../imgs/misc/sign_up_newsletter.gif) no-repeat 0 0;
    width:369px; height:106px;
    float: right;
    text-indent: -9999em;
    margin: 0;
    position: absolute;
    bottom: 0; right: 0;
}
#home .content-menu a:hover.newsletter  {
    background: url(../imgs/misc/sign_up_newsletter_rollover.gif) no-repeat 0 0;
    width:369px; height:106px;
    margin: 0;
    position: absolute;
    bottom: 0; right: 0;
}






/* Modules */
#content-main .module {
	clear: both; float: left;
	margin: 0 0 24px;
	width: 696px;
}
#content-main .module .module-top {
	background: url(../imgs/layout/module_top.png) no-repeat 0 0;
	height: 28px; width: 674px;
	padding: 22px 0 0 22px;
}
#content-main .module .module-top h3 {
	color: #00b2b0;
	font-size: 18px;
	font-weight: 700;
}
#content-main .module-big {
	clear: both; float: left;
	margin: 0 0 24px;
	width: 700px;
}

#content-main .module-vertical .module-body h3 {
    color: #00b2b0;
	font-size: 18px;
	font-weight: 700;
    padding: 0 0 0 18px;
    position: relative; top: 10px;
    width: 420px;
}
#content-main .module-vertical .module-body h4 {
    color: #00b2b0;
	font-size: 16px;
	font-weight: 700;
    padding: 12px 0 0;
}
#content-main .module .module-body {
	background: url(../imgs/layout/module_body.gif) repeat-y 0 0;
	clear: both; float: left;
	overflow: hidden;
	position: relative;
	padding: 0 22px;
	width: 652px;
}
#content-main .module .module-btm {
	background: url(../imgs/layout/module_bottom.gif) no-repeat 0 0;
	clear: both; float: left;
	height: 30px; width: 696px;
}

#content-main .module-extra {
	margin-top: -30px;
}
#content-main .module-extra .module-top {
	padding-top: 0;
}

#content-main .demo-cta {
	border: 3px solid #e9eaeb;
	background: #fff;
	text-align: center;
	margin: 30px 0 0;
	padding: 172px 30px;
}

#content-main .module-smaller .module-top {
	background: url(../imgs/layout/module_top_shorter.gif) no-repeat 0 0;
	height: 24px; width: 674px;
	padding: 0 0 0 22px;
}
#content-main .module-smaller .detail {
	float: left;
	margin-right: 20px;
	height: 356px; width: 348px;
	position: relative;
}
#content-main .module-smaller .detail h3 {
	color: #00b3b0;
	font-size: 27px;
	font-weight: 700;
	margin: 4px 0 4px;
}
#content-main .module-smaller .detail p {
	color: #6e8282;
	font-size: 15px;
}
#content-main .module-smaller .detail .hint {
	clear: both; float: left;
	margin-top: 24px;
}
#content-main .module-smaller .detail .hint h4 {
	clear: both; float: left;
	color: #00b3b0;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 4px;
	line-height: 1em;
}
#content-main .module-smaller .detail a.help-link {
	background: url(../imgs/content/demo_help_link.gif) no-repeat 0 0;
	color: #fd913f;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	float: left;
	height: 119px; width: 191px;
	position: absolute;
	bottom: 4px; right: 4px;
	text-indent: -9999em; overflow: hidden;
}

.hasJS #content-main .module-smaller .qa-holder {
	float: left;
	position: relative;
	height: 356px; width: 276px;
	overflow: hidden;
}
.hasJS #content-main .module-smaller .qa-holder a.btn-answer {
	background: url(../imgs/btns/btn_answer.png) no-repeat 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	float: left;
	height: 77px; width: 77px;
	position: absolute;
	bottom: 16px; right: 16px;
	text-indent: -9999em; overflow: hidden;
}

#content-main .module-smaller .help-holder {
	background: #00b3b0;
	clear: both; float: left;
	height: 358px; width: 648px;
	position: absolute;
	top: 0; left: 22px;
}
#content-main .module-smaller .help-holder .hints, #content-main .module-smaller .help-holder .examples {
	float: left; 
	height: 358px; width: 648px;
	overflow: hidden;
}
#content-main .module-smaller .help-holder .hints .img-holder, #content-main .module-smaller .help-holder .examples .img-holder {
	clear: both; float: left;
	height: 359px; width: 648px;
	text-align: center;
	margin: 0;
}
#content-main .module-smaller .help-holder img {
	float: none;
	margin: 0 auto;
	/*width: 511px;*/
}

#content-main .module-smaller .help-holder a.btn-back {
	background: url(../imgs/btns/btn_back.gif) no-repeat 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	float: left;
	height: 20px; width: 68px;
	position: absolute;
	top: 16px; right: 16px;
	text-indent: -9999em; overflow: hidden;
}

#content-main .module-smaller .help-holder a.btn-close {
	background: url(../imgs/btns/btn_close.gif) no-repeat 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	float: left;
	height: 20px; width: 76px;
	position: absolute;
	top: 16px; right: 16px;
	text-indent: -9999em; overflow: hidden;
}
#content-main .module-smaller .help-holder a.btn-examples {
	background: url(../imgs/btns/btn_view_examples.gif) no-repeat 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	float: left;
	height: 20px; width: 147px;
	position: absolute;
	bottom: 16px; right: 16px;
	text-indent: -9999em; overflow: hidden;
}





#content-main .module .flash-placeholder {
	float: none;
	margin: 24px auto;
	width: 645px;
}
#content-main .module-vertical .flash-placeholder {
	float: none;
	margin: 24px auto;
	width: 256px;
}
#content-main .module object#videoplayer {
    margin: 24px 0 24px 0;
	width: 645px;
    position: relative;
}
#content-main .module-vertical object#videoplayer {
    margin: 24px 0 24px 0;
	width: 256px;
    position: relative;
    left: 95px;
}

/* Vertical modules  ---------------- */

#content-main .module-extra-vrt {
	margin-left: -50px;
    float: left;
}
#content-main .module-vertical {
    clear: both; float: left;
	margin: 0 0 24px 0;
	width: 446px;
}
#content-main .module-vertical .module-top {
	background: url(../imgs/layout/module_top_shorter_vrt.gif) no-repeat 0 0;
	height: 24px; width: 446px;
	padding: 0;
}
#content-main .module-vertical .module-body {
	background: url(../imgs/layout/module_body_vrt.gif) repeat-y 0 0;
	clear: both; float: left;
	overflow: hidden;
	padding: 0;
	width: 446px;
    height:682px;
}
#content-main .module-vertical .module-btm {
	background: url(../imgs/layout/module_bottom_vrt.gif) no-repeat 0 0;
	clear: both; float: left;
	height: 30px; width: 446px;
}

#content-main .module-narrow {
    clear: none; float: left;
	margin: 0 0 24px;
	width: 251px;
}
#content-main .module-narrow .module-top {
	background: url(../imgs/layout/module_top_shorter_vrt_narrow.gif) no-repeat 0 0;
	float: left; clear: both;
	height: 24px; width: 252px;
	padding: 0;
}
#content-main .module-narrow .module-body {
	background: url(../imgs/layout/module_body_vrt_narrow.gif) repeat-y 0 0;
	clear: both; float: left;
	overflow: hidden;
	padding: 0 17px;
	width: 218px;
}
#content-main .module-narrow .module-btm {
	background: url(../imgs/layout/module_bottom_vrt_narrow.gif) no-repeat 0 0;
	clear: both; float: left;
	height: 30px; width: 252px;
}


/* Horizontal image list  ---------------- */

#content-main .module ul.img-list {
	float: left; clear: both;
	list-style: none;
	margin: 0;
	width: 661px;
}
#content-main .module ul.img-list li {
	float: left;
	overflow: hidden;
	margin: 0 8px 0 0;
	width: 213px;
}
#content-main .module ul.img-list li.last {margin-right: 0;}
#content-main .module ul.img-list li p {
	float: left; clear: both;
	color: #00b2b0;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	margin: 0 0 4px;
	width: 100%;
}
#content-main .module ul.img-list li p.caption {
    color: #727980;
	font-size: 11px;
	line-height: 15px;
    font-weight: normal;
    margin: 10px 0 22px 6px;
    width:95%;

}
#content-main .module ul.img-list li a {
	border: 3px solid #bfe3e1;
	float: left;
	height: 306px; width: 204px;
	overflow: hidden;
	margin: 0 16px 0 0;
}

#content-main .module ul.img-list.collections {
	margin: 50px 0 100px;
}
#content-main .module ul.img-list.collections li a {
	float: left;
	height: 311px; width: 207px;
	overflow: hidden;
	margin: 0 16px 0 0;
}

/* Vertical image list  ---------------- */

#content-main .module-narrow ul.img-list {
	list-style: none;
	margin: 0px 0 0;
	width: 211px;
    height: 682px;
}
#content-main .module-narrow ul.img-list li {
	border: 3px solid #e5f5f4;
	float: left;
	overflow: hidden;
	margin: 0;
	width: 205px;
    height: 205px;
    padding: 14px 0 0;
    text-align: center;
}
#content-main .module-narrow ul.img-list li img {
	margin: 0 auto;
    width:104px;
    float:none;

}
#content-main .module-narrow ul.img-list li.last {margin-right: 0;}
#content-main .module-narrow ul.img-list li p {
	float: left; clear: both;
	color: #e44e66;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	margin: 8px 0 4px 0;
	width: 100%;
    text-align: center;
}
#content-main .module-narrow ul.img-list li a {
    border:none;
	height: auto; width: 205px;
	overflow: hidden;
	margin: 0;
    text-decoration: none;
}
#content-main .module-narrow ul.img-list li a:hover {text-decoration: underline;}
#content-main .module-narrow ul.img-list li.current {
	background: #ffffff;
    border: 3px solid #00b2b0;
	margin: 0;
	width: 205px;
    height: 205px;
    padding: 14px 0 0;
}
#content-main .module-narrow ul.img-list li.current a {
    margin:0;
}




/* Gameimg Carousel */
#content-main .gallery-holder {
	float: left; clear: both;
	height: auto; width: 652px;
	position: relative;
	left: 0;
	margin: 30px auto 0;
}
.hasJS #content-main .gallery-holder {
	float: left; clear: both;
	height: auto; width: 272px;
	position: relative;
	left: 141px;
	margin: 30px auto 0;
}
#content-main .gallery-holder .slideshow-holder {
	position: absolute;
	left: -9999em; overflow: hidden;
}
.hasJS #content-main .gallery-holder .slideshow-holder {
	position: relative;
	left: 58px;
	height: 414px; width: 278px;
}
#content-main .gallery-holder .slideshow-holder .image-wrapper a {
	float: left;
	position: relative;
	height: 408px; width: 272px;
}
#content-main .gallery-holder .slideshow-holder .image-wrapper img {
	border: 3px solid #bfe3e1;
	float: left; clear: both;
	position: absolute;
	top: 0; left: 0;
}

#content-main .gallery-holder .controls-holder {
	position: absolute;
	top: 188px; width: 395px;
}
#content-main .gallery-holder .controls-holder a {
	text-indent: -9999em; overflow: hidden;
}
#content-main .gallery-holder .controls-holder a.prev {float: left; background:url(../imgs/misc/arrow_left_pink.gif) no-repeat 0 0; width: 35px; height: 35px; }
#content-main .gallery-holder .controls-holder a.next {float: right; background:url(../imgs/misc/arrow_right_pink.gif) no-repeat 0 0; width: 35px; height: 35px; }

.hasJS #content-main .gallery-holder .thumb-holder {
	position: absolute;
	left: -9999em;
	overflow: hidden;
	float: left; 
	list-style: none;
	margin: 0; 
}
#content-main .gallery-holder .thumb-holder {
	float: left; 
	margin: 0; 
	padding: 0 36px 0 26px;
	width: 600px;
}
#content-main .gallery-holder .thumb-holder ul {
	float: left; 
	list-style: none;
	margin: 0; 
	width: 600px;
}
#content-main .gallery-holder .thumb-holder ul li {
	float: left; margin: 5px 20px 5px 0;
	padding-left: 20px; 
	width: 260px; height: 280px;
	overflow: hidden;
}

#content-main .gallery-holder .thumb-holder ul li img {
	border: 3px solid #bfe3e1;
	float: left; clear: both;
	width: 272px;
}
#content-main .gallery-holder .thumb-holder ul li .caption {
	clear: both; float: left;
	margin: 8px 0 0;
	padding: 0 2px;
	width: 250px;
}
#content-main .gallery-holder .thumb-holder ul li .caption p {
	color:#727980; 
	margin: 0;
	font-size: 12px;
	line-height: 1.2em;
}


#content-main .gallery-holder .caption-holder {
	float: left; clear: both;
	margin: 20px 0 0;
	position: relative;
	left: -48px;
	width: 492px;
}

#content-main .gallery-holder .caption-holder .caption p {
	float: left; clear: both;
	color:#727980; 
	font-size:14px;
	margin: 0;
	padding: 2px 0;
	line-height: 1.2em;
	text-align: center;
	z-index: 10;
	width: 492px;
}



/* Global Elements
------------------------------------------------------------------------------ */
.hr-solid {
	background: #e9eaeb;
	clear: both; float: left;
	height: 3px; width: 100%;
	margin: 6px 0 34px;
}
.hr-solid.extra{
	margin-top: 24px;
}
.hr-solid hr {text-indent: -9999em; overflow: hidden; position: absolute; left: -9999em;}


/* Buttons
------------------------------------------------------------------------------ */





/* Global Footer
------------------------------------------------------------------------------------------ */
#global-footer-holder {
	background: #fff url(../imgs/layout/body_btm.gif) repeat-x 0 0;
	float: left; clear: both;
	width: 100%;
}
#global-footer {
	float: none; clear: both;
	margin: 62px auto 0; padding: 0 0 10px 0;
	width: 1024px;
	position: relative;
	z-index: 10;
}
#global-footer ul {
	float: left;
	list-style: none;
	margin: 0 0 0 5px; padding: 0;
}
#global-footer ul li {
	color: #7b7b7b;
	float: left;
	vertical-align: middle;
	padding-left: 14px;
	margin-right: 14px;
}
#global-footer ul li.last {margin-right: 0;}
#global-footer ul li a {
	color: #777;
	font-size: 11px;
	text-decoration: none;
}
#global-footer p.copy {
	color: #939597; 
	font-size: 10px; 
	clear: both; float: none; 
	margin: 0 auto; 
	padding: 10px 0 0 0; 
	text-align:center;
	width:1024px;
	line-height:1.2em;
}
#global-footer .footer-esrb {
    position: relative;
    text-transform: uppercase;
    width: auto;
    margin-top: -10px;

}
#global-footer .footer-esrb p a {
    width: auto;
    display: block;
    font-size: 8px;
    word-spacing: -.5px;
}
#global-footer .footer-esrb p img a {
    width: auto;

}
#global-footer .footer-esrb p a:hover {
    color: #01AAEB;
}


/* Slider CSS */
#slider {
	width:300px;
	height:485px;
	margin:0px auto;
	}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:300px;
	height:485px;
	overflow:hidden; 
	}	
#prevBtn{ 
	float:left;
	display:block;
	width:30px;
	height:77px;
	position:relative;
	left:120px;
	top:-300px;
	}	
#nextBtn{ 
	float:left;
	display:block;
	width:30px;
	height:77px;
	position:relative;
	left:460px;
	top:-300px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../imgs/content/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../imgs/content/btn_next.gif) no-repeat 0 0;	
	}
.slideDesc{
	display:block;
	width:270px;
	margin-top:10px;
	font-size: 12px;
	line-height: 14px;
	}


/* End CSS */