/* reset
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
/* fonts
-------------------------------------------------- */
body {font:13px verdana,helvetica,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body { 
	text-align: center; background-color: #e90268; }
a { color: #fff; outline: none; }
a:hover { color: #ff6309; }

hr.hide {
	clear: both; height: 0;
	margin: 0; padding: 0; border: 0;
	line-height: 0; }
	
#container {
	position: relative; width: 700px; height: 480px;
	margin: 0 auto; border: 5px solid #fff;
	color: #fff; }
address {
	margin: 1em;
	text-align: left; }
	address span { display: block; }
h1 {
	width: 282px; height: 40px;
	margin: 0.5em 0 0 0.35em;
	font-size: 292%; text-indent: -9999px;
	background: url(../images/rubbinghands.gif) no-repeat 0 0; }
	h1 a { display: block; width: 282px; height: 40px; }
	#index h1 { 
		width: 475px; height: 70px; 
		margin: 0.5em auto 0.25em auto; 
		background-image: url(../images/rubbinghands-alt.gif); }
		#index h1 a { width: 475px; height: 70px; }
h2 {
	width: 228px; height: 23px;
	margin: 0 0 1em 0.8em;
	font-size: 122%; text-indent: -9999px;
	background: url(../images/tagline.gif) no-repeat 0 0; }
	#index h2 { margin: 0 auto 1em auto; }
h3 {
	height: 25px; margin: 0em 1em; padding: 0;
	font-size: 107%; text-align: left; text-indent: -9999px; }
	#about h3 { background: url(../images/header-about.gif) no-repeat 0 0; }
	#contact h3 { background: url(../images/header-contact.gif) no-repeat 0 0; }
	#getoutofwayplay h3 { background: url(../images/header-play.gif) no-repeat 0 0; margin: 0.5em 0 -30px 123px; }
#header {
	width: 700px; height: 50px; 
	margin: 2em auto 0 auto;
	color: #fff; text-align: right; }	
	#primary {
		float: right; width: 200px; height: 15px;
		margin: 2em -1em 0.25em 0; }
		#about #primary { background-position: 50% -36px;}
		#contact #primary { background-position: 50% -72px;}
		#primary li { 
			float: left; height: 15px;
			 }
		#primary li a { 
			display: block; padding: 0 5px; border-right: 1px solid #FFF;
			text-decoration: none; }
		#primary li.last a{ border: 0; }
	#games-mini {
		float: none; margin-right: 200px;
		text-align: left; }
		#index #games-mini { display: none; }
		#games-mini li {
			float: left; width: 48px; height: 42px; }
		#games-mini li a {
			display: block; width: 100%; height: 100%;
			text-indent: -9999px;
			background-repeat: no-repeat; background-position: 50% 1%; }
		#games-mini li a:hover { 
			display: block; width: 100%; height: 100%;
			background-position: 50% 99%; }
			ul#games-mini li.gem a { background-image: url(../images/games-gem-small.gif); }
			ul#games-mini li.gag a { background-image: url(../images/games-gag-small.gif); }
			ul#games-mini li.fred a { background-image: url(../images/games-fred-small.gif); }
		
ul.nav {
	width: 700px;
	margin: 0 auto;
	color: #fff; text-align: right; }
	ul.nav li { display: inline; }
	ul.nav li a { color: #fff; }
	ul#footer { margin-top: 0.25em; }
ul#games {
	margin: 1em 0 0 5em; }
ul#games li {
	float: left; width: 200px; height: 175px; }
	ul#games li a {
		display: block; width: 100%; height: 100%;
		text-indent: -9999px;
		background-repeat: no-repeat; background-position: 0 0; }
	ul#games li a:hover { 
		display: block; width: 100%; height: 100%;
		background-position: 0 100%; border-color: blue; }
	ul#games li.gem a { background-image: url(../images/games-gem.gif); }
	ul#games li.gag a { background-image: url(../images/games-gag.gif); }
	ul#games li.fred a { background-image: url(../images/games-fred.gif); }		
#container p { 
	clear: both; margin: 1em;
	text-align: left; }
	#container p a { 
		color: #fff; font-weight: bold;
		text-decoration: none; }
		#getoutofwayplay #container ul { margin: 1em 2em; text-align: left; }
		#getoutofwayplay #container p { 
			padding: 30px 0 0 110px; background: url(../images/logo-play-alt.gif) no-repeat 0 0; }
p#play, #getoutofwayplay p#play {
	position: absolute; left: 0; bottom: 0; width: 60%;
	margin: 2em 0 0 0; padding: 1.5em 20%; border-top: 5px solid #fff;
	text-align: center; background-color: #ff6309; background-image: none; }
	p#play img { position: absolute; top: 1em; right: 5px;}
	
	#contact #container ul { 
		margin: 1em; text-align: left; }
		#contact #container ul li a { font-weight: bold; text-decoration: none; }

#footer { position: relative; }
#footer li#toy {
	position: absolute; left: 0; top: 1px;}