@charset "UTF-8";						
/* ======================================================== */
/* ! Modified copy of the games CSS used for the OFG page   */
/* ======================================================== */
h2
	{
	font-size: 30px;
	font-family: Georgia, sans-seirf;
	line-height: 1.5em;
	color: #1D3950;
	}
h3
	{
	font-size: 15px;
	font-family: Georgia, sans-seirf;
	line-height: 1.5em;
	color: #1D3950;
	margin-left: 15px;
	}
p
	{
	font-family: Helvetica, sans-seirf;
	}
/* ==================================== */
/* ! Formating for the Uper Link area   */
/* ==================================== */
#h-nav-ofg
	{
	width: 799px;
	height: 28px;
	float: left;
	position: relative;
	background-image: url(media/design02/subnav.jpg);
	text-align: center;
	padding-top: 8px;
	color: #252b45;
	}
#h-nav-ofg A:link, #h-nav-ofg A:visited
	{
	color: #1777ba;
	background-color: #dcdcdc;
	}
#h-nav-ofg A:hover, #h-nav-ofg A:active
	{
	color: #252b45;
	text-decoration: none;
	background-color: #dcdcdc;
	}
/* ============================ */
/* ! Main Page Area formating   */
/* ============================ */
#ofg-banner
	{
	width: 777px;
	height: 124px;
	background: url(media/design02/banner.jpg) top left no-repeat;
	float: left;
	position: relative;
	padding-right: 22px;
	text-align: right;
	}						
#ofg-content
	{
	width: 799px;
	min-height: 400px;
	background: #bda786 url(media/design02/content.jpg) top left no-repeat;
	float: left;
	position: relative;
	margin-top: 0px
	}
/* ----- Formating for for the get menu ----- */
#get
	{
	width: 799px;
	height: 70px;
	float: left;
	position: relative;
	}						
.paypal
	{
	float: right;
	position: relative;
	text-align: center;
	font-size: 14px;
	color: white;
	height: 81px;
	width: 251px;
	margin-top: 26px;
	margin-right: 40px;
	}
/* ========================== */
/* ! Overview Panel Content   */
/* ========================== */
.ofg-overview-txt
	{
	float: left;
	position: relative;
	width: 460px;
	line-height: 1.3em;
	text-align: justify;
	}
.ofg-overview-link
	{
	float: right;
	position: relative;
	width: 180px;
	}
/* ============================ */
/* ! Soundtrack Panel Content   */
/* ============================ */
.ofg-soundtrack-img
	{
	float: left;
	position: relative;
	width: 300px;
	}
.ofg-soundtrack-txt
	{
	float: right;
	position: relative;
	width: 350px;
	line-height: 1.3em;
	text-align: justify;
	font-size: 14px;
	}
/* ========================== */
/* ! Play Now Panel Content   */
/* ========================== */
.ofg-playnow-get
	{
	float: right;
	position: relative;
	width: 350px;
	line-height: 1.3em;
	text-align: justify;
	font-size: 14px;
	}
.ofg-playnow-box1
	{
	float: left;
	position: relative;
	width: 350px;
	height: 16px;
	background: url(media/playnow/350-1.png) no-repeat;
	}
.ofg-playnow-box2
	{
	float: left;
	position: relative;
	width: 324px;
	background: lime url(media/playnow/350-2.png) repeat-y;
	padding-left: 13px;
	padding-right: 13px;
	}
.ofg-playnow-box3
	{
	float: left;
	position: relative;
	width: 350px;
	height: 16px;
	background: url(media/playnow/350-3.png) no-repeat;
	}
/* ==========================
System specs are placed in a box with rounded corners set up here */
.ofg-playnow-txt
	{
	float: left;
	position: relative;
	width: 300px;
	line-height: 1.3em;
	text-align: justify;
	font-size: 12px;
	}	
.ofg-playnow-spec1
	{
	float: left;
	position: relative;
	width: 300px;
	height: 16px;
	background: url(media/playnow/300-1.png) no-repeat;
	}
.ofg-playnow-spec2
	{
	float: left;
	position: relative;
	width: 274px;
	background: lime url(media/playnow/300-2.png) repeat-y;
	padding-left: 13px;
	padding-right: 13px;
	}
.ofg-playnow-spec3
	{
	float: left;
	position: relative;
	width: 300px;
	height: 16px;
	background: url(media/playnow/300-3.png) no-repeat;
	}
.ofg-playnow-icon
	{
	float: left;
	position: relative;
	width: 96px;
	}
.ofg-playnow-title
	{
	float: left;
	position: relative;
	height: 24px;
	width: 210px;
	font-size: 16px;
	border-bottom: 1px solid #e2d9cb;
	padding-left: 10px;
	}
.ofg-playnow-meta
	{
	float: left;
	position: relative;
	height: 20px;
	width: 210px;
	border-top: 1px solid #ccb99d;
	padding-top: 4px;
	padding-right: 10px;
	text-align: right;
	}
/* ============================================ */
/* ! Formating for Media Menu (aka resources)   */
/* ============================================ */
.ofg-resources
	{
	width: 799px;
	height: 50px;
	float: left;
	position: relative;
	text-align: center;
	}
.ofg-resources li
	{
	display: inline;
	list-style-type: none;
	margin-right: 25px;
	padding: 5px;
	background-color: #bda786;
	border: solid black 1px;
	font-size: 12px;
	}
/* -----  ----- */	
.ofg-resources A:link {color: #000; text-decoration: none;}
.ofg-resources A:visited {color: #000; text-decoration: none;}
.ofg-resources A:hover {color: #fff; text-decoration: none; background-color: none;}
.ofg-resources A:active {color: #fff; text-decoration: underline;}							

#ofg-subfooter
	{
	width: 799px;
	height: 32px;
	background: url(media/design/ofg-subfooter.gif) top left no-repeat;
	float: left;
	position: relative;
	}							
#ofg-gamelist
	{
	width: 510px;
	float: left;
	position: relative;
	margin-left: 30px;
	}
.ofg-maincont
	{
	width: 500px;
	float: left;
	position: relative;
	min-height: 50px;
	margin-top: 15px;
	margin-left: 20px;
	padding-top: 10px;
	}
.ofg-img
	{
	width: 133px;
	float: left;
	position: relative;
	text-align: center;
	}
.ofg-text
	{
	width: 330px;
	float: left;
	position: relative;
	padding-left: 20px;
	font-size: 15px;
	}
.ofg-name
	{
	font-size: 17px;
	font-weight: bold;
	}							
.ofg-name A:link {color: #1777ba; text-decoration: none;}
.ofg-name A:visited {color: #1777ba; text-decoration: none;}
.ofg-name A:hover {color: #3a9bdf; text-decoration: none;}
.ofg-name A:active {color: #8b9aa6; text-decoration: none;}
.ofg-gl-gameicon
	{
	width: 80px;
	height: 80px;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-top: 10px;
	}
.ofg-gl-sideimage
	{
	width: 80px;
	min-height: 80px;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-top: 10px;
	}
.ofg-gl-description
	{
	width: 385px;
	float: left;
	position: relative;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	}
.ofg-gl-description A:link {color: #1777ba; text-decoration: none;}
.ofg-gl-description A:visited {color: #1777ba; text-decoration: none;}
.ofg-gl-description A:hover {color: #3a9bdf; text-decoration: none;}
.ofg-gl-description A:active {color: #8b9aa6; text-decoration: none;}
.ofg-gl-footer
	{
	width: 500px;
	height: 30px;
	background:  url(media/design/gl-footer.gif) top left no-repeat;
	float: left;
	position: relative;
	}
.ofg-gl-platform
	{
	height: 30px;
	float: left;
	position: relative;
	margin-left: 15px;
	}							
.ofg-gl-moreinfo
	{
	height: 30px;
	float: right;
	position: relative;
	}
/* =============================================== */
/* ! These are used for the High Score Formating   */
/* =============================================== */
.ofg-scores
	{
	width: 210px;
	float: left;
	position: relative;
	margin-right: 15px;
	margin-top: 20px;
	}						
.ofg-sc-top
	{
	width: 210px;
	height: 24px;
	float: left;
	position: relative;
	background: #d8cbb8 url(media/scores/top.jpg) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #1D3950;
	padding-top: 5px;
	}					
.ofg-sc-dark
	{
	width: 210px;
	float: left;
	position: relative;
	background: url(media/scores/dark.jpg) top left repeat-x;
	height: 18px;
	padding-top: 4px;
	}
.ofg-sc-light
	{
	width: 210px;
	float: left;
	position: relative;
	background: url(media/scores/light.jpg) top left repeat-x;
	height: 18px;
	padding-top: 4px;
	}
.ofg-sc-number
	{
	float: left;
	position: relative;
	font-size: 12px;
	margin-left: 5px;
	width: 15px;
	}
.ofg-sc-name
	{
	float: left;
	position: relative;
	font-size: 12px;
	margin-left: 5px;
	}
.ofg-sc-score
	{
	float: right;
	position: relative;
	font-size: 12px;
	margin-right: 5px;
	}
.ofg-sc-div
	{
	float: left;
	position: relative;
	width: 210px;
	height: 8px;
	background-image: url(media/scores/div.jpg);
	}
.ofg-sc-search
	{
	float: left;
	position: relative;
	width: 194px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #d8cbb8;
	}						
.ofg-sc-bottom
	{
	width: 210px;
	height: 14px;
	float: left;
	position: relative;
	background: url(media/scores/bottom.jpg) top left no-repeat;
	}
#ofg-subnav
	{
	background: url(../media/design/subnav.gif) top left no-repeat;
	width: 799px;
	height: 25px;
	float: left;
	position: relative;
	margin-top: 0px;
							
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #a9b9c7;
	padding-top: 3px;
	}
#ofg-subnav A:link {color: #fff; text-decoration: none;}
#ofg-subnav A:visited {color: #fff; text-decoration: none;}
#ofg-subnav A:hover {color: #a9b9c7; text-decoration: none;}
#ofg-subnav A:active {color: #8b9aa6; text-decoration: none;}
/* ================= */
/* ! Still in use?   */
/* ================= */
.ofg-sc-text
	{
	width: 210px;
	background: #aa9679;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	float: left;
	position: relative;
	text-align: center;
	}