body {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    background: #62d2ff;
    color:#014ea7;
    text-align: center; /* Centers the container */
    margin: 0;
    padding: 0;
	font-weight:500;
}

a  {
   text-decoration: none;
   color: #0172f4;
   border:none;
   font-weight:700;
}

a:hover {
	text-decoration:underline;
}

img {
border:none;
}

h1 {
font:18px Verdana;
color: #00A4E6;
text-align:left;
}

h2 {
font:14px Verdana;
color: #00A4E6;
text-align:left;
font-weight:800;
}

form {
font:12px Verdana;
color: #00A4E6;
text-align:left;
font-weight:800;
}

input {
	background-color:#FFCC66;
	outline-style:none; 
	color: #00A4E6; 
	width: 25em;
	font-weight: 600;
	font-size:12px;
	border: 2px outset #FFCC00; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* container styles */

#wrapper {
    width: 1166px; 
    margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
    background: #62d2ff;
    text-align: left;
    border: 0px;

}

#header, #column1, #column2, #column3, #column4 ,#footer{
    padding: 0px;  
}

#backdrop {
	background-image: url(/images/backdrop.png);
	background-repeat:no-repeat;
	height:900px;
	background-color: #62d2ff;
    margin: 0;
    padding: 0;
}

#section1 {
    background-color:#FFFFFF;
    width: 980px;
	overflow:hidden;
	left:93px;
	top: -722px;
	position:relative;
}

    #column1 {
	    float: left; /* Sets this column to the left inside its section */
        width: 210px;
		min-height:631px;
		padding-bottom:10000px;
		margin-bottom:-10000px;
    }

    #column2 {
        float: right; /* Sets this column to the right inside its section*/
        background-color: #FFFFFF;
        width: 760px;
		padding-bottom:10000px;
		padding-right: 5px;
		margin-bottom:-10000px;    }

#footer {
	background-color:#FFFFFF;
	margin-left:0px;
	clear: both;
	width: 980px;
	height: 55px;
}

/* front page style for center section */
#frontPage {
    background-color:#FFFFFF;
    width: 980px;
	overflow:hidden;
	left:93px;
	top: -722px;
	position:relative;
	text-align:center;
}

/* Styles for header section */
#logobutton a:hover  {
   background-position: -388px 0%;
}

#logobutton a  {
   background: url(../images/logobutton.png) no-repeat 0% 0px;
   display: block;
   height: 112px;
   width: 388px;
   font-size: 112px;
   line-height: 112px;
}

#logobutton  {
   visibility: visible;
   position: relative;
   left: 399px;
   top: 22px;
   z-index: 4;
   width: 388px;
   height: 112px;
}

#twitterbutton a:hover  {
   background-position: -30px 0%;
}

#twitterbutton a  {
   background-image: url(../images/twitterbutton.png);
   display: block;
   height: 30px;
   width: 30px;
   font-size: 30px;
   line-height: 30px;
}

#twitterbutton  {
   visibility: visible;
   position: relative;
   left: 871px;
   top: -73px;
   z-index: 5;
   width: 30px;
   height: 30px;
}

#facebookbutton a:hover  {
   background-position: -31px 0%;
}

#facebookbutton a  {
   background-image: url(../images/facebookbutton.png);
   display: block;
   height: 30px;
   width: 31px;
   font-size: 30px;
   line-height: 30px;
}

#facebookbutton  {
   visibility: visible;
   position: relative;
   left: 908px;
   top: -103px;
   z-index: 4;
   width: 31px;
   height: 30px;
}

#youtubebutton a:hover {
   background-position: -30px 0%;
}

#youtubebutton a  {
   background-image: url(../images/youtubebutton.png);   
   display: block;
   height: 30px;
   width: 30px;
   font-size: 30px;
   line-height: 30px;
}

#youtubebutton  {
   visibility: visible;
   position: relative;
   left: 946px;
   top: -133px;
   z-index: 5;
   width: 30px;
   height: 30px;
}

/* styles for top nav bar */
#topNavBar {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    height:37px;
	position:relative;
	top:-76px;
	text-align:center;
	left: 350px;
}
#topNavList li {
    list-style:none;
    display:inline;
}
#topNavList a {
    width:81px;
    color:#fff;
    text-decoration:none;
    background:url("/images/navListTop.png") no-repeat;
    float:left;
    padding-top:10px;
	padding-bottom:10px;
    margin:0px;
}
#topNavList a:hover { 
    background-position:0 -37px;
    color:#fff;
}
#topNavList a:active {
    background-position:0 -74px;
    color:#fff;
}

/* Styles for side nav bar */
#navMenu {
	position:relative;
	left: 5px;
	top: 5px;
}

#navList1, 
#navList2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    list-style:none;
	top: 45px;
	width:204px; /* background + border to let top border cover */
}

#navList1 {
	border-color:#62d2ff;
	border-width:2px;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: solid;
	text-indent: 5px;
}

#navList2 {
	text-indent: 25px;
}

#navMenu ul {
margin:0;
padding:0;
}

#navList1 a,
#navList2 a {
	display:block;
	width:200px;
	color:#62d2ff;
	text-decoration:none;
	background:url("/images/navList.png") no-repeat;
	padding:8px 0px 0px 0px;
	height:23px;  /*act height of 31 - top padding */
	border-color:#62d2ff;
	border-width:2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: none;
}

#navList1 a:hover,
#navList2 a:hover  { 
    background-position:0 -31px;
    color: #ffffff;
}
#navList1 a:active,
#navList2 a:active {
    background-position:0 -62px;
    color:#ffffff;
}

/* App Store button */

#appStoreButton a  {
   background: url(/games/media/appStoreButton.png) no-repeat 0% 0px;
   display: block;
   height: 60px;
   width: 183px;
   font-size: 60px;
   line-height: 60px;
}

#appStoreButton  {
   visibility: visible;
   position: relative;
   left: 13px;  /*width of col 210 - width 183 / 2  */
   padding-top: 40px;
   z-index: 3;
   width: 183px;
   height: 60px;
}

/* Movie buttons, s be in games.css, only used in games pages? */
#movieButtons a,
#movieButtons img {
   display: block;
   border:none;
}

#movieButtons  {
   visibility: visible;
   position: relative;
   left: 12px;  /*width of col 210 - width 186 / 2  */
   padding-top: 40px;
   z-index: 3;
   width: 186px;
   height: 126px;
}

/* Ad style for sidebar */
#adDiv p {
	font-weight:800;
	font-size:10px;
	text-align:center;
	padding-top:40px;	
}

#adDiv img {
	padding-bottom:10px;	
	padding-top:10px;
}

#adDiv {
	text-align:center;
}

/* Forum style for main column */
#forums {
	width:750px;
	height:1200px;
	text-align:center;
	padding-top:5px;
}


/* Footer Styles */
#termsButton a,
#policyButton a,
#leviathanButton a,
#squiddleText,
#rightsText  {
   font: 11px Verdana;
   text-align: left;
   display:block;
   visibility: visible;
   position: relative;
   padding-top: 20px;
   z-index: 3;
}

#termsButton a {
	padding-left: 20px;
	width: 150px;
}

#policyButton a {
	left: 340px; 
	top: -33px;
	width: 90px;
}


#squiddleText {
   left: 600px;
   top: -66px;
   width: 120px;
}

#leviathanButton a {
   left: 710px;
   top: -99px;
   width: 130px;
}

#rightsText {
   left: 845px;
   top: -132px;
   width: 140px;
}

/* styles specific to games pages */
#gameTitles h1{
	position: relative;
	text-align:center;
}

#screenshots img.iPhone {

   visibility: visible;
   position: relative;
   left: 160px;
   top: 10px;
   z-index: 3;
   width: 431px;
   height: 305px;
}

#screenshots img.largeScreen {

   visibility: visible;
   position: relative;
   left: -203px;
   top: -82px;
   z-index: 4;
}

#screenshotsVert img.iPhone {

   visibility: visible;
   position: relative;
   left: 255px;
   top: 10px;
   z-index: 3;
   width: 242px;
   height: 514px;
}

#screenshotsVert img.largeScreen {

   visibility: visible;
   position: relative;
   left: 32px;
   top: -130px;
   z-index: 4;
}

#screenThumbs img
  {
  padding:10px;
  border: none;
}

#screenThumbs {
	visibility: visible;
	margin-top: 0px;
	margin-left: 0px;
	position:relative;
	top: -20px;
	z-index: 4;
}

#screenThumbsVert img
  {
  padding:10px;
  border: none;
}

#screenThumbsVert {
	visibility: visible;
	margin-top: 0px;
	margin-left: 0px;
	position:relative;
	top: -540px;
	left: 100px;
	z-index: 4;
	width: 75px;
}

#gamePagesTextVert {
	visibility: visible;
	position:relative;
	top: -540px;
	z-index: 4;
}


#comingSoon {
background-repeat:no-repeat;
background-image:url(/images/comingSoonDiag.png);
	visibility: visible;
	position: absolute;
	left: 692px;
	z-index: 5;
	top: 32px;
	width:291px;
	height:229px;
}

#playSneakPeek a {
background-repeat:no-repeat;
background-image:url(/images/sneakPeekDiag.png);
	visibility: visible;
	position: absolute;
	left: 217px;
	z-index: 5;
	top: 37px;
	width:283px;
	height:218px;
}