body {
	margin: 0;
	padding: 0;
	color: #FFF;
	background: #FFF url(images/goldcartridge_tile.gif);
	font-family: helvetica, arial, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
}

ul, li {
	list-style: none;
}
p {
	line-height: 14px;
}
a {
	color: #CEC27C;
	font-family: helvetica, arial, sans-serif; 
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #CEC27C;
	text-decoration: none;
}

/* container, called "page" in WP theme */
#container {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 0 0 0 -320px;
	padding: 0;
	width: 640px;
	height: auto;
	left: 50%;
	/* background: transparent url(images/container_bkgd.gif) repeat-y left top; */
}
#canvas {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 640px;
	height: auto;
	background: transparent url(images/canvas_bkgd.gif) repeat-y left bottom;
}

/* NAV */
.nav_links {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}
.nav_hd ul {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 12px 0 0 0;
	padding: 0;
	width: auto;
	height: auto;
}
.nav_hd li {
	float: left;
	clear: left;
	position: relative;
	display: block;
	margin: 0 0 1px 0;
	padding: 0;
	width: 98px;
	height: 12px;
}
.nav_hd a {
	display: block;
	margin: 0 0 0 21px;
	padding: 0;
	width: 98px;
	height: 12px;
	background: #666;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-indent: 4px;
	color: #FFF;
}
.nav_hd a:hover {
	background: #333;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-indent: 4px;
	color: #CEC37D;
}

.nav_ft {
	float: right;
	clear: none;
	position: relative;
	display: block;
	margin: 0 22px 0 0;
	padding: 0;
	width: 143px;
	height: auto;
}
.nav_ft ul {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 225px 0 0 0;
	padding: 0;
	width: 146px;
	height: auto;
}
.nav_ft li {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 0 0 1px 1px;
	padding: 0;
	width: 72px;
	height: 12px;
}
.nav_ft a {
	display: block;
	margin: 0;
	padding: 0;
	width: 72px;
	height: 12px;
	background: #666;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-indent: 4px;
	color: #FFF;
}
.nav_ft a:hover {
	background: #333;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-indent: 4px;
	color: #CEC37D;
}
.nav_ft li span {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 4px 0 0 0;
	padding: 0;
	width: 142px;
	height: 12px;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-indent: 2px;
	color: #999;
}

/* HEADER */
#header {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 170px;
}
#hd_left {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 170px;
	background: transparent url(images/hd_left.png) no-repeat left top;
}
#hd_center {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 170px;
	background: transparent url(images/hd_goldcartridge.png) no-repeat left top;
}
#hd_right {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 170px;
	background: transparent url(images/hd_right.png) no-repeat left top;
}

/* CONTENT */
#content {
	position: relative;
	margin: 0;
	padding: 0;
	width: 640px;
	height: auto;
}

.updates {
	position: relative;
	margin: 0 0 16px 16px;
	padding: 0;
	width: 608px;
	height: auto;	
}
.updates h2 {
	position: relative;
	margin: 0;
	padding: 0;
	width: auto;
	height: 38px;
	background: transparent url(images/icon_twitter.png) no-repeat left top;
	font-size: 10px; 
	font-weight: bold;
	line-height: 38px;
	text-indent: 40px;
	color: #333;
}
.updates_top {
	position: relative;
	margin: 4px 0 0 0;
	padding: 0;
	width: 608px;
	height: 8px;
	background: transparent url(images/panel_grey_top.png) no-repeat left top;	
}
.updates_middle {
	position: relative;
	margin: 0;
	padding: 3px 0 0 0; /* subtract line-height from min-height then divide by 2 */
	width: 608px;
	min-height: 24px;
	/* for IE */
	height: 24px;
	height: auto !important;
	/* */
	background: transparent url(images/panel_grey_middle.png) repeat-y left top;
	font-size: 16px; 
	font-weight: normal;
	line-height: 18px;
	text-indent: 12px;
	color: #666;
}
.updates_bottom {
	position: relative;
	margin: 0;
	padding: 0;
	width: 608px;
	height: 8px;
	background: transparent url(images/panel_grey_bottom.png) no-repeat left top;	
}

.featured {
	position: relative;
	margin: 0 0 16px 16px;
	padding: 0;
	width: 608px;
	height: auto;	
}
.featured h2 {
	position: relative;
	margin: 0;
	padding: 0;
	width: auto;
	height: 38px;
	background: transparent url(images/icon_games.png) no-repeat left top;
	font-size: 10px; 
	font-weight: bold;
	line-height: 38px;
	text-indent: 40px;
	color: #333;
}
.featured_top {
	position: relative;
	margin: 4px 0 0 0;
	padding: 0;
	width: 608px;
	height: 8px;
	background: transparent url(images/panel_black_top.png) no-repeat left top;	
}
.featured_middle {
	position: relative;
	margin: 0;
	padding: 0;
	width: 608px;
	min-height: 64px;
	/* for IE */
	height: 64px;
	height: auto !important;
	/* */
	background: transparent url(images/panel_black_middle.png) repeat-y left top;	
}
.featured_bottom {
	position: relative;
	margin: 0;
	padding: 0;
	width: 608px;
	height: 8px;
	background: transparent url(images/panel_black_bottom.png) no-repeat left top;	
}

.shop {
	position: relative;
	margin: 0 0 16px 16px;
	padding: 0;
	width: 608px;
	height: auto;	
}
.shop h2 {
	position: relative;
	margin: 0;
	padding: 0;
	width: auto;
	height: 38px;
	background: transparent url(images/icon_games.png) no-repeat left top;
	font-size: 10px; 
	font-weight: bold;
	line-height: 38px;
	text-indent: 40px;
	color: #333;
}
.shop_top {
	position: relative;
	margin: 4px 0 0 0;
	padding: 0;
	width: 608px;
	height: 8px;
	background: transparent url(images/panel_grey_top.png) no-repeat left top;	
}
.shop_middle {
	position: relative;
	margin: 0;
	padding: 0;
	width: 608px;
	min-height: 64px;
	/* for IE */
	height: 64px;
	height: auto !important;
	/* */
	background: transparent url(images/panel_white_middle.png) repeat-y left top;	
}
.shop_bottom {
	position: relative;
	margin: 0;
	padding: 0;
	width: 608px;
	height: 8px;
	background: transparent url(images/panel_white_bottom.png) no-repeat left top;	
}

.about {
	position: relative;
	margin: 0 0 16px 16px;
	padding: 0;
	width: 608px;
	height: auto;
}
.about h2 {
	position: relative;
	margin: 0;
	padding: 0;
	width: auto;
	height: 38px;
	/* background: transparent url(images/icon_about.png) no-repeat left top; */
	font-size: 10px; 
	font-weight: bold;
	line-height: 38px;
	/* text-indent: 40px; */
	color: #333;
}
.about_top {
	position: relative;
	margin: 4px 0 0 0;
	padding: 0;
	width: 608px;
	height: 8px;
	background: transparent url(images/panel_white_top.png) no-repeat left top;	
}
.about_middle {
	position: relative;
	margin: 0;
	padding: 3px 0 0 0; /* subtract line-height from min-height then divide by 2 */
	width: 608px;
	min-height: 240px;
	/* for IE */
	height: 240px;
	height: auto !important;
	/* */
	background: transparent url(images/panel_white_middle.png) repeat-y left top;
	font-size: 16px; 
	font-weight: normal;
	line-height: 18px;
	text-indent: 12px;
	color: #666;
}
.about_bottom {
	position: relative;
	margin: 0;
	padding: 0;
	width: 608px;
	height: 8px;
	background: transparent url(images/panel_white_bottom.png) no-repeat left top;	
}

/* FOOTER */
#footer_home {
	float: left;
	clear: both;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 285px;
	background: transparent url(images/ft_home_top.png) no-repeat left top;
}
#footer {
	float: left;
	clear: both;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 285px;
	background: transparent url(images/ft_top.png) no-repeat left top;
}
#ft_goldcartridge {
	float: left;
	clear: none;
	position: relative;
	display: block;
	margin: 220px 0 0 16px;
	padding: 0;
	width: 150px;
	height: 48px;
	border: 0;
}
#footer_wires_home {
	float: left;
	clear: both;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 65px;
	background: transparent url(images/ft_home_bottom.png) no-repeat left top;
}
#footer_wires {
	float: left;
	clear: both;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 65px;
	background: transparent url(images/ft_bottom.png) no-repeat left top;
}
