*{
	padding:0;
	margin:0;
	outline:none;
}
html{
	font: 12px/18px Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background:#000 url(img/bg.jpg) top center fixed;
}
.clear{
	clear:both;
}

#demotip { 
    display:none; 
    background:transparent url(img/black_arrow_big.png); 
	font-size:13px;
	line-height:160%;
    height:156px; 
    width:310px; 
    padding:30px; 
    color:#fff;     
}

#site{
	width:1215px;
	margin:0 auto;
	margin-top:0px;
	background:url(img/site_bg.png) top center no-repeat;
}
#site-s{
	width:1215px;
	margin:0 auto;
	margin-top:0px;
}
.logo{
margin-bottom:20px;	
}
#c1{
	float:left;
	width:367px;
	padding-left:50px;
	padding-top:120px;
}
.note1{
	margin-left:70px;
	float:left;
}
.note2{
	margin-left:10px;
	float:left;
}
.note3{
	margin-left:125px;
	float:left;
}
.note_icon{
	float:left;
	width:20px;
}
.note_text{
	width:310px;
	float:left;
	padding-left:10px;
	padding-top:5px;
}
.note2 .note_text{
	width:300px;
	float:left;
	padding-left:10px;
	padding-top:5px;
}
.note_text h1{
	font-size:11px !important;
	color:#FFF;
}
.note_text p{
	font-size:11px;
	color:#FFF;
	line-height:160%;
}
#c2{
	float:left;
	width:395px;
	margin-top:10px;
	min-height:300px;
	margin-right:40px;

}
#c2 a, #c3 a{
	color:#F39;
	font-weight:bold;
	text-decoration:none;
}
#c2 a:hover, #c3 a:hover{
	text-decoration:underline;
}
.content{
	width:320px;
}
.content h1{
	font-size:15px;
	color:#FFF;
	line-height:160%;
	padding-bottom:20px;
	font-weight:normal;
}
.content p, #c3 p{
	color:#FFF;
	font-size:13px;
	line-height:160%;
}
.mode_icons{
	margin-top:50px;
}
#c2 li{
	float:left;
	margin-right:20px;
	list-style-type:none;
}
.score{
}
#c3{
	float:left;
	width:310px;
	padding-top:70px;
}
.support{
	width:205px;
	margin:0 auto;
	padding-left:10px;
	margin-top:20px;
}
.appstore{
	margin-top:0px;
	padding:20px;
	padding-top:0px;
	margin-left:30px;
}
.display{
	background:url(img/display.png);
	height:249px;
	width:265px;
	margin:0 auto;
}

.spot{
	margin-bottom:20px;
}

div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
	left:50px;
    width:265px; 
    height:78px;
	float:left;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    position:absolute; 
    /* this time we have very large space for the height */ 
    height:6000em; 
}
 
 
/* you may want to setup some decorations to active the item */ 

div.scrollable div.items a{
	color:#000 !important;
}



#actions {
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#F09;
}

#actions a:hover {
	text-decoration:none;
	color:#FFF;
}

.disabled {
	visibility:hidden;		
}
.prevPage{
	display:block;
	padding-top:55px;
	text-align:center;
	width:265px;
	padding-bottom:20px;
}
.nextPage {
	display:block;
	margin-top:100px;
	text-align:center;
	width:265px;
}	

.lmb{
	float:right;
	position:fixed;
	top:100px;
	right:0px;
}
#pre-foot{
	background:url(img/foot_bg.jpg) repeat-x;
	height:92px;
	padding-top:15px;
}
/* SCORES */
#info{
	width:350px;
	min-height:600px;
	float:left;
	margin-left:30px;
}
#scores{
	width:792px;
	margin:0 auto;
}
#score_head{
	height:30px;
	background:#000;
	padding-top:15px;
	padding-bottom:15px;
}
.mode1 , .mode2_a , .mode3{
	float:left;
	width:264px;
}
.mode1 img, .mode2_a img, .mode3 img{
	display:block;
	margin:0 auto;
}
.mode2{
	float:left;
	width:264px;
	background:#333;
	padding-bottom:40px;
}
.display_scores{
	background:#191919;
	min-height:500px;
	width:792px;
	padding-top:20px;
}

.score_cell{
	padding:30px 0px;
	height:40px;
	width:200px;
	border-bottom:1px solid #666;
	margin:0 auto;
}
.user{
	padding-top:15px;
	float:left;
	font-size:57px;
	color:#FFF;
}
.user p{
	padding-top:0px;
	padding-bottom:15px;
}
.data{
	margin-left:15px;
	float:right;
}
.points{
	text-align:center;
	font-size:25px;
	color:#FFF;
	padding-bottom:10px;
}
.lvl{
	text-align:center;
	font-size:15px;
	color:#FF3399;
}

.score_cell_n10{
	width:200px;
	margin:0 auto;
	padding-top:20px;
	margin-bottom:5px;
}
.user_n10{
	float:left;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	width:50px;
}
.points_n10{
	float:left;
	color:#FFF;	
	font-size:15px;
	width:90px;
	text-align:center;
}
.lvl_n10{
	text-align:center;
	float:left;
	font-size:11px;
	color:#FF3399;
	width:50px;
}
.appstore_score{
	width:230px;
	float:right;
	margin-top:30px;
	padding-top:50px;
	padding-right:10px;
}
.facebook{
	background:#F7F7F7;
	border:1px solid #666;
	width:190px;
}
.facebook_score{
	margin:0 auto;
	background:#F7F7F7;
	width:210px;
	float:left;
	margin-top:35px;
	margin-left:80px;
}
.advert{
	padding-top:10px;
	text-align:center;
}
.menu{
	text-align:center;
	padding:20px 0px;
}
#header{
	height:220px;
	background:#222;
	width:792px;
	margin:0 auto;
}
.simbo{
	float:left;
	padding-top:20px;
	padding-left:20px;
}
.title{
	float:left;
	padding-top:20px;
}
#facethmb{
	display:none;
	height:0px;
	width:0px;
}