body{
background:url(../images/background.jpg) no-repeat top center #afc0c9;
font-family:tahoma, arial;
padding:0px;
margin:0px;
}

img{border:0px;}

p{color:#272b2d;
line-height:16px;
margin-top:8px;}

h1{
font-size:27px;
font-weight:bold;
margin:0px 0px 10px 0px;
line-height:30px;
color:#102D2F;
}

h1 .gray-text{
color:#6d7779;
}

h2{
color:#378086;
font-size:100%;
font-weight:bold;
margin:15px 0px 2px;
}

h3{
color:#102D2F;
font-size:90%;
margin:15px 0px 0px;
}

h4{
font-size:75%;
text-transform:uppercase;
font-weight:bold;
color:#728589;
margin:0px;
}

p, #middle-content li{font-size:75%}

a{
color:#f3920d;
text-decoration:none;
font-size:75%;
font-weight:bold;
}

p a, li a{font-size:100%;}


li{
line-height:16px;
}


#wrapper{
width:100%;
margin:0px;
padding:0px;
background:url(../images/nav-bg.jpg) repeat-x 0 0;
}

#container{
width:975px;
margin:0px auto;
z-index:2;
position:relative;
}

#logo{
margin:0px auto;
width:205px;
position:absolute;
top:0px;
left:377px;
z-index: 3;
}

#flash-container2{
position:absolute;
top:0px;
left:377px;
z-index: 2;
}

#content-bounds{
margin:75px auto 0px;
width:952px;
z-index:2;
margin-bottom:10px;
}

#top-content{
width:967px;
margin:0px auto 0px;
height:230px;
z-index:2;
}

#top-content #game-image, #top-content ul li img{
float:left; 
z-index:1; 
margin:10px 0px 0px 10px;
}

.img-rotate{
z-index:1;
}
.img-rotate img {  }
#top-content #frame{
float:left; 
z-index:4; 
position:absolute; 
top:137px; 
left:10px;
}

#top-content #flash-dev-diary{
position:absolute;
left:477px;
float:left;
margin:3px 0px 0px 10px;
}

#buttons{
margin:-10px 0px 10px 0px;
}

#buttons .back-button{
float:left; 
margin-left:10px;
}

#buttons .next-buttons{
float:right; 
margin-right:10px;
}

#main-content{
width:947px;
height:100%;
margin-left:3px;
background-color:#fff;
z-index:2;
}

#main-content-container{
width:956px;
margin:15px auto 0px;
z-index:2;
}

#main-content-wrapper{
background:url(../images/blue-shadow-bg.png) repeat-y;
width:955px;
padding-top:10px;
}

#middle-content, #middle-content-games{
float:left;
margin:0 0px 20px 20px;
}

#middle-content{
width:500px;
}

#middle-content-games{
width:720px;
}

#middle-right-content{
float:left;
margin:0 20px 20px;
width:700px;
}

#middle-content ul, #left-box ul{
list-style-image: url(../images/bullet.jpg);
padding-left:20px;
}



/* Left content*/

#left-content{
width:194px;
float:left;
height:100%;
}

.gray-nav{
background:url(../images/bottom-content-bg.jpg) repeat-y !important;
} 

#left-nav{
width:193px;
background-color:#dbe2e2;
float:left;
font-size:75%;
padding-bottom:30px;

}

#left-nav a{
font-weight:normal;
}

#left-nav ul{
list-style:none;
padding:0px;
margin:0px;
}

.left-nav-item-top-on, .top-item a:hover{
background:url(../images/left-nav-top-on.jpg) no-repeat !important;
font-weight:bold !important;
}

.left-nav-item-top{
background:url(../images/left-nav-top.jpg) no-repeat;
}

#left-nav ul li{
margin:0px;
}

.subitem-on, ul li .subnav a:hover{
background:#dee4e4 !important;
font-weight:bold !important;
}

.item-on, #left-nav ul li a:hover{
background:url(../images/left-nav-on.jpg) no-repeat;
font-weight:bold !important;
}


#left-nav ul li ul{
padding:0px;
margin:0px;
font-weight:normal;
margin:0px;
}

#left-nav ul li ul{
border-bottom:1px solid #9eabab;
}

#left-nav ul li ul li a{
padding:7px 0px 7px 35px;
margin:0px;
color:#375c5c;
display:block;
background-color:#cad4d5;
border:none;
}

#left-nav ul li ul .selected{
background-color:#fff;
}

#left-nav ul li a{
padding:7px 0px 7px 20px;
background-color:#bac7c8;
border-bottom:1px solid #9eabab;
display:block;
font-size:100%;
color:#192b2b;
}

#left-nav ul li ul li ul li{
padding:4px 4px 4px 14px;
color:#375c5c;
}

#browse-box{
width:193px;
}

#browse-box h2{
color:#000;
margin:0px;
font-size:84%;
padding:8px 0px 0px 10px;
}

#browse-box a{
font-size:100%;
color:#000;
font-weight:bold;
}

#browse-box-top select{
margin:11px 0px 0px 15px;
}

#browse-box select{
width:117px;
height:18px;
font-size:85%;
}

#browse-box-top{
background:url(../images/ourgames-left-top.jpg) no-repeat;
height:40px;
}

#browse-box-middle{
background:url(../images/ourgames-left-middle.jpg) no-repeat #f8c02f;
padding-bottom:15px;
}

#browse-box .option{
width:150px;
font-size:80%;
font-weight:bold;
}

#browse-box-middle select{
margin:9px 0px 0px 15px;
}

#browse-box-bottom{
background:url(../images/ourgames-left-bottom.jpg) no-repeat;
height:33px;
}

/*End Left content*/

#featured-game-content{
position:relative;
width:720px;
height:235px;
left:5px;
}

#featured-game-image{
margin-top:10px;
float:left;
}

/* img rotator */
.img-rotate { margin:0; padding:0; list-style:none; float:left; }
.img-rotate li, .img-rotate li img { }

#featured-game-frame{
z-index:3; 
position:absolute; 
top:0px; 
left:-10px;
float:left;
}

#featured-game-description{
background:url(../images/featured-game-right-bg.jpg) no-repeat #e5ebed 245px 0px;
width:255px;
height:224px;
float:left;
padding-top:5px;
margin-left:5px;
}

#featured-game-description h2{
font-size:90%;
margin:5px 0px 0px 23px;
color:#102d2f;
}

#featured-game-description p{
margin:10px 23px;
color:#31393b;
}

#games-content{
margin-top:45px;
width:661px;
}

.games-listing-item{
padding:10px 25px 0px 0px;
float:left;
height:295px;
}

.games-listing-item h2, .center .game-recommendation h2{
color:#102d2f;
margin:8px 0px 5px;
font-size:80%;
width:140px;
padding:0px !important;
}

#right-callout{
width:194px;
float:right;
height:318px;
}

#featured-callout{
background-color:#e5ebed;
height:200px;
position:relative;
margin-bottom:20px;
}

#featured-callout-content{
float:left;
margin:0px 10px 0px 15px;
width:80px;
font-size:90%;
}

#featured-callout p, #featured-callout a{
float:left;
}

#featured-callout p{
color:#5c6f73;
}

/*game inner page*/
#info-bar{
height:43px;
margin-top:20px;
padding:0px;
position:relative;
background:url(../images/info-bar-bg.jpg) no-repeat;
}

#info-bar-container{
background-color:#f3f6f7;
margin:0px 0px 0px 8px;
height:41px;
width:937px;
}

#info-bar .info-item,  #info-bar .info-item-platform{
float:left;
height:35px;
margin:5px 0px;
padding:0px 5px;
border-right: 1px solid #daddde;
text-align:center;
}

.info-item{
width:100px;
}

.info-item-platform{
width:140px;
}

.info-item-platform img{
margin:0px 2px 0px;
display:inline;
}

#info-bar .rating img{
float:right;
margin-top:-25px;
}

.info-item p{
margin:0px;
text-transform:uppercase;
color:#404142;
font-size:11px;
}

#info-bar .share{
border-right:0px;
text-align:left;
width:200px;
margin:8px 0px 0px 10px;
}

#info-bar .share img{
margin:0px 2px;
}

#info-bar .share h3{
line-height:7px;
margin-right:3px;
margin-top:10px;
}

.info-item h3, .info-item-platform h3{
color:#707d83;
display:inline;
font-size:11px;
text-transform:uppercase;
margin-top:5px;
}

.info-item-platform p{
margin-top:-5px;
padding:0px;
}

.info-item-platform br{
height:1px;
}

#games-bottom{
margin:20px 0px 0px;
height:100%;
overflow:hidden;
}

#left-box{
width:472px;
min-height:228px;
float:left;
position:relative;
}

#left-box .header{
padding-top:15px;
}

#left-box .header h1{
display:inline;
color:#272B2D;
font-size:115%;
}

.no-reviews h1{
font-size:115%;
}

#left-box .content{
padding:0px 15px 5px 15px;
margin-top:-6px;
}

#left-box .content p, #left-box .content li{
font-size:13px;
margin-top:0px;
}

#left-box #game-description .header{
background:url(../images/description-header.png) no-repeat;
height:75px;
}

#left-box #game-description .no-reviews{
background:transparent url(../images/description-header-noreviews.png) no-repeat scroll 0 0;
height:90px;
}

#left-box #game-description .content, #left-box #reviews .content{
width:445px;
margin-left:-1px;
}

#left-box #game-description .content{
background:url(../images/game-content-bg.png) repeat-y;
min-height:192px;
}


#review-link, #close-link {
height:70px;
right:0px;
position:absolute;
top:0px;
width:60px;
z-index:5;
}

#left-box #reviews{

display:none;
}

#left-box #reviews .header{
background:url(../images/reviews-header.png) no-repeat;
height:90px;
}

#left-box #reviews .content p{
color:#fff;
}

#left-box #reviews .content{
background:url(../images/reviews-bg.png) repeat-y;
margin-top:-15px;
min-height:185px;
}

#left-box #reviews .bottom{
background:url(../images/reviews-bottom.png) no-repeat;
height:12px;
}

#left-box h1{
padding:15px;
}

#reviews h1{
color:#ffcb1b !important;
}


#right-box{
float:left;
width:471px;
margin-left:8px;
}

#right-box-content{
background:url(../images/game-content-bg.png) repeat-y;
height:265px;
margin-left:-1px;
padding-bottom:5px;
}


#right-box-content .center{
margin:0px auto;
width:380px;
}


#right-box-content .center img{
margin-right: 10px;
}

#right-box-content h2{
padding:10px 15px 15px;
margin:0px;
}

#right-box-content .game-recommendation{
float:left; 
padding:5px;
width:180px;
}

#right-box-content .game-recommendation h2{
text-align:left;
margin-top:152px;

}

.game-recommendation a{
float:left;
text-align:left;
}

.games-bottom{
background:url(../images/main-content-bottom.png) no-repeat;
width:952px;
 height:15px;
 }
/**/

/*About*/
.bio-photo{
float:left; 
margin:0px 10px 10px 0px;
}

/*Press*/

.press-release{
border-bottom:1px solid #d6d6d6;
clear: both;
}

.press-release h2 img{
float:left;
margin-right:5px;
}
.press-release p img{
float:left;
margin: 0 10px 3px 0;
border: 1px solid #F3920D;
}

/*Nav*/

#nav-container{
margin:0px auto;
width:975px;
height:60px;
}


#nav{
background:url(../images/sprite-nav.png) no-repeat;
position: absolute;
top:0px;
left:0px;
height:50px;
width:972px;
}

#nav li {
	position: absolute;
	top: 0px;
	list-style-type: none;
	height: 50px;
}

#nav a {
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#nav li, #nav a {
	display: block;
}

#nav-games {
	left: 0px;
	width: 121px;
}

#nav-company {
	left: 121px;
	width: 126px;
}

#nav-technology {
	left: 247px;
	width: 165px;
}

#nav-careers {
	left: 560px;
	width: 133px;
}

#nav-contact {
	left: 693px;
	width: 127px;
}

#nav-press {
	left: 820px;
	width: 163px;
}


#nav li a:hover, #nav li a.active {
	background-image:url(../images/sprite-nav.png);
	background-repeat:no-repeat;
}

#nav-games a:hover, #nav-games a.active {
	background-position:0 -51px;
}

#nav-company a:hover, #nav-company a.active {
	background-position:-121px -51px;
}

#nav-technology a:hover, #nav-technology a.active {
	background-position:-247px -51px;
}


#nav-careers a:hover, #nav-careers a.active {
	background-position:-560px -51px;
}

#nav-contact a:hover, #nav-contact a.active {
	background-position:-693px -51px;
}

#nav-press a:hover, #nav-press a.active {
	background-position:-820px -51px;
}


/**/

/*background flash*/
#flash-container{
width:100%;
margin:0px auto;
height:500px;
position:absolute;
top:260px;
z-index:-1;

}
/**/

.hidden {
display:none;
}

/**This corrects the weird spacing in MySpace's "post this" code**/
.myspace-form{

margin-left:192px; margin-top:-18px;
}