html,body{
	height:100%;
	margin:0;
	background:#e7e7e7 url(../images/bg-body.gif) repeat-x;
}
body{
	font:14px/20px Tahoma, Geneva, sans-serif;
	color:#333;
	background:url(../images/bg-header.jpg) no-repeat 50% 0;
	min-width:1000px;
}
img{border-style:none;}
a{
	text-decoration:underline;
	color:#333;
}
a:hover{
	text-decoration:none;
}
a.footer{
	text-decoration:none;
}
a.footer:hover{
	text-decoration:underline;
}
.main-holder {
	min-height: 100%;
}
* html .main-holder {
	height: 100%;
}
#main{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	padding:214px 0 108px 0;
	position:relative;
}
.header-holder{
	width:975px;
	padding:0 25px 0 0;
	height:219px;
	position:absolute;
	top:0;
	left:0;
}
.logo{
	display:block;
	position:absolute;
	margin:0;
	top:36px;
	left:13px;
	overflow:hidden;
	z-index:50;
}
.logo a{
	display:block;
	overflow:hidden;
	width:355px;
	height:206px;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
}

.wii a{
	background:url(../images/logowii.png) no-repeat;
}
.iphone a{
	width:415px;
	height:225px;
	background:url(../images/logoiphone.png) no-repeat;
}

.header-text{
	float:right;
	width:305px;
	padding:18px 0 0;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
.header-text blockquote{
	display:block;
	margin:0;
	padding:0;
	height: 100px;
	overflow: hidden;
}
.header-text q{
	display:block;
	font-size:20px;
	line-height:24px;
	color:#fff;
	margin:0;
	padding:0 0 0 5px;
}
.header-text q span{
	margin:0 0 0 -5px;
}
.header-text cite{
	display:block;
	margin:0;
	padding:0 0 0 5px;
	font-size:12px;
	line-height:18px;
	color:#ccc;
	font-style:normal;
}
#buy{
	width:316px;
	height:75px;
}

#buy a{
	display: block;
	float: left;
	height: 75px;
	text-indent: -999px;
	width: 158px;
}

#buy a.buy{
	background:url(../images/b-buy-now-iphone.gif) no-repeat;
}

#buy a.try{
	background:url(../images/b-try-now-iphone.gif) no-repeat;
}

#buy a.buy.pc{
	float: right;
	background:url(../images/b-buy-now-pc.gif) no-repeat;
}

/*
#buy a.try.pc{
	background:url(../images/b-try-now-pc.gif) no-repeat;
}
*/

#buy a.buy.wii{
	background:url(../images/b-buy-now-wii.gif) no-repeat;
}

#buy a.try.wii{
	background:url(../images/b-try-now-wii.gif) no-repeat;
}

/*
.header-text .buy{
	display:block;
	width:233px;
	height:25px;
	padding:35px 0 0 67px;
	margin:22px 0 0;
	overflow:hidden;
	background:url(../images/bg-button.gif) no-repeat;
}
.header-text a.buy:hover{
	text-decoration:none;
}
.buy span{
	display:block;
	font-size:12px;
	line-height:20px;
	color:#666;
}
*/
.content{
	width:940px;
	overflow:hidden;
	padding:34px 0 0 28px;
	position:relative;
	margin:0 0 0;
	z-index:51;
}
.egg-1{
	display:block;
	position:absolute;
	top:0;
	left:447px;
	width:84px;
	height:83px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/egg-1.png) no-repeat;
}
.twitter-bird{
	display:block;
	position:absolute;
	top:68px;
	left:410px;
	width:27px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/twitter.gif) no-repeat;
}
.menu{
	margin:0;
	padding:0;
	height:25px;
	list-style:none;
}
.menu li{
	float:left;
	height:25px;
	overflow:hidden;
	padding:0 29px 0 0;
}
.menu li h2{
	margin:0;
}
.menu li a{
	display:block;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
}
.menu li a:hover, .menu li.active a{
	margin:-25px 0 0;
}
.menu li.iphone a{
	width:87px;
	background:url(../images/menu-iphone.png) no-repeat;
}
.menu li.wii a{
	width:40px;
	background:url(../images/menu-wii.png) no-repeat;
}
.menu li.nintendo{
	padding:0 29px 0 2px;
}
.menu li.nintendo a{
	width:160px;
	background:url(../images/menu-nintendo.png) no-repeat;
}
.menu-inner{
	margin:0;
	padding:18px 0 0;
	height:16px;
	list-style:none;
}
.menu-inner li{
	float:left;
	height:16px;
	overflow:hidden;
	padding:0 26px 0 0;
}
.menu-inner li a{
	display:block;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
}
.menu-inner li a:hover, .menu-inner li.active a{
	margin:-16px 0 0;
}
.menu-inner li.introduction a{
	width:86px;
	background:url(../images/menu-inner-introduction.png) no-repeat;
}
.menu-inner li.media a{
	width:41px;
	background:url(../images/menu-inner-media.png) no-repeat;
}
.menu-inner li.reviews a{
	width:57px;
	background:url(../images/menu-inner-reviews.png) no-repeat;
}
.menu-inner li.reviews a{
	width:57px;
	background:url(../images/menu-inner-reviews.png) no-repeat;
}
.menu-inner li.reviews{
	padding:0 25px 0 0;
}
.menu-inner li.help a{
	width:31px;
	background:url(../images/menu-inner-help.png) no-repeat;
}
.menu-inner li.follow a{
	width:65px;
	background:url(../images/menu-inner-follow.png) no-repeat;
}
.content-inner{
	width:960px;
	overflow:hidden;
	margin:23px 0 0;
	clear: both;
}
.conteiner{
	float:left;
	width:300px;
	margin:0 20px 0 0;
}
.player{
	width:100%;
	overflow:hidden;
	padding:5px 0 0;
}
.player img{
	display:block;
}
.conteiner h3, .video-payoff h3{
	margin:0 0 6px 0;
	font-size:22px;
	line-height:24px;
	color:#333;
	font-weight:normal;
}

.conteiner p{
	margin:0 0 4px 0;
}
.conteiner-right{
	float:left;
	width:300px;
}
.conteiner-right h3{
	margin:0 0 6px 0;
	font-size:22px;
	line-height:24px;
	color:#333;
	font-weight:normal;
}
.conteiner-list{
	margin:0;
	padding:0 0 15px 0;
	list-style:none;
	width:235px;
}
.conteiner-list li{
	font-size:14px;
	line-height:20px;
	color:#333;
	padding:0 0 0 11px;
	background:url(../images/bg-conteiner-list.gif) no-repeat 0 9px;
}
.conteiner-right p{
	margin:0;
}
.madia-page .conteiner-right p{
	margin: 0 0 4px 0;
}
.footer-holder:after{
	content:"";
	clear:both;
	display:block;
}
.footer-holder{
	width:1000px;
	margin:-236px auto 0 auto;
	height:236px;
	background:url(../images/bg-footer.jpg) no-repeat 572px 100%; 
}
.footer{
	width:100%;
	padding:145px 0 0;
	position:relative;
}
.tokitori-egg{
	display:block;
	width:78px;
	height:72px;
	position:absolute;
	top:93px;
	left:-48px;
	text-indent:-9999px;
	background:url(../images/bg-tokitori-egg.png) no-repeat;
}
.footer-left{
	float:left;
	width:570px;
	padding:4px 0 0 29px;
	overflow:hidden;
}
.footer-left p{
	margin:0;
	font-size:12px;
	line-height:14px;
	color:#8e8e8e;
}
.footer-left-list{
	margin:0;
	padding:12px 0 0;
	list-style:none;
}
.footer-left-list li{
	float:left;
	padding:0 26px 0 0;
}
.logo-two{
	display:block;
	width:119px;
	height:25px;
	margin-top: 2px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo-two.gif) no-repeat;
}
.logo-chillingo{
	display:block;
	width:104px;
	height:25px;
	margin-top: 2px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo-chillingo.gif) no-repeat;
}
.logo-sonic-picnic{
	display:block;
	width:27px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo-sonic-picnic.gif) no-repeat;
}
.footer-right{
	float:right;
	width:343px;
	overflow:hidden;
	padding:3px 24px 0 0;
}
.footer-nav{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.footer-nav li{
	float:left;
	padding:0 6px 0 8px;
	background:url(../images/bg-footer-nav.gif) no-repeat 0 55%;
	font-size:13px;
	line-height:15px;
}
.footer-nav li:first-child{
	background:none;
}
.footer-nav li a{
	color:#333;
}
.footer-right-list{
	clear:both;
	margin:0;
	padding:19px 0 0 0px;
	list-style:none;
}
.footer-right-list li{
	float:left;
}
.footer-right-list li a, .footer-right-list li span{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.logos{
	width:199px;
	height:53px;
	background:url(../images/tokitori_ratings.png) no-repeat;
}

.logo-1{
	width:24px;
	height:33px;
	background:url(../images/logo-1.gif) no-repeat;
}
.logo-2{
	width:25px;
	height:33px;
	background:url(../images/logo-2.gif) no-repeat;
}
.logo-3{
	width:31px;
	height:33px;
	background:url(../images/logo-3.gif) no-repeat;
}
.logo-4{
	width:32px;
	height:33px;
	background:url(../images/logo-4.gif) no-repeat;
}
.logo-5{
	width:116px;
	height:53px;
	background:url(../images/logo-5.png) no-repeat;
	margin:0 0 0 28px;
}
.light-box{
	width:482px;
	overflow: hidden;
	height: 382px;
	*height: 362px;

	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	z-index:200;
	padding:10px 9px 10px 9px;
	visibility:hidden;
}

.light-box-pc{
	width: 802px;
	height: 512px;

}

.light-box .serie{
	height: 382px;
}

.light-box-pc .serie{
	height: 512;
}

.top-holder{
	width:100%;
	overflow:hidden;
}
.karusel, .video-payoff{
	width:408px;
	overflow:hidden;
	position:relative;
	float:left;
}
.video-payoff{
	height: 41px;
}
.gallery {
	overflow:hidden;
}
.link-prev{
	float:left;
	width:32px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
	background:url(../images/link-prev.gif) no-repeat;
}
.link-next{
	float:right;
	width:32px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
	background:url(../images/link-next.gif) no-repeat;
}
.gallery div {
	width:335px;
	overflow:hidden;
	position:relative;
	float:left;
}
.gallery div ul {
	position:relative;
	width:99999px;  /* !!! */
	padding:1px 0 0;
	margin:0;
	list-style:none;
}
.gallery div ul li {
	float:left;
	width:46px;
	padding:0 1px 0 9px;
}
.gallery div ul li a{
	position:relative;
	display:block;
	width:46px;
	height:30px;
}
.gallery div ul li a span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:46px;
	height:30px;
	text-indent:-9999px;
	cursor:pointer;
}
.gallery div ul li a:hover span, .gallery div ul li a.active span{
	background:url(../images/bg-karusel-hover.gif) no-repeat;
}
.gallery div ul li a img{
	display:block;
	border:none;
}
.close{
	float:right;
	width:32px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-close.gif) no-repeat;
}
.karusel-image, .overlaycontent-holder{
	width:480px;
	height:320px;
	position:relative;
	margin:10px 1px 0 1px;
	overflow:hidden;
}

.overlaycontent-holder object {
	display: block;
	margin: 0 auto;
}

.serie-pc .karusel-image, .serie-pc, .overlaycontent-holder {
	width:800px;
	height:450px;
}

.karusel-image img {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}
.karusel-image img.active {
	z-index:1;
}

ul.media-list{
	padding:1px 0 0;
	margin:0;
	list-style:none;
	width: 300px;
}

ul.media-list li{
	/* height: 150px; */
	overflow: hidden;
	padding-bottom: 20px;
	float: left;
}
ul.media-list li.right{
	margin: 0 0 0 20px;
}

ul.media-list li p{
	font-size: 12px;
	line-height:14px;
}

ul.follow{
	list-style: none;
	margin: 30px 0 0 60px;
	padding: 0;
}

ul.follow li{
	margin: 20px 0 0 0;
}
ul.follow li a{
	display: block;
	text-indent: -9999px;
	width: 129px;
	height: 42px;
}
ul.follow li a#youtube{
	background: url(../images/icon-youtube.png) no-repeat 0 0;
}

ul.follow li a#myspace{
	background: url(../images/icon-myspace.png) no-repeat 0 0;
}
ul.follow li a#hyves{
	background: url(../images/icon-hyves.png) no-repeat 0 0;
}
ul.follow li a#facebook{
	background: url(../images/icon-facebook.png) no-repeat 0 0;
}
ul.follow li #linkedin{
	background: url(../images/icon-linkedin.png) no-repeat 0 0;
}
ul.follow li a#twitter{
	background: url(../images/icon-twitter.png) no-repeat 0 0;
}
a.walkthrough{
	display: block;
	height: 150px;
	margin-bottom: 8px;
	width: 200px;
}

.menu li.pc a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/menu-pc.png) no-repeat scroll 0 0;
width:35px;
}

.pc a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/logopc.png) no-repeat scroll 0 0;
height:225px;
width:415px;
}