body 
{
    margin: 0;
    background: #517C9E url(../images/WSG_bg.jpg) repeat-x top left;
    font-family: "ff-duper-web-pro-1","ff-duper-web-pro-2", Comic Sans MS, Sans-Serif;
    font-size: 1.1em;
    color: #202A2A;
}
.wf-inactive 
{
    font-size: .9em;
}
.accessaid 
{
    position: absolute;
    height: 0;
    overflow: hidden;
}

/* Text, Lists and Font Styling */
a img 
{
    border: none;
}
a:link, a:visited 
{
    text-decoration: none;
    color: #FF9A20;
}
a:hover, a:focus, a:active
{
    text-decoration: none;
    color: #FFF;
    border: none;
}
ul 
{
    margin: 0;
    padding: 0;
}
li 
{
    background: #517C9E url(../images/blocks_SubNavLinks.png) repeat top left;
    list-style: none outside;
    margin: 0 6px 2px 6px;
    padding: 5px 3px 5px 6px;
    font-size: 1em;
}

/* Boxes and Layout */
#header 
{
    background: transparent url(../images/WSG_bgHeader.jpg) no-repeat top left;
    position: relative;
    margin: 0 auto;
    width: 804px;
    height: 350px;
}
#headerNavigation
{
    position: absolute;
    margin: 160px 0px 0px 0px;
    width: 804px;
    height: 200px;
    padding: 0;
    border: 0;
}
#hNavIOS
{
    float: left;
    width: 307px;
    height: 190px;
}
#hNavIOS a:link span, #hNavIOS a:visited span
{
    width: 307px;
    height: 190px;
    background-image: url(../images/WSG_bgHeaderIOS.jpg);
    display: inline-block;
    text-indent: -999em;
}
#hNavIOS a:hover span, #hNavIOS a:focus span, #hNavIOS a:active span
{
    background-image: none;
    border: none;
}
#hNavGames
{
    float: left;
    width: 166px;
    height: 190px;
}
#hNavGames a:link span, #hNavGames a:visited span
{
    width: 166px;
    height: 190px;
    background-image: url(../images/WSG_bgHeaderGames.jpg);
    display: inline-block;
    text-indent: -999em;
}
#hNavGames a:hover span, #hNavGames a:focus span, #hNavGames a:active span
{
    background-image: none;
    border: none;
}
#hNavLinks
{
    float: left;
    width: 161px;
    height: 190px;
}
#hNavLinks a:link span, #hNavLinks a:visited span
{
    width: 161px;
    height: 190px;
    background-image: url(../images/WSG_bgHeaderLinks.jpg);
    display: inline-block;
    text-indent: -999em;
}
#hNavLinks a:hover span, #hNavLinks a:focus span, #hNavLinks a:active span
{
    background-image: none;
    border: none;
}
#hNavContactMe
{
    float: left;
    width: 170px;
    height: 190px;
}
#hNavContactMe a:link span, #hNavContactMe a:visited span
{
    width: 170px;
    height: 190px;
    background-image: url(../images/WSG_bgHeaderContactMe.jpg);
    display: inline-block;
    text-indent: -999em;
}
#hNavContactMe a:hover span, #hNavContactMe a:focus span, #hNavContactMe a:active span
{
    background-image: none;
    border: none;
}
#headerH1 
{
    margin: 0;
    padding: 0;
    height: 0;
    text-indent: -999em;
}
#container
{
    position: relative;
    margin: 0 auto;
	width: 804px;
	padding-top: 5px;
}
#footer 
{
    position: relative;
    margin: 5px 10px 25px auto;
    text-align: right;
    font-size: .85em;
    clear: both;
}
#footer a:hover span, #footer a:focus span, #footer a:active span
{
    background-image: url(../images/social.png);
    display: inline-block;
}
#footerLinks a:link, #footerLinks a:visited
{
    color: #FF9A20;
    text-decoration: none;
}
#footerLinks a:hover, #footerLinks a:focus, #footerLinks a:active
{
    color: #FFF;
    text-decoration: underline;
}
#subNavigation
{
    width: 160px;
    float: left;
}
#subNavigationTop
{
    background: transparent url(../images/blocks_SubNav.png) no-repeat top left;
    padding: 0 0 5px 8px;
    color: #FFF;
    text-indent: -999em;
}
#subNavigationTopImg 
{
    position: relative;
    width: 145px;
    height: 30px;
    border-bottom: 3px solid #FF9A20;
}
#subNavigationContent
{
    background: transparent url(../images/blocks_SubNavContent.png) repeat top left;
}
.Active
{
    background: #FF9A20 url(../images/orange.gif) repeat top left;
    color: White;
}
#subNavigationContent span li
{
    width: 138px;
    border: 1px solid #182D40;
}
#subNavigationContent a:hover span li
{
    background: #FF9A20 url(../images/orange.gif) repeat top left;
}
#subNavigationBot
{
    background: transparent url(../images/blocks_SubNav.png) no-repeat bottom left;
    height: 20px;
    width: 160px;
    clear: left;
}
#Content
{
    width: 643px;
    margin: 0 0 10px 1px;
    padding: 0;
    float: right;
}
#ContentTop
{
    background: transparent url(../images/Content_Bg.png) no-repeat top left;
    background-position: 0 0;
    height: 15px;
    padding: 0;
}
#ContentCore
{
    background: transparent url(../images/Content_BgCore.png) repeat-y top left;
    margin: 0px;
    padding: 20px 50px 25px 40px;
}
#ContentTitle
{
    width: 570px;
    height: 100px;
    padding: 0;
    text-align: right;
}
#ContentTitle img
{
    height: 60px;
    width: 136px;
    margin-top: 45px;
}
#ContentCore h1
{
    text-indent: -999em;
    height: 0;
    margin: 0;
    padding: 0;
}
#ContentCore h2
{
    margin: 1em auto 1em 0;
    padding-bottom: 5px;
    font-size: 1.5em;
    border-bottom: 1px dashed #202A2A;
}
#ContentCore h3
{
    margin-top: 3em;
}
#ContentCore p 
{
    line-height: 1.3em;
}
#ContentCore a:hover, #ContentCore a:focus, #ContentCore a:active
{
    color: #202A2A;
    text-decoration: underline;
}
#ContentCore li 
{
    background: #ECECEC none;
    list-style-type: disc;
    border-top: 1px solid #CCC;
}
#ContentBot
{
    background: transparent url(../images/Content_Bg.png) no-repeat bottom left;
    height: 20px;
}
#sitemap li
{
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    list-style-type: none;
}
#sitemap li span 
{
    font-size: 1.25em;
}

/* Images and Other Stuff */
#logo
{
    background: transparent url(../images/WSG_LogoPre.png) no-repeat top left;
    position: absolute;
    margin: 0px auto auto 50%;
    left: 175px;
    z-index: 5;
    display: inline;
}
#logo span 
{
    background: transparent url(../images/WSG_Logo.png) no-repeat top left;
    width: 400px;
    height: 220px;
    display: inline-block;
}
#logo a:hover span
{
    background: transparent url(../images/WSG_LogoOver.png) no-repeat top left;
}
#welcome 
{
    position: absolute;
    top: 395px;
    left: 50%;
    margin-left: -333px;
    width: 350px;
    height: 120px;
    background-image: url(../images/welcome.png);
    z-index: 6;
}
#arrow 
{
    position: absolute;
    top: 350px;
    left: 50%;
    margin-left: -450px;
    width: 100px;
    height: 100px;
    background-image: url(../images/arrow.png);
}
#Ray 
{
    position: absolute;
    top: 666px;
    left: 50%;
    margin-left: -520px;
    width: 600px;
    height: 600px;
    background-image: url(../images/Ray.png);
}
#Ray2 
{
    position: absolute;
    top: 336px;
    left: 50%;
    margin-left: 10px;
    width: 600px;
    height: 600px;
    background-image: url(../images/Ray.png);
}
#pin1
{
    background-image: url(../images/pinL.png);
    position: absolute;
    top: 330px;
    left: 50%;
    margin-left: -235px;
    width: 60px;
    height: 65px;
    z-index: 9;
}
#pin2
{
    background-image: url(../images/pinR.png);
    position: absolute;
    top: 332px;
    left: 50%;
    margin-left: 340px;
    width: 60px;
    height: 65px;
    z-index: 9;
}
#left 
{
    background-image: url(../images/left.png);
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: -410px;
    width: 10px;
    height: 150px;
    z-index: 9;
}
.cubeMazeFAQ 
{
	width: 200px;
	height: 25px;
	background-image: url(../images/ContentCubeMazeFAQOver.png);
	text-indent: -999em;
}
.cubeMazeFAQ span 
{
	display: block;
	width: 200px;
	height: 25px;
	background-image: url(../images/ContentCubeMazeFAQ.png);
	text-indent: -999em;
}
.cubeMazeFAQ a:hover span
{
	background-image: none;
}
.thumbnail
{
position: relative;
margin-right: 15px;
}
.thumbnail:hover
{
background-color: transparent;
z-index: 10;
}
.thumbnail span /*CSS for enlarged image*/
{ 
position: absolute;
background-color: #ECECEC;
top: -444px;
left: -250px;
padding: 10px;
border: 1px dashed #202A2A;
visibility: hidden;
color: #202A2A;
text-decoration: none;
}
.thumbnail span img /*CSS for enlarged image*/
{
border-width: 0;
}
.thumbnail:hover span /*CSS for enlarged image on hover*/
{
visibility: visible;
top: -444px;  /*position where enlarged image should offset vertically */
left: -250px; /*position where enlarged image should offset horizontally */
}