/*! normalize.css 2011-09-22T17:42 UTC - http://github.com/necolas/normalize.css */
 
/* Corrects block display not defined in IE6/7/8/9 & FF3*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1;}

/* Prevents modern browsers from displaying 'audio' without controls*/
audio:not([controls]) {display: none;}

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 */
[hidden] {display: none;}


/* =============================================================================
   Base
   ========================================================================== */

html {font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */-ms-text-size-adjust: 100%; /* 3 */}

/* Addresses margins handled incorrectly in IE6/7*/
body {margin: 0;}

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
body, button, input, select, textarea {font-family: sans-serif;}

/* Addresses outline displayed oddly in Chrome */
a:focus {outline: thin dotted;}

a:hover, a:active {outline: 0;}


/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {border-bottom: 1px dotted;}
b, strong { font-weight: bold; }
blockquote {margin: 1em 1.2em;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
pre,code,kbd,samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: '';content: none;}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
ul,
ol {margin: 1em 0;padding: 0 0 0 40px;}
dd {margin: 0 0 0 40px;}
nav ul,
nav ol {list-style: none;list-style-image: none;}
img { border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */*margin-left: -7px; /* 2 */}
button,input,select,textarea {font-size: 100%; /* 1 */margin: 0; /* 2 */vertical-align: baseline; /* 3 */*vertical-align: middle; /* 3 */}
button,input {line-height: normal; /* 1 */}
button,input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; /* 1 */-webkit-appearance: button; /* 2 */*overflow: visible;  /* 3 */}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto; /* 1 */vertical-align: top; /* 2 */}
table {border-collapse: collapse;border-spacing: 0;}

.copyright {color:#999; font-size:12px;border-top:1px solid #ddd; padding-top:10px;margin-top:10px; clear:both; }



/*-- Type Styles	--*/
p, td, li {font-size: 14px; line-height: 1.45; color: #333;  }
p {margin-bottom: 14px; }
p.noMargin {margin-bottom: 0; }
ol, ul {margin: 0 0 20px 0; padding: 0 0 0 15px; }

p strong {font-weight: bold;color: #111; }
h2 {font-size: 24px; margin: 30px 0 6px 0; font-weight:normal }
h3 {font-size: 20px; margin: 20px 0 6px 0; font-weight:normal }
H4 {font-size: 16px; margin: 20px 0 6px 0; font-weight:normal }
a:link, a:visited {color: #9c3b27; text-decoration: none; }
a:hover {text-decoration: underline;color: #333; }

img.right {float: right; margin: 0 0 15px 15px; }

/******************** Basic Layout ********************/
body {  background: #97d6ff;  }
#viewport {  position: fixed; top: 0;left: 0;width: 100%; height: 100%; background: #97d6ff; }
#holder {  position: absolute; width: 300%; height: 200%;top: 0; left: -100%;  }
#gf {  position: fixed; top: 0; left: 0; z-index: 10; background:#000 ;width: 100%;padding:5px; font-size:12px }
#gf a {; color:#fff}
#nav {  position: relative; width:99%; z-index: 10; text-align:right; margin-top:30px  }
#nav img {width:8%; height:auto}
#logo a {width:22%; height:auto;position: absolute; top:25px; left:8px; z-index: 11; }

#main {  position: absolute;top: 0; left: 33.3333333%;width:33.33333333%;height: 50%; background: url(/images/kids/home2.png) no-repeat bottom center scroll ;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.home2.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kids/home2.png', sizingMethod='scale')";z-index: 3; background: none\9; }

#panel1 {  position: absolute;top: 0; left: 0;width:33.33333333%;height: 50%; background: url(/images/kids/fiz2.png) no-repeat bottom right scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.fiz2.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kids/fiz2.png', sizingMethod='scale')";z-index: 3; background: none\9; }

#panel2 {  position: absolute;top: 0; right: 0;width:33.4%;height: 50%; background: url(/images/kids/panda2.png) no-repeat bottom left scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.panda2.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kids/panda2.png', sizingMethod='scale')";z-index: 3; background: none\9; }

#panel3 {  position: absolute;top: 50%;left: 33.3333333333%;width:33.33333333%;height: 50%; background: url(/images/kids/worm.png) no-repeat center top scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.worm.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kids/worm.png', sizingMethod='scale')";z-index: 3;background: none\9;  }

#clouds1 {  position: absolute; top: 0;left: 0%; width: 100%; background: url(/images/kids/bg2.png) no-repeat 75% 5%;height: 50%; z-index: 2; }
#clouds2 {  position: absolute; top: 0;left: 0%; width: 100%; background: url(/images/kids/bg3.png) no-repeat 40% 0;height: 50%; z-index: 2;  }

#main .mainmenu {width:100%;text-align:center;  top:25%; margin:0 auto;z-index: 20;position: relative;}
#main .mainmenu img {width:25%; height:auto}

#panel1 .fizimage {position: absolute; z-index: 30;width:60%; height:auto; top:6%; left:2%}
#panel1 .fiz {background: url(/images/kids/Frame-FIZ.png) no-repeat;z-index: 30;position: absolute;background-size:100% 100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/kids/Frame-FIZ.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kids/Frame-FIZ.png', sizingMethod='scale')";background: none\9;}
#panel1 .fizframe1 {width:30%; height:31%; padding:25px 35px 35px 35px;margin:22% 0 0 10%; font-size:100%; font-size:13px; text-align:center }
#panel1 .fizframe2 {width:25%; height:19%; padding:25px 35px 35px 35px;margin:22% 0 0 52%; text-align:center}
#panel1 .fizframe2 .game img {width:60%; height:auto; float:left}
#panel1 .fizframe2 .box {float:right; font-size:13px; width:37%;text-align:left}
#panel1 .fizframe3 {width:33%; height:23%; padding:25px 35px 35px 35px;margin:43% 0 0 48%; text-align:center}
#panel1 .fizframe3 .fancybox-media img {width:55%; height:auto}
#panel1 .fizframe3 .box {float:right; font-size:13px; width:41%;text-align:left}

#panel2 .pandaimage {position: absolute; z-index: 30;width:auto; height:53%; bottom:9%; right:15px}
#panel2 .panda {background: url(/images/kids/Frame-PANDA.png) no-repeat;z-index: 30;position: absolute;background-size:100% 100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/kids/Frame-PANDA.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kids/Frame-PANDA.png', sizingMethod='scale')";background: none\9;}
#panel2 .pandaframe1 {width:30%; height:32%; padding:35px;margin: 46% 0 0 20%;; font-size:13px; text-align:center  }
#panel2 .pandaframe2 {width:20%; height:26%; padding:35px;margin:5% 0 0 40%; text-align:center; font-size:13px }
#panel2 .pandaframe2 .fancybox-media img {width:80%; height:auto}
#panel2 .pandaframe3 {width:30%; height:30%; padding:35px;margin:16% 0 0 1%; font-size:13px; text-align:center }
#panel2 .pandaframe3 .left img {width:48%; height:auto;}
#panel2 .pandaframe3 .right {float:right;width:49%}
#panel2 .pandaframe3 .right img {width:99%; height:auto}

#panel3 .wormimage {position: absolute; z-index: 30;width:49%; height:auto; bottom:-2%; left:-3%}
#panel3 .worm {background: url(/images/kids/Frame-WORM.png) no-repeat;z-index: 30;position: absolute;background-size:100% 100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/kids/Frame-WORM.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kids/Frame-WORM.png', sizingMethod='scale')";background: none\9;}
#panel3 .wormframe1 {width:37%; height:30%; padding:35px;margin:10% 0 0 5%;text-align:center }
#panel3 .wormframe1 .fancybox-media img {width:60%; height:auto;margin-top:6px}
#panel3 .wormframe1 .right {float:right;width:37%;font-size:13px;line-height:135%;margin-top:6px; text-align:left}
#panel3 .wormframe2 {width:25%; height:29%; padding:35px;margin:9% 0 0 50%; font-size:13px;text-align:center;}
#panel3 .wormframe2 .game img {width:80%; height:auto;margin:6px auto 0 auto}
#panel3 .wormframe3 {width:38%; height:35%; padding:35px;margin:36% 0 0 30%; font-size:13px;text-align:center}

.fizframe1 img.activities, .pandaframe1 img.activities, .wormframe3 img.activities  {width:49%; height: auto; }
.fizframe1 .right, .pandaframe1 .right, .wormframe3 .right {float:right; width:49%; }
.fizframe1 .right img, .pandaframe1 .right img, .wormframe3 .right img {float:right; width:99%;margin-bottom: 3px;}