@import "reset.css";
/* KidsCo - Main CSS Screen */

body {background:#64a0d6 url(../images/static-page-bg.jpg) top center no-repeat;  font:62.5% Arial, Helvetica, sans-serif; color:#000;}
.hidden	{width:0 !important; font-size:0 !important; height:0 !important; line-height:0 !important; position:absolute !important; left:-999% !important; overflow:hidden !important;}
.display-none {display:none;}
.clear:after, .row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.wrap {width:1030px; margin:0px auto; position:relative; font-size:1em; z-index:1;}
object {position:absolute; z-index:1; top:0; left:0;}
.adverts {width:1050px; position:absolute; z-index:200; top:0; left:50%; margin-left:-515px;}
.game {width:1050px; position:absolute; z-index:300; top:0; left:50%; margin-left:-515px;}

/* Typography */

a {text-decoration:none; color:#ddd;}
a:hover, a:active, a:focus {text-decoration:underline; color:#fff;}

*:active {outline: none; -moz-outline-style: none;}

p, li, dt, dd, label, legend, th, td, caption {font-size:1.2em;}
li a, li p, li p a, p a, dt a, dd a, label input, label textarea, h1 a, h2 a, h3 a, h4 a, h5 a, li li, p label, li label, li input, .article p a, .article li a, li dt, li dd {font-size:1em;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; padding:.5em 0 .5em 0;}
h1 {color:#000; font-weight:normal; font-size:3.6em; padding:.3em 0 .3em .5em; font-family:"Century Gothic","Avant Garde","Lucida Sans Unicode","Lucida Grande", Arial;}
h2 {color:#000; font-size:1.8em;}
h3 {color:#000; font-size:1.6em;}
h4 {color:#000; font-size:1.4em;}
h5 {color:#000; font-size:1.3em;}
h6 {color:#000; font-size:1.2em;}

img {display:block; margin:.5em 0;}

.crnr {position:absolute; height:10px; width:10px; display:block; font-size:0;}
.tl {background-position:top left; top:0; left:0;}
.tr {background-position:top right; top:0; right:0;}
.br {background-position:bottom right; bottom:0; right:0;}
.bl  {background-position:bottom left; bottom:0; left:0;}

.content {width:560px;margin:10px 150px 10px 320px;background:#64a0d6;}
.content-inside {width:560px;float:left;background:#64a0d6;}
.content-thumbs {text-align:center;width:80px;height:100px;float:left; line-height:.95em;}
.content p {padding:0.5em 1em 1em 1em; line-height:1.5em;}
.content ol {margin:1em 3em; list-style-type:decimal;}
.content ul {margin:1em 3em; list-style:disc;}
.content ul li ul {margin:.7em 0 .3em 3em; list-style:circle;}
.content ul li, .content ol li {padding-bottom:.2em; line-height:1.6em;}
.content ol li ol {margin:.7em 0 .3em 3em; list-style:decimal;}

.navigation {position:relative; margin-top:170px; padding-bottom:1em; background:url(../images/nav-shad.png) bottom center no-repeat;}
.navigation .crnr {width:15px; height:15px; background-image:url(../images/nav-crnr.png);}
.navigation ul {background:url(../images/nav-bg.gif) top repeat-x; padding-left:270px; position:relative;}
.navigation ul li {float:left; position:relative; background:url(../images/html-nav-line-new.gif) right no-repeat;}
.navigation ul li.last {background:none;}
.navigation ul li a {display:block; text-decoration:none; color:#d7e5f1; padding:.7em 1.3em; min-width:5em; position:relative; text-align:center;}
.navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a:focus {text-decoration:underline; color:#fff;}
.navigation ul li a .icon {display:block; width:90px; height:60px; position:absolute; top:-60px; background-image:url(../images/icons.png); left:50%; margin-left:-45px;}
.navigation ul li.selected a {font-weight:bold; color:#fff;}
.navigation ul li.homepage a {width:260px; height:140px; position:absolute; top:-91px; left:-270px; padding:0; text-indent:-9999px; background:url(../images/kidsco-logo.png);}
.navigation ul li.homepage a .icon {display:none;}
.navigation ul li.games a .icon {background-position:0 -60px;}
.navigation ul li.downloads a .icon {background-position:0 -120px;}
.navigation ul li.mykidsco a .icon {background-position:0 -180px;}
.navigation ul li.win a .icon {background-position:0 -240px;}
.navigation ul li.tv-guide a .icon {background-position:0 -300px;}

.footer {position:absolute; top:1190px; margin:0 auto; left:50%; z-index:2; width:1030px;}
.footer ul {float:left;}
.footer ul li {float:left; margin:0 10px; position:relative; display:block;}

.welcome {width:400px; height:300px; text-align:center; margin:100px auto 0 auto;}
.welcome a {color:#036; text-decoration:underline;}

.game-content {background:url(../images/bg-game.jpg); width:600px; height:400px; position:absolute; top:494px; left:264px;}

/* Adverts */

.ad-banner {width:728px; height:95px; position: absolute; text-align:center; z-index:200; overflow:hidden;}
.ad-banner-half {width:234px; height:65px; position:absolute; z-index:200; overflow:hidden;}
.ad-skyscraper {width:120px; height:605px; position: absolute; overflow:hidden;}
.ad-square {width:300px; height:255px; position: absolute; overflow:hidden;}
.pos-top {top:10px; left:232px;}
.pos-bottom {top:1076px; left:162px;}
.layout-2 .pos-bottom {top:1326px; left:162px;}
.layout-2 .footer {top:1440px;}
.pos-left-1 {top:290px; left:39px;}
/*.pos-left-1 {top:324px; left:-1px;}*/
.pos-left-2 {top:377px; left:39px;}
/*.pos-left-2 {top:420px; left:-1px;}*/
.pos-left-3 {top:464px; left:39px;}
/*.pos-left-3 {top:515px; left:-1px;}*/
.pos-left-4 {top:465px; left:13px;}
/*.pos-left-4 {top:530px; left:-21px;}*/
.pos-right {top:279px; left:895px;}