@charset "utf-8";
html, body {
	height: 1200px;
	font: 100% Helvetica, Arial, Verdana, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	font-size: 13px;
	line-height: 1.25em;
}
h1 {
	font-family:tahoma, geneva, sans-serif;
	font-size:34px;
	font-weight:bold;
	text-align:left;
}
h3 {
	color:#bd2026;
}
a[href] {color:#0000ff; text-decoration:underline;}
a[href]:hover {color:#0066ff; cursor:pointer; text-decoration:none;}
a[href]:visited {color:#800080; text-decoration:underline;}
a[href] * {text-decoration:underline;}

/*Main Div Containers*/
.page {
	background-image: url(/assets/images/bg.jpg);
	background-position:center top;
	background-repeat: repeat-x;
}
#container {
	background-position:center top;
	background-color:#FFF;
	height: 1165px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	top: 17px;
	width: 980px;
}
#header {
	height: 186px;
	width: 100%;
	top:0;
}
#header-logo {
	left:30px;
	position:absolute;
	top:16px;
	z-index:101;
}
#maincontent {
	text-align:left;
	width:980px;
}
#body_content {
    left: 403px;
    position: absolute;
    top: 68px;
    width: 465px;
}
#body_content h1 {
	color:#000;
	text-align:left;
	padding-top:4px;
}
#body_content h2 {
	color:#e0e0e0;
	font-family:tahoma, geneva, sans-serif;
	font-size:51px;
	font-weight:normal;
	line-height:1.3em;
	position:relative;
	text-align:left;
}
#body_content_layout2 {
    left: 30px;
    position: absolute;
    top: 80px;
    width: 920px;
}
#body_content_layout2 h1 {
	color:#000;
	text-align:left;
	padding-top:4px;
}
#body_content_layout2 h2 {
	color:#e0e0e0;
	font-family:tahoma, geneva, sans-serif;
	font-size:51px;
	font-weight:normal;
	line-height:1.3em;
	position:relative;
	text-align:left;
}
#black-bg-welcome {
    margin: 157px 0px 0px 301px;
    position: absolute;
    width: 680px;
	right:0;
	line-height:1.4em;
}

#welcome {
	color:#ffffff;
	left:-49px;
	position:relative;
	width:560px;
	z-index:5;
	line-height:1.4em;
}
#welcome_text {
	color:#ffffff;
	background-color: #000000;
    padding: 60px 40px;
    position: absolute;
	right:0;
	width:88%;
}
#welcome p {
	margin:8px 0;
}
#welcome_text h2 {
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	font-weight:bold;
	margin:15px 0;
}
#welcome_text span {
	color:#c0c0c0;
}
#welcome_text .welcomesig_text {
	bottom:12px;
	color:#000;
	padding-right:34px;
	right:0;
	margin-top:42px;
}
#welcome_sig {
	background:url("/assets/images/welcome_sig.png") no-repeat;
	height:39px;
	margin-top:14px;
	position:relative;
	width:119px;
	padding-bottom:5px;
}
#tony_sig {
	background-image:url("/assets/images/tony_sig.png");
	height:34px;
	margin-top:14px;
	position:relative;
	width:208px;
}
#iprotonlogo_sml {
	height:112px;
	left:29px;
	position:absolute;
	top:-16px;
	width:234px;
	z-index:2;
}
#iprotonlogo_lrg {
	height:141px;
	left:81px;
	position:relative;
	width:297px;
	top:-14px;
}
#iproton_onsalenow {
	background-image:url("/assets/images/iproton_bgimg.jpg");
	height:782px;
	left:-86px;
	position:relative;
	top:30px;
	width:645px;
	z-index:1;
}
#comingsoon {
    height: 140px;
    left: 350px;
    position: absolute;
    top: 16px;
    width: 404px;
    z-index: 1;
}
#game-title-logo {
    height: 88px;
    padding-left: 48px;
    position: relative;
    top: 370px;
    width: 505px;
}
#game-header-graphic {
    height: 213px;
    padding-left: 88px;
    position: absolute;
    top: 109px;
    width: 245px;
}
#osl_rip_home {
    float: right;
    position: absolute;
    right: 2%;
    top: 157px;
}
#breakingnews {
    height: 124px;
    left: 38%;
    position: absolute;
    top: 80px;
    width: 371px;
}
#one-single-life {
    height: 61px;
    left: 35%;
    position: absolute;
    top: 246px;
    width: 332px;
}
#iphone_overlay {
	height:198px;
	left:59px;
	position:absolute;
	top:199px;
	width:366px;
	z-index:3;
}
#appstore_home {
	left: 44%;
    position: absolute;
    top: 318px;
}
#appstore_layout1 {
	height:50px;
	left:154px;
	position:relative;
	top:12px;
	width:144px;
}
#appstore_layout2 {
 	height: 50px;
    left: 360px;
    position: absolute;
    top: 258px;
    width: 144px;
}
#youtube-container {
	height:364px;
	left:3px;
	position:relative;
	width:445px;
	z-index:1000;
}
#youtube-container-left {
    height: 364px;
    padding-left: 66px;
    position: relative;
    top: 380px;
    width: 445px;
    z-index: 1000;
}
#onsalenow {
	height:101px;
	left:31px;
	position:relative;
	top:30px;
	width:391px;
}
#on-sale-now {
    height: 140px;
    left: 350px;
    position: absolute;
    top: 16px;
    width: 404px;
    z-index: 1;
}
#thumbnail_iphone {
	left:3px;
	padding:5px, 0px;
	position:relative;
	left:30px;
	width:208px;
	height:138px;
}
#thumbnails {
	left:3px;
	padding-top:50px;
	position:relative;
}
#thumbnails_vert {
    position: absolute;
    right: 3px;
    top: 123px;
}
#largetext_white {
	left:30px;
	position:absolute;
	top:364px;
	width:208px;
}
#largetext_white p {
	color:#FFF;
	font-family:tahoma, geneva, sans-serif;
	font-size:34px;
	font-weight:bold;
	line-height:1.3em;
	position:relative;
	text-align:left;
	margin: 10px 0;
}
#largetext_white h5 {
	color:#FFFFFF;
	font-family:tahoma, geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:auto;
	text-align:right;
}
#largetext_white span {
	color: #00BAFF;
}
#iphone_container {
    float: left;
    height: 618px;
    margin-top: 168px;
    padding: 21px 0;
    width: 258px;
}
#mediumtext_white {
    left: 30px;
    padding-top: 0;
    position: relative;
    width: 208px;
}
#mediumtext_white p {
	color:#FFF;
	font-family:tahoma, geneva, sans-serif;
	font-size:29px;
	font-weight:bold;
	line-height:1.2em;
	position:relative;
	text-align:left;
	margin: 10px 0;
}
#mediumtext_white h5 {
	color:#FFFFFF;
	font-family:tahoma, geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:1.2em;
	height:auto;
	text-align:right;
}
#mediumtext_white h1 {
	color:#FFFFFF;
	font-family:tahoma, geneva, sans-serif;
	font-size:29px;
	font-weight:bold;
	line-height:1.2em;
	position:relative;
	text-align:left;
	margin: 10px 0;
}
#mediumtext_white h2 {
	color:#be0000;
	font-family:tahoma, geneva, sans-serif;
	font-size:29px;
	font-weight:bold;
	position:relative;
	text-align:left;
	margin: 10px 0;
}
#mediumtext_white span {
	color: #00BAFF;
}
#quote_btmpage {
	left:30px;
	position:absolute;
	bottom:26px;
	width:920px;
}
#quote_btmpage p {
	color:#FFF;
	font-family:tahoma, geneva, sans-serif;
	font-size:34px;
	font-weight:bold;
	line-height:1.3em;
	position:relative;
	text-align:center;
	margin: 10px 0;
}
#quote_btmpage h5 {
	color:#FFFFFF;
	font-family:tahoma, geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:auto;
	text-align:right;
}
#quote_btmpage span {
	color: #BE0000;
}
#tabletext_body {
	padding-right:20px;
	position:absolute;
	top:192px;
	left:352px;
	width:380px;
}
#tabletext_body h2 {
	font-family:tahoma, geneva, sans-serif;
	font-size:34px;
	font-weight:bold;
	text-align:left;
	margin:10px 0 25px 0;
}
#contactus_graphic {
	background-image:url("/assets/images/contactus_pane.png");
	height:632px;
	left:414px;
	position:absolute;
	top:100px;
	width:330px;
}
#contactus_graphictext {
	left:20px;
	position:relative;
	top:0px;
	width:330px;
}
/*Nav Button Positioning*/
#home_ {
	float:left;
	top:0;
	width:116px;
	height:31px;
}
#ourgames_ {
	float:left;
	top:0;
	width:115px;
	height:31px;
}
#jobs_ {
	float:left;
	top:0;
	width:115px;
	height:31px;
}
#contactus_ {
	float:left;
	top:0;
	width:115px;
	height:31px;
}

/*Nav Button States*/

/*Home Button*/
#navbtn_home {
  display: block;
  width: 116px;
  height: 31px;
  background: url("/assets/images/btn_home.png") no-repeat 0 0;
}
#navbtn_home:hover { 
  background-position: 0 -31px;
}
#navbtn_home span {
  display: none;
}
/*Our Games Button*/
#navbtn_ourgames {
  display: block;
  width: 115px;
  height: 31px;
  background: url("/assets/images/btn_ourgames.png") no-repeat 0 0;
}
#navbtn_ourgames:hover { 
  background-position: 0 -31px;
}
#navbtn_ourgames span {
  display: none;
}
/*Jobs Button*/
#navbtn_jobs {
  display: block;
  width: 115px;
  height: 31px;
  background: url("/assets/images/btn_jobs.png") no-repeat 0 0;
}
#navbtn_jobs:hover { 
  background-position: 0 -31px;
}
#navbtn_jobs span {
  display: none;
}
/*Contact Us Button*/
#navbtn_contactus {
  display: block;
  width: 115px;
  height: 31px;
  background: url("/assets/images/btn_contactus.png") no-repeat 0 0;
}
#navbtn_contactus:hover { 
  background-position: 0 -31px;
}
#navbtn_contactus span {
  display: none;
}
#footer {
    bottom: 1px;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    text-align: right;
    width: 980px;
}
#footer div {
	bottom:4px;
	left:0;
	position:absolute;
	text-align:center;
	width:100%;
}
#footer ul {
	margin:0;
}
#footer li {
	left: 0;
	display:inline;
	font:0.9em arial,sans-serif;
	width: 940px;
	padding:0 30px;
	color: #000;
}
#footer
a:link {color:#000; text-decoration:none;}      /* unvisited link */
a:visited {color:#000; text-decoration:none;}  /* visited link */
a:hover {color:#666666; text-decoration:none;}  /* mouse over link */
a:active {color:#000; text-decoration:none;}  /* selected link */
#footer_whiteonblack {
    bottom: 1px;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    text-align: right;
    width: 980px;
}
#footer_whiteonblack div {
	bottom:4px;
	left:0;
	position:absolute;
	text-align:center;
	width:100%;
}
#footer_whiteonblack ul {
	margin:0;
}
#footer_whiteonblack li {
	left: 0;
	display:inline;
	font:0.9em arial,sans-serif;
	width: 940px;
	padding:0 30px;
	color: #FFF;
}
#footer_whiteonblack
a:link {color:#FFF; text-decoration:none;}      /* unvisited link */
a:visited {color:#FFF; text-decoration:none;}  /* visited link */
a:hover {color:#666666; text-decoration:none;}  /* mouse over link */
a:active {color:#FFF; text-decoration:none;}  /* selected link */