@charset "UTF-8";
@import "reset.css";

/* geral */
html {
	height:100%;
}
body {
	background:#321500 url(../imgs/layout/background.jpg) top center no-repeat;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#836859;
	min-width:1020px;
}


/* wrap */
#wrap {
	width:920px;
	margin:0 auto;
	position:relative;
}


/* header */
#header {
	height:516px;
	border-bottom:1px solid #603114;
	margin:0 0 25px 0;
}
#header h1 {
	width:543px;
	height:239px;
	background:url(../imgs/layout/logo.png);
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:23px;
	left:215px;
	z-index:2;
}
#header #iphone {
	width:803px;
	height:384px;
	background:url(../imgs/layout/iphone.png);
	position:absolute;
	top:110px;
	left:-50px;
}
#header #iphone img {
	position:absolute;
	top:57px;
	left:176px;
}
#header a#play_video {
	display:block;
	width:366px;
	height:246px;
	background:url(../imgs/layout/play_button_normal.png) center center no-repeat;
	position:absolute;
	top:167px;
	left:127px;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
}
#header a#play_video:hover {
	background-image:url(../imgs/layout/play_button_over.png);
}
#header h2 {
	display:block;
	width:233px;
	height:29px;
	background:url(../imgs/layout/title_control_the_ball.png);
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:220px;
	left:690px;
}
#header p.description {
	display:block;
	width:239px;
	height:149px;
	background:url(../imgs/layout/text_control_the_ball.png);
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:255px;
	left:690px;
}
#header a.appstore {
	display:block;
	width:166px;
	height:55px;
	background:url(../imgs/layout/logo_appstore.png);
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:430px;
	left:715px;
}


/* content */
#content #screenshots {
	width:885px;
	margin:0 auto;
	position:relative;
	left:25px;
	margin:0 0 20px 0;
}
#content #screenshots h3 {
	display:block;
	width:125px;
	height:21px;
	background:url(../imgs/layout/title_screenshots.png);
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 14px 0;
}
#content #instructions {
	background:url(../imgs/layout/background_instructions.png) repeat-y;
	width:1010px;
	height:200px;
	padding:50px 0 20px 24px;
}
#content #instructions .column {
	display:block;
	width:210px;
	float:left;
	margin:0 120px 0 0;
	line-height:20px;
}
#content #instructions h3 {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 12px 0;
}
#content #instructions #wildball h3 {
	width:106px;
	height:22px;
	background:url(../imgs/layout/title_wild_ball.png);
}
#content #instructions #gamefeatures h3 {
	width:150px;
	height:21px;
	background:url(../imgs/layout/title_game_features.png);
}
#content #instructions #gamefeatures ul li {
	display:block;
	padding-left:15px;
	background:url(../imgs/layout/bullet.png) no-repeat 3px center;
	margin:0 0 4px 0;
}
#content #instructions #dontmiss h3 {
	width:125px;
	height:22px;
	background:url(../imgs/layout/title_dont_miss.png);
	margin-right:0;
}
#content #instructions #dontmiss img {
	display:block;
	margin:15px auto 0;
}

/* footer */
#footer {
	position:relative;
	width:100%;
	height:80px;
	background:url(../imgs/layout/background_footer.png);
	margin-top:30px;
}
#footer .content {
	margin:0 auto;
	width:920px;
	height:80px;
	position:relative;
}
#footer .content p {
	display:block;
	width:98px;
	height:14px;
	background:url(../imgs/layout/title_all_rights_reserved.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:33px;
	left:20px;
}
#footer .content a {
	display:block;
	width:119px;
	height:64px;
	background:url(../imgs/layout/logo_aquiris.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:-5px;
	left:775px;
}