/*****************************************************************************
* Copyright © 2010 Gameloft Romania.
*
* Header style
* v1.0
*
* Description:
* General styles used in header.
*
* Author: Bogdan Amartisoaie <bogdan.amartisoaie@gameloft.com>
* Last modifications: Friday, February 26, 2010
*
* History:
* 1.0 - creation of the file
*****************************************************************************/

/***************************************************************************** iPhone elements */
body{
	overflow-x: hidden;
	background: #313131;
}

.framebox {
	position: relative;
	top: 5px;
	
	
	width: 832px;
	
	margin: 0 auto;
	text-align: left;
	
	z-index: 3;
}

.header_container{
	position: relative;
	overflow: hidden;
	top: 19px;
	right: 0px;
	height: 280px;
}

.logo_container{
	position: relative;
	top: 12px;
}

.frame_top_left {
	float: left;
	top: 0px;
	
	padding: 0px;
	bottom: 0px;
	margin: 0px;
	
	height: 178px;
	width: 102px;
	
	background: url('../images/iphone/top_left.png') no-repeat 0 0;
	
	z-index: 2;
}

.frame_top_right {
	float: left;
	
	padding: 0px;
	bottom: 0px;
	margin: 0px;

	height: 178px;
	width: 101px;
	
	background: url('../images/iphone/top_right.png') no-repeat 0 0;
	
	z-index: 2;
}

.frame_top {
	float: left;
	top: 0px;
	
	width: 631px;
	height: 25px;
	
	margin-left: -2px;
	
	background: url('../images/iphone/top.png') repeat-x 0 0;
	
	z-index: 2;
}

.frame_top_left_left{
	float: left;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	
	width: 23px;
	
	height: 40px;

	
	margin-bottom:-32767px;
	padding-bottom:32767px;
	
	background: url('../images/iphone/left.png') repeat-y 0 0;
	
	z-index: 2;
}

.frame_top_right_right{
	float: right;
	top: 0px;
	bottom: 0px;
	
	width: 23px;
	
	height: 40px;
	
	margin-bottom:-32767px;
	padding-bottom:32767px;

	background: url('../images/iphone/right.png') repeat-y 0 0;
	
	z-index: 2;
}

.frame_bottom_left {
	float: left;
	margin-top: -210px;
	margin-left: -11px;
	
	z-index: 2;
}

.frame_bottom_right {
	float: right;
	margin-top: -210px;
	margin-right: -10px;
	
	z-index: 2;
}

.frame_bottom {
	float: left;
	margin-top: 71px;
	
	width: 628px;
	height: 19px;
	
	background: url('../images/iphone/bottom.png') repeat-x 0 0;
	
	z-index: 2;
}

/***************************************************************************** MORE GAMES */

.gameloft_games {
	position: absolute;	
	top: 18px;
	left: 671px;
}

.gameloft_games img {
	border: 0;
}


.more_games {
	position: absolute;	
	left: 0;
	top: 0;
	margin-top: 90px;
	margin-left: 722px;
}

.more_games a.more {
	text-decoration: none;
	color: #5797e1;
	text-align: right;
}

.more_games a.more:hover {
	text-decoration: underline;
}

/***************************************************************************** FLASH PRESENTATION */

.flash_bg {
	position: absolute;
	left: 55px;
	top: 85px;
	width: 722px;
	height: 184px;
	margin-top: 0px;
	margin-left: 0px;
	
	border: 1px solid #666666;
	padding: 0px;
	
	/*background: url('../images/flash_bg.png') repeat-y 0 0;*/
	background: transparent 0 0;
}

.flash_bg img {
	display: block;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
}

.flash_cont {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 722px;
	height: 184px;
	margin-top: 0px;
	margin-left: 0px;
	
	border: 0px solid #666666;
	padding: 0px;
	
	background: transparent 0 0;
}

.flash_cont img {
	display: block;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
}

.flash_cont_dummy {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 722px;
	height: 184px;
	margin-top: 0px;
	margin-left: 0px;
	
	display: none;
	
	border: 0px solid #666666;
	padding: 0px;
	
	background: transparent 0 0;
}

.flash_cont img {
	display: block;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
/***************************************************************************** BODY */

.body_bg {
	position: relative;
	margin-top: 0px;
	top: 19px;
	
	overflow: hidden;
	
	z-index: 8;
}

.body_loader_block{
	display: none;
}

.generic_body_container{
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 786px;
	
	background: url('../images/body_bg.jpg') repeat-y 0 0;
}