html,body,form { margin: 0; padding: 0; color: #aaa; font-family: Arial; font-size: 14px; }
td, th { font-family:Arial; font-size: 12px; }
a { color: #006FB5; text-decoration: none; }
a:hover { text-decoration: underline; }
body { background: #000 url(bodybg.jpg) 0 0 repeat-x; }
h1,h2,h3 { font-weight: normal; padding: 0; margin: 0; }
h1 { margin: 10px 0 10px 0; padding: 0; font-size: 28px; color: #ccc; }
h2 { font-size: 18px; color: #ccc; margin-bottom: 10px; }
h3 { font-size: 14px; font-weight: bold; color: #ccc; margin-bottom: 10px; }
p { margin: 0 0 14px 0; padding: 0; }
#DocumentContainer { display: block; width: 972px; margin-left: auto; margin-right: auto; }
#DocumentWrap { background: transparent url(contentbg.png) 0 0 repeat-y; }

#Navigation { position: absolute; height: 70px; margin: 24px 0 0 20px; }
#Navigation ul { display: block; list-style: none; padding: 0; margin: 0; }
#Navigation ul li { display: block; float: left; margin-right: 20px; height: 35px; }
#Navigation ul li a { text-transform: uppercase; font-size: 13px; font-weight: bold; color: #ddd; text-decoration: none; }
#Navigation ul li a:hover { color: #fff; text-decoration: none; }
#Navigation ul li.active { background: transparent url(menumarker.png) 50% 23px no-repeat; }

#Header { height: 57px; overflow: hidden; }
#Header h1 { margin: 18px 16px 0 0; padding: 0; float: right; background: transparent url(gabysoft-small.gif) 0 0 no-repeat; }
#Header h1 a { display: block; width: 187px; height: 21px; }
#Header h1 a span { display: none; }
#Document { margin: 0 6px 0 6px; border: solid 10px #000; }
#Footer { height: 62px; background: transparent url(footerbg.gif) 0 0 no-repeat; font-size: 10px; color: #555; text-transform: uppercase; }
#Footer a { color: #555; }
#Footer a:hover { color: #fff; }
#Footer p { text-align: right; padding: 32px 30px 0 0; }

#DesignerTag { padding: 20px; font-size: 12px; color: #555 }

#ExperienceArea { height: 300px; background: transparent url(main.jpg) 0 0 no-repeat; }
#ExperienceArea span { visibility: hidden; }

#GamesArea { height: 302px; background: transparent url(games.jpg) 0 0 no-repeat; }
#GamesArea span { visibility: hidden; }

#GamesFlipPixArea { height: 302px; background: transparent url(gamesFlipPix.jpg) 0 0 no-repeat; }
#GamesFlipPixArea span { visibility: hidden; }

#GamesHexLogicArea { height: 302px; background: transparent url(gamesHexLogic.jpg) 0 0 no-repeat; }
#GamesHexLogicArea span { visibility: hidden; }

#GamesHexSawArea { height: 302px; background: transparent url(gamesHexSaw.jpg) 0 0 no-repeat; }
#GamesHexSawArea span { visibility: hidden; }

#GamesRavelsArea { height: 302px; background: transparent url(gamesRavels.jpg) 0 0 no-repeat; }
#GamesRavelsArea span { visibility: hidden; }

#GamesDejaVuArea { height: 302px; background: transparent url(gamesDejaVu.jpg) 0 0 no-repeat; }
#GamesDejaVuArea span { visibility: hidden; }

#EducationArea { height: 302px; background: transparent url(education.png) 0 0 no-repeat; }
#EducationArea span { visibility: hidden; }

#ContactArea { height: 147px; background: transparent url(contact.jpg) 0 0 no-repeat; }
#ContactArea span { visibility: hidden; }

#LanderArea { height: 147px; background: transparent url(lander.jpg) 0 0 no-repeat; }
#LanderArea span { visibility: hidden; }

#QuizardArea { height: 147px; background: transparent url(quizard.jpg) 0 0 no-repeat; }
#QuizardArea span { visibility: hidden; }

#WordSearchArea { height: 147px; background: transparent url(WordSearch.png) 0 0 no-repeat; }
#WordSearchArea span { visibility: hidden; }

#FactBallArea { height: 147px; background: transparent url(FactBall.png) 0 0 no-repeat; }
#FactBallArea span { visibility: hidden; }

#WhackAFactArea { height: 147px; background: transparent url(WhackAFact.png) 0 0 no-repeat; }
#WhackAFactArea span { visibility: hidden; }

#FlipPixArea { height: 147px; background: transparent url(FlipPix.png) 0 0 no-repeat; }
#FlipPixArea span { visibility: hidden; }

#OublietteArea { height: 147px; background: transparent url(Oubliette.png) 0 0 no-repeat; }
#OublietteArea span { visibility: hidden; }

#PrivacyArea { height: 147px; background: transparent url(privacy.jpg) 0 0 no-repeat; }
#PrivacyArea span { visibility: hidden; }

#NoExperience { height: 20px; }

.content-wrap .padding { padding: 20px; }

.clear { clear: both; height: 1px; overflow: hidden; }
.content-left { width: 520px; float: left; }
.content-left .padding { padding: 20px 20px 20px 20px; }
.content-right { float: right; width: 398px; }
.content-right .padding { padding: 25px 0 0 0; }

.content-right .module { background: transparent url(modulebg.gif) 0 0 no-repeat; padding-bottom: 10px; margin-bottom: 1px; }
.content-right .module h2 { margin: 0; color: #aaa; padding: 10px 10px 0 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; font-style: italic; }
.content-right .module .date { font-size: 11px; font-style: italic; padding: 0; color: #666; }
.content-right .module ul { list-style: none; display: block; margin: 0; padding: 0; }
.content-right .module ul li { font-size: 12px; padding: 0 11px 5px 11px; }
.content-right .module ul li h3 { font-size: 14px; padding: 0; margin: 0; }
.content-right .module ul li p { padding: 0 0 5px 0; margin: 0; }
.content-right .module ul li a { font-weight: bold; }

div.hr { background: transparent url(faded-hr.gif) 50% 0 no-repeat; height: 1px; overflow: hidden; margin-bottom: 10px; }
div.hr hr { display: none; }

div.gamelisttitle { margin-top: 20px; margin-left: 10px; margin-right: 40px; }
.gamelisttitle h2 { font-size: 24px; }
.description h2 { font-size:24px; }

ul.gamesublist { display: block; list-style: none; padding: 0; margin: 0 0 0 10px}
ul.gamesublist li { padding: 10px 80px 8px 0; background: transparent url(faded-hr.gif) 50% 0 no-repeat; font-size: 14px; }
ul.gamesublist li h2 { margin: 0px 0 0px 0; }

ul.gamesublist li .icon { float: left; width: 136px; margin-top:0px; margin-bottom:30px; }
ul.gamesublist li.alt .icon { float: right; text-align: right; }
ul.gamesublist li .icon img { border: solid 1px #000!important; }

ul.gamelist { display: block; list-style: none; padding: 0; margin: 0; }
ul.gamelist li { padding: 10px 0 8px 0; background: transparent url(faded-hr.gif) 50% 0 no-repeat; font-size: 12px; }
ul.gamelist li h2 { margin: 20px 0 0px 0; }

ul.gamelist li .icon { float: left; width: 136px; }
ul.gamelist li.alt .icon { float: right; text-align: right; }
ul.gamelist li .icon img { border: solid 1px #000!important; }

ul.gamemenu { display: block; list-style: none; padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: solid 1px #333; }
ul.gamemenu li { display: inline; text-transform: uppercase; padding: 0 20px 0 0; font-size: 11px; font-weight: bold; }
ul.gamemenu li a:hover { text-decoration: none; color: #fff; }
ul.gamemenu li.active a { color: #aaa; }
#gamepanel { text-align: center; margin: 30px 0 30px 0; }


ul.contenttabs { display: block; list-style: none; padding: 0 0 0 0; height: 25px; margin: 0 0 0 0; border-bottom: solid 1px #333; }
ul.contenttabs li { float: left; text-transform: uppercase; padding: 0; font-size: 11px; font-weight: bold; }
ul.contenttabs li a { display: block; width: 143px; margin-right: 1px; height: 25px; background: transparent url(tabs.gif) 0 -25px no-repeat; color: #777; }
ul.contenttabs li a span { display: block; padding: 7px 6px 6px 6px; }
ul.contenttabs li a:hover { text-decoration: none; color: #fff; }
ul.contenttabs li.active a { color: #aaa; background-position: 0 0; color: #aaa; }
ul.contenttabs li.active a span { padding-top: 6px; }

.scorefilters { background-color: #111; color: #555; margin: 0 1px 0 1px; }
.filter { padding: 6px; font-size: 11px; text-transform: uppercase; float: left; }
.filter a { color: #999; }
.filter a.active { text-decoration: underline; color: #ccc; font-weight: bold; }
table { margin: 0; padding: 0; width: 100%; border-bottom: solid 1px #222; background-color: #0a0a0a; }
thead { background-color: #222; }
tr { }
tr.alt { background-color: #111; }

th { text-transform: uppercase; font-size: 11px; }
.name-cell { text-align: left; }
.score-cell,
.landings-cell,
.crashes-cell,
.distance-cell
	{ text-align: center; }

.gamepresentation { }


.gamepresentation .left { float: left; width: 480px; padding: 20px 6px 20px 6px; }
.gamepresentation .right { float: right; width: 400px; }

.help { text-align: left; }
.help h1 { text-align: center; }
.help h2 { margin-top: 20px; color: #e4b946; }
.helpmenu li { font-size: 24px; margin-left: 50px; text-align: left;}
.helpindex { text-align: center; margin-top: 20px; font-size: 24px; }
.helprace { width: 600px; margin-left: auto; margin-right: auto; }
.helprace td { width: 300px; }
.helpspells { width: 400px; margin-left: auto; margin-right: auto; }
.faq { color: #e4b946; }
.faqindent { color: White; margin-bottom: 10px; margin-top: 5px; }

.interview { text-align: left; }
.interview h1 { text-align: center; }
.interview h2 { text-align: center; }
.interview p.question { color: #e4b946; }

.spelltable { border: 1px solid #333; border-collapse:collapse;}
.spelltable th { border: 1px solid #333; padding:2px; background-color: #444;}
.spelltable td { border: 1px solid #333; padding:2px; }
.spelltype td { border: 0px; padding: 2px; background-color: #222 }