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

body {background:#64a0d6 url(../images/page-bg.jpg) top center no-repeat;  font:62.5% Arial, Helvetica, sans-serif; color:#233b7b;}
.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;}
.logos {width:276px; float:left; padding-left:14px;}
.logos ul li {width:276px; margin:14px 0; text-align:center; float:left}
.logos ul li img {margin:0 auto;}
.main {width:740px; float:left;}

/* Typography */

a {text-decoration:none; color:#fff; text-decoration:none;}
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.1em;}
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:#233b7b; font-weight:normal; font-size:3.6em; padding:1.1em 0 .3em .4em; font-family:"Century Gothic","Avant Garde","Lucida Sans Unicode","Lucida Grande", Arial;}
h2 {color:#233b7b; font-size:1.2em; font-weight:bold;}
h3 {color:#fff; font-size:1.6em;}
h4 {color:#fff; font-size:1.4em;}
h5 {color:#fff; font-size:1.3em;}
h6 {color:#fff; font-size:1.2em;}

img {display:block;}

.content {padding:14px; width:507px; background:url(../images/content-bg.png); position:relative;}
.content a {text-decoration:underline; color:#233b7b;}
.content a:hover, .content a:active, .content a:focus {text-decoration:none; color:#233b7b;}
.content p {padding:0.5em 0 1em 0; 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;}

.content img {float:right; margin:.5em 0 .5em 1em;}

.col {float:left; display:inline; position:relative;}
.one {width:126px;}
.two {width:253px;}
.three {width:300px;}
.four {width:507px;}

.pics {width:334px; right:-110px; position:absolute; top:0;}
.pics img {margin:2em 0;}

.navigation {position:relative; height:76px; width:740px; background:url(../images/nav-bg.jpg); margin-top:71px;}
.navigation ul {padding-left:14px; position:absolute; bottom:0;}
.navigation ul li {float:left; margin-right:3px; display:inline; font-size:1.2em;}
.navigation ul li.last {background:none;}
.navigation ul li a {color:#fff; float:left; display:block; position:relative;}
.navigation ul li a span.text {padding:5px 14px 0 22px; margin-right:8px; height:20px; float:left; background:url(../images/tab-left.png) top left no-repeat;}
.navigation ul li a span.right-crnr {width:8px; height:25px; position:absolute; display:block; right:0; background:url(../images/tab-right.png) top right no-repeat;}
.navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a:focus {text-decoration:underline; color:#fff;}
.navigation ul li.selected a {color:#233b7b;}
.navigation ul li.selected a span.text {background-image:url(../images/tab-left-on.png);}
.navigation ul li.selected a span.right-crnr {background-image:url(../images/tab-right-on.png);}

.video-wrap {width:442px; height:362px; background:url(../images/video-bg.png) top left no-repeat; margin:0 auto;}
.video-player {width:422px; margin:3px 0 0 10px; height:347px;}

label {cursor:pointer;}
input, select, textarea {font:1.2em Arial, Helvetica, sans-serif; color:#555;}
.form form {margin:0;}
.form {padding:1em 0;}
.form fieldset {border:0;}
.form .row {clear:both; display:block; margin:0.5em 0; padding:0.25em 0;}
.form .row label {float:left; line-height:1.25em; margin:0 8px 0 0; padding:6px 0; text-align:right; width:70px;}
.form .row input.text, .form .row textarea {border:1px solid #b1cde6; color:#403f41; padding:5px; width:140px; margin-right:5px;}
.form .row textarea {height:5em;}
.form .row input.text:focus, .form .row textarea:focus {border-color:#233b7b; color:#000;}
.form .error {color:#c00; line-height:1.35em; margin:0.2em 0 0;}
.form .error .error-message {clear:left; font-size:12px; padding:0.5em 108px 0;}
.form .row label.error {clear:left; font-size:1.1em; padding:.2em 0 0 78px; width:150px; text-align:left;}
.form .buttons {padding-left:78px;}
.form .button {padding:0.3em 9px 0.3em; background-color:#233b7b; border-color:#233b7b; border-style:solid; border-width:1px; color:#fff; cursor:pointer; margin-right:3px; font-weight:bold;}

.contacts {margin:0 -7px;}
.contacts .contact {margin:7px; float:left; display:inline; position:relative; width:159px;}
.contacts .contact .image {background:#649fd5; padding:8px;} 
.contacts .contact .image img {float:none; margin:0;}
.contacts .contact h2 {font-size:1.4em; padding-bottom:.2em;}
.contacts .contact ul {list-style:none; margin:0;}
.contacts .contact ul li {padding:0;}

.footer {width:507px; padding:2em 0 1em;}
.footer ul {margin:0 auto;}
.footer ul li {display:inline; margin:0 .6em}