* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	background: url(images/skin-fpo.jpg) top center no-repeat #000000;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 0.8em;
	color: white;
}

p2 {
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 0.8em;
	color: white;
}


a { color: #0099ff; font-weight: 600; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

h1 { font-size: 2.0em; margin-bottom: 0.2em; color: #FAC90A; }
h2 { font-size: 1.3em; color: white;}
h3 { font-size: 1.3em; text-align: left; margin-bottom: .2em; color: #FAC90A;}
h4 {font-size: 1em; text-align: left; color: #6e6e6c;}
h5 { font-size: 1.5em; text-align: left; margin-bottom: .2em; color: #FAC90A;}
h6 { font-size: 1.1em; line-height: 1.4em; margin-bottom: 0.8em; color: white; font-weight: 100;}
h7 { font-size: 2.0em; font-weight: bold; margin-bottom: 0.2em; color: #FAC90A; }
h8 { font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.8em; color: white;}

.link a {font-size: 1em; color: #0099ff; font-weight: 600; text-decoration: none;}

.scroll-pane 		{ width: 100%; overflow: auto; padding-right: 10px; height: 100%; }

.bottomshadow 		{ position: absolute; top: 375px; left: -47px; z-index: 9999; }

.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; }

.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;
						  background: url(images/atom-bar.jpg) top center repeat-y; padding: 3px;}

.jScrollPaneDrag	{ position: absolute; background: url(images/atom-ball.jpg) top center repeat-y;
					  cursor: pointer;  height: 100%; overflow: hidden;}


.clear { clear: both; }


.image {
	margin-bottom: 0.8em;
}

.mainimage {
	width: 550px;
	margin-bottom: 0.8em;
}
.news-image{
	margin-top: -.1em;
}

.game-left {
float: left;
height: 125px;
width: 85px;
padding-right: 10px;
padding-bottom: 10px;
}

.game-inset {
float: left;
height: 250px;
width: 85px;
padding-right: 20px;
padding-bottom: 20px;
}

.forum-left {
float: left;
height: 125px;
width: 125px;
padding-right: 10px;
padding-bottom: 10px;
}



div#page-wrap {
	width:900px;
	height: 749px;
	margin: 0 auto;
	margin-top: 50px;
	border: 2px solid #6c6c6e;
	background: url(images/main-bg.png) no-repeat 0px 142px;

	



}

div#nav {
	height: 140px;
	/* background: url(images/nav-bg.jpg) no-repeat; */
	list-style: none;
	overflow: hidden;
	border-bottom: 2px solid #6c6c6e;

	}
		
	div#main-content {
		padding-bottom: 50px;
		}
		#left-col {
			float: left;
			width: 560px;
			height: 530px;
			padding-top: 15px;
			padding-right: 15px;
			padding-bottom: 20px;
			padding-left: 20px;
			overflow: hidden;
			border-right: 2px solid #6c6c6e;

		}
		
			#about-left-col {
			float: left;
			width: 560px;
			height: 480px;
			padding-top: 65px;
			padding-right: 15px;
			padding-bottom: 20px;
			padding-left: 20px;
			overflow: hidden;
			border-right: 2px solid #6c6c6e;
			background: url(images/about-bg.png) no-repeat;

		}
		
			#jobs-left-col {
			float: left;
			width: 560px;
			height: 480px;
			padding-top: 65px;
			padding-right: 15px;
			padding-bottom: 20px;
			padding-left: 20px;
			overflow: hidden;
			border-right: 2px solid #6c6c6e;
			background: url(images/why-atomic-bg.png) no-repeat;

		}

			#community-left-col {
			float: left;
			width: 560px;
			height: 480px;
			padding-top: 65px;
			padding-right: 15px;
			padding-bottom: 20px;
			padding-left: 20px;
			overflow: hidden;
			border-right: 2px solid #6c6c6e;
			background: url(images/community-bg.png) no-repeat;

		}
		
		#contact-left-col {
			float: left;
			width: 560px;
			height: 480px;
			padding-top: 65px;
			padding-right: 15px;
			padding-bottom: 20px;
			padding-left: 20px;
			overflow: hidden;
			border-right: 2px solid #6c6c6e;
			background: url(images/contact-bg.png) no-repeat;

		}
		
		#wide-left-col {
			float: left;
			width: 860px;
			height: 480px;
			padding-top: 65px;
			padding-right: 15px;
			padding-bottom: 20px;
			padding-left: 20px;
			background: url(images/games-bg.png) no-repeat;

		}
		
		#games-left-col {
			float: left;
			width: 400px;
			height: 1300px;
			padding-right: 10px;
			overflow: hidden;

		}
		
		#games-right-col {
			float: right;
			width: 400px;
			height: 1300px;
			padding-left: 10px;
			overflow: hidden;

		}
		
		#corporate-right-col {
			float: right;
			width: 263px;
			height: 525px;
			padding-top: 20px;
			padding-right: 8px;
			padding-bottom: 20px;
			padding-left: 32px;
			overflow: hidden;
			background: url(images/atomic-studios-tall.jpg) no-repeat;
			overflow: hidden;

		}	
			
			#news-block {
			float: right;
			width: 263px;
			height: 148px;
			padding-top: 40px;
			padding-right: 8px;
			padding-bottom: 10px;
			padding-left: 32px;
			background: url(images/news-block.png) no-repeat 0px -5px;
			border-bottom: 2px solid #6c6c6e;
			}	
			
			#jobs-block {
			float: right;
			width: 263px;
			height: 153px;
			padding-top: 35px;
			padding-right: 8px;
			padding-left: 32px;
			background: url(images/jobs-block.png) no-repeat 0px -5px;
			border-bottom: 2px solid #6c6c6e;

			}	


			#tall-jobs-block {
			float: right;
			width: 263px;
			height: 225px;
			padding-top: 35px;
			padding-right: 13px;
			padding-left: 27px;
			background: url(images/jobs-block.png) no-repeat 0px -5px;

			}	



			#apply-block {
			float: right;
			width: 263px;
			height: 253px;
			padding-top: 35px;
			padding-right: 13px;
			padding-left: 27px;
			background: url(images/jobs-block-tall.png) no-repeat 0px -5px;
			border-top: 2px solid #6c6c6e;

			}	


			
			#right-col p {
				font-size: 1.1em;
				}


			#positions-block {
			float: right;
			width: 256px;
			height: 320px;
			padding-top: 35px;
			padding-right: 15px;
			padding-bottom: 10px;
			padding-left: 32px;
			border-bottom: 2px solid #6c6c6e;
			background: url(images/positions-block.png) no-repeat;
			}	
				
			#gettingto-block {
			float: right;
			width: 256px;
			height: 153px;
			padding-top: 35px;
			padding-right: 15px;
			padding-bottom: 10px;
			padding-left: 32px;
			background: url(images/gettingto-block.png) no-repeat;
			}	

			#alt-gameshistory-block {
			float: right;
			width: 303px;
			height: 163px;
			padding-top: 35px;
			background: url(images/gameshistory-block.png) no-repeat 0px -5px;
			border-bottom: 2px solid #6c6c6e;
			border-top: 2px solid #6c6c6e;
			}	
			
			#gameshistory-block {
			float: right;
			width: 303px;
			height: 163px;
			padding-top: 35px;
			background: url(images/gameshistory-block.png) no-repeat 0px -5px;
			}

			#announce-block {
			float: right;
			width: 263px;
			height: 150px;
			padding-top: 5px;			
			padding-right: 8px;			
			padding-bottom: 10px;			
			padding-left: 32px;			
			background: url(images/announce-sdif-fpo.png) no-repeat;
			}	
			
			#global-games-block {
			float: right;
			width: 273px;
			height: 135px;
			padding-top: 30px;			
			padding-right: 8px;			
			padding-bottom: 10px;			
			padding-left: 22px;			
			background: url(images/gameshistory-block.png) no-repeat 0px -7px;
			}	
			
			
/************************** 
 CSS for Indented CSS Tabs. 
 ****************************/
 
 
.indentmenu{
float: right;
font: 600 1.2em 'Helvetica' 'Arial';
text-transform: uppercase;
margin: -46px 20px 0px 0px;
float: right;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
border-top: 1px solid #ffc425; /*navy border*/
border-bottom: 1px solid #ffc425;
border-left: 1px solid #ffc425;
background: black url(images/indentbg.gif) top repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #000; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #ffc425; /*navy divider between menu items*/
}


.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(images/indentbg2.gif) center repeat-x;
}


/* .tabcontentstyle{ /*style of tab content container*/
margin-bottom: 1em;
padding: 10px;
} */

.tabcontent{
font: 1.2em 'Helvetica' 'San-Serif';
color: #000;
line-height: 1.3em;
padding: 15px 22px 0px 35px;
display:none;
}


/************************** 
 END CSS for Indented CSS Tabs. 
 ****************************/


	div#footer {
	float: left
	height: 43px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top: 2px solid #6c6c6e;
	font-size: .8em;
	text-align: left;
	background: url(images/footer-bg.jpg) no-repeat;
	overflow: hidden;

	}