html{ background-color: #F5F5F5; }
body{ color: #666666; font-family: Arial; font-size: 14px; line-height: 17px; }
div.c{ clear: both;}
.mr0{ margin-right: 0px !important; }
a{ color: #666666; }
a:hover{ color: #999999; text-decoration: underline !important; }

div.container{
	background-color: #FFFFFF;
	min-width: 987px;
}

div.line{ 
	clear: both; 
	height: 44px; 
	background-position: 22px; 
	background-repeat: repeat-x; 
	background-image: url(../images/dot.gif); 
}

a.play{
	display: block;
	width: 309px;
	height: 63px;
	background-repeat: no-repeat;
	background-image: url(../images/play.png);
}
a.facebook{
	width: 309px;
	background-repeat: no-repeat;
	background-image: url(../images/play.png);
}
a.facebook:hover{ background-position: 0px -62px; }

a.appstore{
	width: 220px;
	height: 65px;
	background-repeat: no-repeat;
	background-image: url(../images/appstore.png);
}

div.layout{
	width: 987px;
	margin: 0px auto;
}
div.layout div.header{
	height: 87px;
	position: relative;
}
div.layout div.header a.logo{
	display: block;
	position: absolute;
	top: 8px;
}
div.layout div.header div.menu{
	position: absolute;
	width: 507px;
	height: 22px;
	top: 39px;
	right: 133px;
}
div.layout div.header div.menu a{
	display: block;
	float: left;
	height: 22px;
	overflow: hidden;
	text-indent: -100px;
	margin-right: 28px;
	background-position: no-repeat;
	background-image: url(../images/menu.png);
}
div.layout div.header div.menu a:focus {
    outline: 0px !important;
}
div.layout div.header div.menu a.m1{ width: 73px; background-position: 0px 0px; }
div.layout div.header div.menu a.m2{ width: 80px; background-position: -73px 0px; }
div.layout div.header div.menu a.m3{ width: 73px; background-position: -153px 0px; }
div.layout div.header div.menu a.m4{ width: 105px; background-position: -226px 0px; }
div.layout div.header div.menu a.m5{ width: 63px; background-position: -331px 0px; margin-right: 0px; }
div.layout div.header div.menu a.m1.active, div.layout div.header div.menu a.m1:hover{ background-position: 0px -22px; }
div.layout div.header div.menu a.m2.active, div.layout div.header div.menu a.m2:hover{ background-position: -73px -22px; }
div.layout div.header div.menu a.m3.active, div.layout div.header div.menu a.m3:hover{ background-position: -153px -22px; }
div.layout div.header div.menu a.m4.active, div.layout div.header div.menu a.m4:hover{ background-position: -226px -22px; }
div.layout div.header div.menu a.m5.active, div.layout div.header div.menu a.m5:hover{ background-position: -331px -22px; }
	
h1{
	margin: 34px 0px 17px 0px;
	height: 27px;
	text-indent: -1000px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../images/h1.png);
}
h1.p2{ background-position: 21px 0px }
h1.p3{ background-position: 21px -27px }
h1.p4{ background-position: 21px -54px }
h1.p5{ background-position: 21px -81px }
h1.p6{ background-position: 21px -108px }
h1.p7{ background-position: 21px -135px }
h1.p8{ background-position: 21px -176px }

div.layout > div.content{
	width: 987px;
	min-height: 466px;
	padding-bottom: 89px;
	overflow: hidden;
	position: relative;
}
div.layout > div.content div.pages{
	width: 9880px;
	min-height: 466px;
	position: absolute;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
div.layout > div.content div.pages div.page{
	float: left;
	width: 988px;
	min-height: 466px;
}
div.page div.game div.promo{
	height: 377px;
}
div.page div.game div.caption{
	position: relative;
	height: 89px;
	background-color: #0F65B7;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
div.page div.game div.caption div{
	position: absolute;
	overflow: hidden;
	width: 435px;
	height: 67px;
	top: 9px;
	left: 13px;
	text-indent: -1000px;
}
div.page div.game div.caption div.bp{
	background-image: url(../images/bubble_planet_caption.jpg);
}
div.page div.game div.caption a.play{
	position: absolute;
	top: 13px;
	right: 21px;
}

div.page div.info{
	float: right;
	width: 303px;
	padding-right: 35px;
}
div.page div.info h1{ 
	margin-top: 0px; 
	margin-bottom: 14px;
	margin-left: -21px;
	height: 41px; 
}

div.box{
	width: 315px;
	float: left;
	margin-right: 21px;
}
div.box h2{
	margin: 0px;
	height: 44px;
	overflow: hidden;
	text-indent: -1000px;
	background-color: #276A76;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	background-repeat: no-repeat;
	background-image: url(../images/h2.png);
}
div.box h2.b1{ background-position: 21px 1px; }
div.box h2.b2{ background-position: 21px -43px; }
div.box h2.b3{ background-position: 21px -87px; }
div.box h2.b4{ background-position: 21px -130px; }
div.box h2.b5{ background-position: 21px -174px; }
div.box h2.b6{ background-position: 21px -218px; }

div.box div.content{
	padding: 19px 21px;
	background-color: #EDEDED;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
div.box.press div.content{ height: 306px; }
div.box.jobs div.content{ height: 130px; padding-top: 7px; }

div.box ul li{ 
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #CCCCCC;
}
div.box ul li:last-child{ border-bottom: 0px; } 
div.box ul.file li{ 
	height: auto;
	line-height: 25px;
	border: 0px;
	padding-left: 14px;
	background-repeat: no-repeat;
	background-image: url(../images/file.gif);
	background-position: 0px 7px;
}

div.paragraph{
	width: 602px;
	padding: 0px 21px;
}

div#company div.img{
	float: right;
	width: 300px;
	height: 344px;
	text-align: center;
	position: relative;
	top: -10px;
}
div.img-jobs{
	float: right;
	width: 315px;
	height: 89px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #EDEDED;
}
div.img-game{
	width: 610px;
	height: 232px;
}
div.img-game2{
	width: 610px;
	height: 88px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #EDEDED;
}

div.footer{
	height: 199px;
	border-top: 1px solid #ECECEC;
}
div.footer div.content{
	width: 610px;
	margin: 0px auto;
	text-align: center;
	padding-top: 34px;
}
div.footer div.content p span{
	color: #CCCCCC;
	padding: 0px 8px;
}
div.footer div.content div.social{
	position: relative;
	height: 51px;
	padding-left: 255px;
	margin-bottom: 34px;
	background-repeat: no-repeat;
	background-position: 133px 8px;
	background-image: url(../images/follow.png);
}
div.footer div.content div.social a.s{
	display: block;
	float: left;
	width: 51px;
	height: 51px;
	margin-right: 14px;
	background-image: url(../images/social_icons.png);
	background-repeat: no-repeat;
}
div.footer div.content div.social a.s1{ background-position: 0px 0px; }
div.footer div.content div.social a.s2{ background-position: -60px 0px; }
div.footer div.content div.social a.s3{ background-position: -117px 0px; }
div.footer div.content div.social a.s1:hover{ background-position: 0px -51px; }
div.footer div.content div.social a.s2:hover{ background-position: -60px -51px; }
div.footer div.content div.social a.s3:hover{ background-position: -117px -51px; }
div.footer div.content div.social div.fblike{
	float: left;
	width: 150px;
	margin-top: 15px;
	padding-left: 5px;
}
div.footer div.content div.copyright{
	color: #C7C7C7;
	font-size: 12px;
}

ul.list
{
	list-style-type: disc;
}
ul.list li
{
	margin-bottom: 10px;
}

.pdf{ 
	background-image: url(../images/pdf-icon.png); 
	background-repeat: no-repeat; 
	padding-left: 23px;
	padding-bottom: 5px;
	padding-top: 2px;
}
.doc{ 
	background-image: url(../images/doc-icon.png); 
	background-repeat: no-repeat; 
	padding-left: 23px;
	padding-bottom: 5px;
	padding-top: 2px;
}