/* basic styles */

body {
	/*font-size:62.5%;*/
	font-size:62.5%;
	font-family: 'Questrial', sans-serif;
/*font-family: Century Gothic, sans-serif;*/
	color: #012742;
	background: #012742 url(../images/mainBG3.jpg) no-repeat fixed;
	margin:0;
}


a {
	
	color:  #012742;
	outline: none;
	text-decoration: underline;

}
a:visited {
	color:  #012742;
}
a:active {
	color:  #012742;
}
a:hover {
	color: #012742;
	text-decoration: none;
}

strong, b {
	font-weight: bold;
	}
p {
	font-size:1.6em;
	line-height: 1.3em;
	padding: 1em 0.8em 0em 0.5em;
	margin:0;
	text-align:left;
	}
	
p span { font-size:1.4em; }
.descr_p { padding: 1em 0.8em 2em 0.5em; text-align:left; }
.txt_p { padding: 0.7em 0.8em 2em 0.5em; text-align:left; }

h1 {
	font-size: 2.8em;
	font-weight: normal;
	margin:0;
	padding: 0;
	text-align:right;
	}
h2 {
	font-size: 2.8em;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 2.2em;
	line-height: 22px;
	font-weight: normal;
	margin: 0.5em;
	}
h4 {
	font-size: 2em;
	line-height: 1.3em;
	font-weight: normal;
	margin-left:1.3em;
	margin-top:1em;
	margin-right:1em;
	}
h5 {
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}


	
ul {
	text-align:right;
	}
	
img {
	border: 0;
	}

.white {
color:#ffffff;
}

.float {
float:left;
margin-left:1em;
}

.clck {
font-size:2em;
}

.show_el {
display:inline;
}

.hide_el {
display:none;
}

.no_ltype {
list-style-type:none;
}

.fixed {
position:fixed;
width:130em;
}

.clr {
clear:both;
}

.center { text-align:center; }
.tleft { text-align:left; }

.checkbx {
height:2em;
width:2em;
}

.left { text-align:left; }


/* end */




#wrapper {
margin:0 auto;
padding:0;
width:110em;

}



.cright {
position:absolute;
top:3.1em;
margin-left:15em;
z-index:90;
font-size:1.3em;
}

#menu {
width:101.5em;
height:8.8em;
background: url(../images/menuBG.png) no-repeat;
position:fixed;
top:0;
z-index:100;
}

#menu li {
font-size:1.8em;
font-family: 'Questrial', sans-serif;
/*font-family: Century Gothic, sans-serif;*/
}


.logo_ING {
width:26em;
height:8.8em;
position:absolute;
top:0;
z-index:15;
}


#mainArea, #gameArea {
width:101.5em;
/*height:70em;*/
margin-top:7.5em;
float:left;
}

#gameArea {
position:relative;
}


#gameArea {
background: url(../images/sysBG.jpg) no-repeat;
}

		
#my-timeline {
width:101.5em;
height:70em;
top:7.5em;
position:absolute;
z-index:99;
}

#topPart {
width:101.5em;
height:36em;
}

#mainArea .home {
background: url(../images/tpBG.jpg) no-repeat;
}

#mainArea .stats {
background: url(../images/tp2BG.jpg) no-repeat;
}


.lbox {
width:27.3em;
height:26.6em;
float:right;
margin:0 0 0 0.7em;
}

.lgames { margin-top:3em; }
.lupdates { margin-top:6em; }


.lbox ol, .gbox ol, .gmeSide ol, .statBox ol {
margin-top:4em;
padding-left:3em;
}

#leftPart ol.sectLatest {
margin-top:1.5em;
padding-left:3em;
}

.lbox li, .prevBox li, .gbox li, .gmeSide li, #leftPart ol.sectLatest li, .statBox li {
line-height: 1.4em;
font-size:1.4em;
list-style-type:lower-roman;
color:#ffffff;
}


.lbox li a, .gbox li a, .gmeSide li a, #leftPart li a {
color:#ffffff;
}

#leftPart ol.sectLatest {
top:4em;
padding-left:4em;
position:absolute;
z-index:10;
}

#leftPart ol.sectLatest li {
font-size: 1.8em;
}

#leftPart h3 {
top:0.5em;
position:absolute;
z-index:15;
color:#ffffff;
}

#leftPart h5 {
bottom:0.3em;
margin: 0.5em;
position:absolute;
z-index:15;
color:#ffffff;
font-size:2em;
font-weight:normal;
}


#botPart {
width:101.5em;
height:31.6em;
background: url(../images/bpBG.png) no-repeat;
margin-top:0.2em;
overflow:hidden;
}

.arrow {
width:8em;
height:24em;
position:absolute;
z-index:80;
top:46em;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

.arrow:hover {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.left {
left:50%;
margin-left:-63.5em;
}

.right {
left:50%;
margin-left:47em;
}


#nav {
position:absolute;
z-index:50;
}


.playNow_IMG {
width:4.8em;
height:30.6em;
margin:43.8em 0 0 0;
position:absolute;
z-index:50;
top:0;
}

.playBox {
width:31em;
height:27.1em;
margin:1em 0.7em;
float:left;
position:relative;
}

.playBoxStats {
width:22em;
height:27.1em;
margin:2em 0.5em;
float:left;
position:relative;
}



#leftPart{
width:44em;
height:55.8em;
/*background-color:#012742;*/
float:left;
position:fixed;
z-index:20;
-moz-border-radius: 0 0 0 10px;
border-radius: 0 0 0 10px;
}

.leftPartBG{
background-color:#012742;
}

#leftPart h4{
position:absolute;
z-index:5;
top:1.7em;
right:0.3em;
color:#ffffff;
margin:0;
}

#rightPart {
width:54.5em;
min-height:68em;
background-color:#012742;
float:left;
-moz-border-radius: 0 10px 10px 10px;
border-radius: 0 10px 10px 10px;
padding-left:3em;
margin-left:44em;
margin-bottom:1em;
}


.oleft {
width:46em;
height:45.6em;
margin-top:3em;
position:absolute;
z-index:20;
/*background-color:#01233C;*/

}

.oleft h3 {
border-bottom: 1px #ffffff solid;
}

.oleft h5 {
left:12em;
border-top: 1px #ffffff solid;
}


#gmeBot {
width:101.5em;
height:13.2em;
background: #011829 url(../images/gmeBot.png) no-repeat top;
margin-top:-13.5em;
position:fixed;
z-index:-1;
}

.gmeBG_IMG {
width:46em;
height:45.6em;
margin-top:3em;
-moz-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
position:absolute;
z-index:2;
}

.gmeStats, .gmeStatsDemo {
width:46em;
height:45.6em;
margin-top:2.9em;
position:absolute;
z-index:5;
}

.gmeStats { background: url(../images/gmeStats_NEW.png) no-repeat; }
.gmeStatsDemo { background: url(../images/gmeStatsDemo_NEW.png) no-repeat; }
.notime { background: url(../images/gmeStats_NOTIME.png) no-repeat; }


.gmeStats2, .gmeStats2_na, .gmeStats2PS3 {
width:23.3em;
height:5.5em;
margin:49em 0 0 0;
position:absolute;
z-index:5;
background: url(../images/gmeStatsBot_NEW.png) no-repeat;
}

.gmeStats2 { background: url(../images/gmeStatsBot_NEW.png) no-repeat; }
.gmeStats2PS3 { background: url(../images/gmeStatsBotPS3_NEW.png) no-repeat; }
.gmeStats2_na {background: url(../images/gmeStatsBot_na.png) no-repeat; }

/* menus */

#navlist
{
margin: 0;
padding: 0 0 20px 10px;
width:40em;
position:absolute;
right:0;
top:2.8em;
}

#navlist2
{
margin: 0;
padding: 0 0 20px 10px;
width:30em;
position:absolute;
left:30em;
top:2.8em;

}

#navlist ul, #navlist li,#navlist2 ul, #navlist2 li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited, #navlist2 a:link, #navlist2 a:visited
{
float: left;
line-height: 14px;
margin: 0 8px 4px 8px;
text-decoration: none;
color:#ffffff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover, #navlist2 a:link#current, #navlist2 a:visited#current, #navlist2 a:hover
{
border-bottom: 1px solid #000;
padding-bottom: 2px;
background: transparent;

}

#navlist a:hover, #navlist2 a:hover { color: #000; }


nav {
position:absolute;
right:0;
top:0.5em;
text-align: center;

}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0;
	border-radius: 10px 0 0 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
		}
			nav ul li:hover a {
				color: #fff;
			}
		
		nav ul li a {
			display: block; padding: 10px 15px;
			color: #757575; text-decoration: none;
		}
			
		
	nav ul ul {
		background: #5f6975; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
		font-size:0.5em;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
			
		}
			nav ul ul li a {
				padding: 10px 15px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #4b545f;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}













/* menus end */


/*cover image styles */
.cover {
width:9.5em;
height:13.2em;
float:left;
margin-right:0.3em;
}

.nowCover { 
position: absolute;
bottom: 42.5em;
left: 1.5em; 
}
/*
.ps3c {
bottom: 43.2em;
}*/

.gmeCover2 {
position:absolute;
bottom:26.3em;
left:16.7em;
z-index:5;
}

.gmeCover3 {
position:absolute;
bottom:0.8em;
left:28em;
z-index:5;
}

/*
.ps2_cover, .xbox_cover, .x360_cover, .wii_cover {
width: 9.5em;
height: 13.2em;
}


.psx_cover, .gba_cover, .ds_cover, .dc_cover {
width: 9.5em;
height: 9.5em;
}

.ps3_cover{
width: 9.5em;
height: 11.1em;
}

.psp_cover{
width: 9.5em;
height: 16.3em;
}*/

/*
.nowBox {
width:22.3em;
height:30.9em;
position:relative;
margin-top:23em;
margin-left:0.7em;
background: url(../images/nowBox.gif) no-repeat;
}
*/

.nowBox {
width:21.2em;
height:27.1em;
background: url(../images/playBox.png) no-repeat;
float:left;
}

.playBox .trophy {
background: url(../images/playBoxTrophy.png) no-repeat;
}

.statBox {
width:21.2em;
height:27.1em;
background: url(../images/statBox.png) no-repeat;
float:left;
position:relative;
}


.won {
margin:4em 0.2em;
background: url(../images/wonBox.png) no-repeat;
}

.overall {
margin:4em 0.2em;
background: url(../images/overallBox.png) no-repeat;
}

.overall2 {
margin:3em 1em;
background: url(../images/statBox3.png) no-repeat;
color:#ffffff;
}

.statBox li { color: #012742; font-size:1.6em; }


/* stats middle text */
.gmeStats div.d1, .gmeStatsDemo div.d1, .gmeStats div.d2, .gmeStatsDemo div.d2d, .gmeStats div.d3, .gmeStats div.d4, .gmeStats2 div.d5, .gmeStats2PS3 div.d5, .nowPge div.d1, .nowBox div.d2, .nowBox div.d3, .nowBox div.d4, .nowBox div.d5, .statBox div.d2, .statBox div.d3, .statBox div.d4, .statBox div.d5, .statBox div.d8 {
position: absolute;
font-size:3.6em;
text-align:center;
z-index:15;
}

.nowBox div.d6, .nowBox div.d7 {
position: absolute;
font-size:2em;
text-align:left;
z-index:15;
}

.statBox div.d6, .statBox div.d7 {
position: absolute;
font-size:2em;
text-align:left;
z-index:15;
}

/*
.nowPge div.d1{
top: 5.4em;
right: 0.5em;
width:3em;
}*/

.gmeStats div.d1, .gmeStatsDemo div.d1{
bottom: 0.5em;
left: 0em;
width:3em;
}

.gmeStats div.d2{
bottom: 0.5em;
left: 4em;
width:1em;
}

.gmeStatsDemo div.d2d{
bottom: 0.5em;
left: 4.3em;
width:5em;
text-align:left;

}

.gmeStats div.d3{
bottom: 0.5em;
left: 5.1em;
width:4em;
}

.gmeStats div.d4{
left: 7.2em;
bottom: 0.5em;
width:6.8em;
}

.gmeStats2 div.d5, .gmeStats2PS3 div.d5{
bottom: 0.3em;
left: 1.2em;
width:3em;
}


.nowBox h3.d1{
position: absolute;
top: 0em;
left: 4.2em;
text-align:left;
}

.nowBox h3.d1 a { color:#ffffff; }

.nowBox div.d2{
top: 1.25em;
left: 6.2em;
width:2em;
text-align:left;
}

.nowBox div.d3{
top: 2.4em;
left: 6.2em;
width:4em;
text-align:left;
}

/*
.nowBox div.d4{
font-size:3em;
top: 7.3em;
left: 2.2em;
width:6.8em;
text-align:left;
}*/


.nowBox div.d5{
top: 3.45em;
left: 6.2em;
width:3em;
text-align:left;
}

.nowBox div.d6{
top: 8.7em;
left: 10em;
width:6em;
}

.nowBox div.d7{
top: 10.4em;
left: 10em;
width:4em;
}





.statBox h3.d1{
position: absolute;
top: 0em;
left: 0em;
text-align:left;
color:#ffffff;
}

.statBox h3.d1 a { color:#ffffff; }

.statBox div.d2{
top: 1.25em;
left: 3.7em;
width:2em;
text-align:left;
}

.statBox div.d3{
top: 2.4em;
left: 3.7em;
width:4em;
text-align:left;
}

.statBox div.d5{
top: 3.75em;
left: 3.7em;
width:3em;
text-align:left;
}

.statBox div.d6{
top: 8.7em;
left: 10em;
width:6em;
}

.statBox div.d7{
top: 12.2em;
left: 0.3em;
width:15em;
}


.overall div.d2{
top: 1.55em;
left: 3.7em;
width:2em;
text-align:left;
}

.overall div.d3{
top: 2.7em;
left: 3.7em;
width:4em;
text-align:left;
}


.overall div.d5{
top: 3.77em;
left: 3.7em;
width:3em;
text-align:left;
}

.overall div.d6{
top: 8.7em;
left: 6.7em;
width:4em;
}

.overall div.d4{
top: 5.75em;
left: 2.05em;
width:4em;
}

.overall div.d7{
top: 12em;
left: 6.2em;
width:4em;
}




.overall2 div.d2{
top: 0.65em;
left: 3.7em;
width:2em;
text-align:left;
}

.overall2 div.d3{
top: 1.8em;
left: 3.7em;
width:4em;
text-align:left;
}


.overall2 div.d5{
top: 2.85em;
left: 3.7em;
width:3em;
text-align:left;
}

.overall2 div.d8{
top: 3.85em;
left: 3.7em;
width:3em;
text-align:left;
}


.overall2 div.d6{
top: 8.7em;
left: 6.7em;
width:4em;
}

.overall2 div.d4{
top: 5.75em;
left: 1.9em;
width:4em;
}

.overall2 div.d7{
top: 12em;
left: 6.2em;
width:4em;
}






.gmeStats span, .gmeStatsDemo span, .nowPge span, .nowBox span, .statBox span {
font-size:0.6em;
}

.gmeStats2 div.s1, .gmeStats2 div.s2, .gmeStats2 div.s3, .gmeStats2 div.s3d, .gmeStats2_na div.s1, .gmeStats2_na div.s2, .gmeStats2_na div.s3, .gmeStats2_na div.s3d , .gmeStats2PS3 div.s1, .gmeStats2PS3 div.s2, .gmeStats2PS3 div.s3{
position: absolute;
bottom:1.8em;
width:3em;
font-size:1.6em;
color:#C3CAD1;
}

.gmeStats2 div.s1, .gmeStats2PS3 div.s1{
left: 15.2em;
bottom:1.2em;
width:8em;
}

.gmeStats2 div.s2, .gmeStats2PS3 div.s2{
left: 13.5em;
bottom:0em;
width:8em;
}

.gmeStats2 div.s3, .gmeStats2PS3 div.s3{
left: 36.6em;
}

.gmeStats2 div.s3d{
left: 15em;
}

.gmeStats2_na div.s1{
left: 3.8em;
bottom:1.2em;
width:8em;
}

.gmeStats2_na div.s2{
left: 3.8em;
bottom:0em;
width:8em;
}

.gmeStats2_na div.s3{
left: 36.6em;
}

.gmeStats2_na div.s3d{
left: 15em;
}


.gmeInfo {
position:absolute;
margin:1.7em 0 0 23.8em;
z-index:10;
}

.gmeInfo ul.dt1 {
margin-top:5.5em;
}

.gmeInfo ul.dt2 {
margin:-1.7em 0 0 6.8em;
}

.gmeInfo ul.dt1 li {
line-height: 2.4em;
}

.gmeInfo ul.dt2 li {
line-height: 1.21em;
}

.gmeInfo li {
font-size:1.4em;
list-style-type:none;
color:#012742;
text-align:left;
}


.rbox {
width:16.9em;

float:left;
background-color:#01233C;
border-bottom: 3.7em #012E4E solid;
margin:0 0 1em 0.5em;
padding-bottom:1em;
color:#ffffff;
}

.rbox_sys {
width:16.9em;

float:left;


border-bottom: 3.7em #012E4E solid;
margin:0 0 1em 0.5em;

color:#ffffff;
}




.rbox .nano, .rbox_sys .nano {
height:55em;
}

.rbox .content, .rbox_sys .content {
padding-right: 0.5em;
}

.rbox_sys .content {
background:  url(../images/rboxBG.png) repeat-y;

}


.rbox img {
width:16.9em;
height:3.7em;
margin-bottom:1em;
}

.rbox_sys img {
width:16.9em;
height:3.7em;

}

.rbox h5, .rbox_sys h5 {
padding:0;
margin:0 0 0 0.5em;
font-weight:normal;
}

.rbox span, .rbox_sys span {  font-size:1.2em; line-height:1.1em; }

.rbox span.lf, .rbox_sys span.lf { margin-left:0.5em; }
.rbox h5, .rbox span, .rbox_sys h5, .rbox_sys span { color:#ffffff; }


.rbox span.l, .rbox_sys span.l{
float:left;
width:3em;
text-align:right;
}

.rbox span.r, .rbox_sys span.r {
float:right;
width:9em;
font-size:1.4em;
} 

.rbox span.r a, .rbox a, .rbox_sys span.r a, .rbox_sys a  {
color:#ffffff;
}

.rbox p, .rbox_sys p {
font-size:1.2em;
padding:0;
margin:0 0 0 0.5em;
}

.rbox li, .rbox_sys li {
line-height: 1.4em;
font-size:1.2em;
/*list-style-type:lower-roman;*/
}

#controls {
position:absolute;
z-index:20;
}


/* stats middle text end */


#comment {
width: 43em;
float:left;
margin:5.5em 0 0 1em;

}

#about {
width: 50em;
float:left;
margin:5.5em 2.5em 0 1em;
position:relative;
}



/* impression styles */
.snum {
font-size: 0.8em;
}

.gx_bx {

margin: 0.5em 0;
padding-bottom:0.5em;
}

.gx_bx p:first-letter {
font-size:1.4em;
}

.imp_title {
font-size:1.4em;
color:#012742;
width:100%;
margin:0 0 0.5em 0.5em;
}

.blog_imp {
font-size: 0.8em; 
padding-left:1.5em;
color:012742;
}

.blog_imp_s {
font-size: 0.7em; 
}

.comm {
position:absolute;
margin-left:31em;
}

.comm span {
font-size: 0.8em; 

}

.bcomment {
font-size: 1.3em;
}

a.itop {
text-align:right;
margin-left:50em;
font-size: 0.8em;
}

.scomment {
font-size: 1.3em;
margin-bottom:1.5em;

}

.s_posted {
font-size: 1.5em; 
border-bottom:1px solid #AFB8C1;
padding:0.3em 0 0.3em 0.3em;

}

.bh3 {
margin-left:0.8em;
}

.hid_com {
display:none;
}


.bbartitle {
width:66.9em;
height:37.1em;
}

.bbartitle span, .imp_title span { margin-left:5px; }

.bbcom {
font-size: 1.2em;
line-height: 1.4em;
margin-left:0.5em;
margin-top:1em;
padding-bottom:1em;

}

.blogt {
font-size: 1.8em;
}


.blog1{
font-size: 1.2em;
margin-left:0.5em;
}

.bl_bot A.link2 { color: #012742; }
/* impression styles end */




/* myGaming page */


div#myinfo {
width:75.1em;
height:22.8em;
color:#ffffff;
margin:38em 0 2em 0;
}

div#myinfo h2{
position:absolute;
left:0.8em;
margin-top:9em;
z-index:7;
font-size:2.2em;
font-weight:normal;
}

div#myinfo p {
position:absolute;
left:11em;
z-index:7;
font-size:1.5em;
font-weight:normal;
margin-top:0.3em;
color: #012742;
}

.myinfo_IMG {
width:75.1em;
height:22.8em;
}

.msquall_IMG {
float:left;
padding:0.5em 0.5em 0 0;
}


.sysBG_IMG {
width:101.5em;
height:55em;
position:absolute;
z-index:10;
top:0;
left:0;
-moz-border-radius: 0 10px 0 10px;
border-radius: 0 10px 0 10px;
}


#bnav {
position:absolute;
z-index:90;
bottom:-1em;
margin:0 0 0 48.5em;
font-size:0.9em;
}

#bnav p, #bnav p a {color:#ffffff;}