/*//////////////////////////////////////////////////////////////
// Elastoplast CSS Doc /////////////////////////////////////////
//////////////////////////////////////////////////////////////*/

/* Gloabl Styles ///////////////////////////////////////*/
*{margin:0; padding:0;}

html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#3f5c76;
	font-size:13px;
	background:url(../img/bg.jpg) repeat-x #0075bb;
}	

a img {border:0; margin:0;}

h1{
	margin:0;
	padding:0;
	color:#3f5c76;
	font-size:16px;
	font-weight:bold;
}

/* PNG fix */
img, div, ul, ul a{behavior:url(iepngfix.htc)}

#wrapper {width:100%; margin:0 auto;}

#header {width:100%; background:url(../img/head.jpg) no-repeat top center; float:left;}

#main{width:100%; float:left;}

#footer {width:100%; float:left;}

/* Header & Main Nav Styles ///////////////////////////////////////*/
#headerContainer {width:985px; height:115px; margin:0 auto;}
#logo {width:158px; height:51px; float:left; padding:50px 15px 0 15px;}
#navContainer {height:111px; float:left;}
.mainNav {width:700px; height:111px; float:left;}
.mainNav li{height:111px; margin:0 10px 0 0; list-style-type:none; overflow:hidden; float:left;}

#navHome a{width:66px; height:111px; display:block; background:url(../img/nav-home.jpg) no-repeat;}
#navEscapades a{width:128px; height:111px; display:block; background:url(../img/nav-kid-escapades.jpg) no-repeat;}
#navSkills a{width:126px; height:111px; display:block; background:url(../img/nav-kid-life-skills.jpg) no-repeat;}
#navProducts a{width:87px; height:111px; display:block; background:url(../img/nav-products.jpg) no-repeat;}

#navHome a:hover, #navEscapades a:hover, #navSkills a:hover, #navProducts a:hover{background-position:0px -111px;}

/* Setting current main nav section - match body id="" with a href id */
body#home a#navHome {background-position:0px -111px;}
body#escapades a#navEscapades {background-position:0px -111px;}
body#skills a#navSkills {background-position:0px -111px;}
body#products a#navProducts {background-position:0px -111px;}

#downloadsBlock {width:336px; float:left; margin:0 0 0 37px; display:inline;}
#downloadsImage {width:131px; height:129px; float:left; margin:0 0 32px 0; display:inline;}
#downloadsText {width:205px; height:100px; float:left; margin:0 0 32px 0; padding:29px 0 0 0; display:inline;}

/* Main content Styles ///////////////////////////////////////*/
#mainContainer {width:985px; margin:0 auto;}
#mainContent {width:984px; float:left; background:url(../img/lifeskills-content-background.jpg) repeat-x #9ec7de;}
/* Portal content Styles */
#portalContent {width:984px; padding:0 0 7px 0; float:left; background:url(../img/main-content-background.jpg) repeat-x #9ec7de;}
#mainFooter {width:984px; height:11px; padding:0 0 10px 0; float:left; background:url(../img/portal-content-footer.png) no-repeat;}
#portalHeader {width:984px; height:253px; float:left; background:url(../img/portal-header-image.jpg) no-repeat top right;}
#portalHeading {width:197px; height:118px; margin:35px 0 39px 52px; float:left; display:inline;}
#portalHeadingProducts {width:197px; height:118px; margin:35px 0 39px 52px;}
#portalButton {width:500px; height:200px; margin:22px 22px 0 0; float:right; display:inline;}
#portalSubheading {width:315px; height:35px; margin:0 0 0 52px; float:left; display:inline;}
#portalSubheadingProducts {width:315px; height:35px; margin:0 0 0 52px;}
#portalComp { padding:0 0 0 17px; }
#portalPodContainer {width:973px; height:608px; padding:0 0 0 11px; float:left;}
#portalPodParents {width:475px; height:601px; float:left; display:inline;}
#portalPodParentsImage {width:475px; height:400px; float:left; background:url(../img/portal-parents.jpg) no-repeat 6px 5px; display:inline;}
#portalPodKids {width:473px; height:601px; float:left; padding:0 0 0 2px; display:inline;}
#portalPodKidsImage {width:475px; height:400px; float:left; background:url(../img/portal-kids.jpg) no-repeat 6px 5px; display:inline;}
#portalPodText {width:469px; height:192px; float:left; background-color:#ffffff; margin:0 0 0 6px; display:inline;}
#portalPodText p{width:238px; margin:0px; padding:0px;}
#portalPodHeadline {width:443px; height:71px; float:left; margin:18px 0 0 25px; display:inline;}
#portalPodIntro {width:288px; height:103px; float:left; margin:0 0 0 25px; display:inline;}
#portalPodMore {width:67px; height:57px; float:left; margin:45px 0 0 0; display:inline;}
#portalPodArrow {width:70px; height:77px; float:left; margin:25px 0 0 0; display:inline;}
#portalPodFooter {width:469px; height:9px; float:left; margin:0 0 0 6px; display:inline;}

/* Life Skills content Styles */
#introBlock {width:411px; height:231px; float:left; margin:0 0 9px 0; background:url(../img/introduction.png) no-repeat;}
#introBlockIndependence {width:411px; height:231px; float:left; margin:0 0 9px 0; background:url(../img/encouraging-independence-intro.png) no-repeat;}
#introBlockAdventure {width:411px; height:271px; float:left; margin:0 0 9px 0; background:url(../img/learning-through-adventure-intro.png) no-repeat;}
#introBlockActivity {width:411px; height:271px; float:left; margin:0 0 9px 0; background:url(../img/activity-time-intro.png) no-repeat;}
#introBlockHealth {width:411px; height:271px; float:left; margin:0 0 9px 0; background:url(../img/health-and-safety-intro.png) no-repeat;}
#introBlockFriendships {width:411px; height:231px; float:left; margin:0 0 9px 0; background:url(../img/developing-friendships-intro.png) no-repeat;}
#mainContent p{width:275px; margin:95px 0 0 62px;}
#contentColumn {width:442px; float:left; margin:0 0 0 10px; padding:47px 0 0 0;}
#contentImage {width:442px; height:387px; float:left;}
#contentHeading {width:420px; float:left; padding:22px 0 0 22px; background:url(../img/content-column-background.png);}
#contentHeadingInner {width:420px; float:left; padding:0 0 0 22px; background:url(../img/content-column-background.png);}
#contentText {width:420px; float:left; padding:20px 0 20px 22px; background:url(../img/content-column-background.png);}
ul.contentUL {list-style-type:disc; margin:0 20px 10px 15px;}
ul.contentUL ul{list-style-type:circle; margin:0 20px 10px 20px;}
ol.contentOL {list-style-type:decimal; margin:50px 20px 10px 20px;}
#contentText p{width:400px; float:left; margin:0 0 10px 0; padding:0 20px 0 0;}
ul.navUL {width:400px; list-style-type:none; float:left;}
#contentText a:link, #contentText a:active, #contentText a:visited {color:#3f5c76; text-decoration:underline; font-weight:bold; font-size:13px;}
#contentText a:hover {color:#0075bb; text-decoration:underline; font-weight:bold; font-size:13px;}
#contentFooter {width:442px; height:16px; float:left;}

/* Life Skills Subnav Styles ///////////////////////////////////////*/
#subnavContainer {width:411px; float:left; padding:47px 0 0 45px;}
.subNav {width:308px; float:left; margin:0 0 34px 34px; padding:93px 0 0 22px; display:inline; background:url(../img/info-background.png) no-repeat;}
.subNav li{list-style-type:none; overflow:hidden; float:left;}
#subnavIndependence a{width:283px; height:93px; display:block; background:url(../img/encouraging-independence.png) no-repeat; cursor:pointer;}
#subnavAdventure a{width:283px; height:87px; display:block; background:url(../img/learning-through-adventure.png) no-repeat; cursor:pointer;}
#subnavActivity a{width:283px; height:57px; display:block; background:url(../img/activity-time.png) no-repeat; cursor:pointer;}
#subnavHealth a{width:283px; height:58px; display:block; background:url(../img/health-and-safety.png) no-repeat; cursor:pointer;}
#subnavFriendships a{width:283px; height:86px; display:block; background:url(../img/developing-friendships.png) no-repeat; cursor:pointer;}

.subNav li#subnavIndependence a:hover{background-position:0px -93px;}
.subNav li#subnavAdventure a:hover{background-position:0px -87px;}
.subNav li#subnavActivity a:hover{background-position:0px -57px;}
.subNav li#subnavHealth a:hover{background-position:0px -58px;}
.subNav li#subnavFriendships a:hover{background-position:0px -86px;}

/* Kid Escapades content Styles */
#escapadesHeader {width:952px; height:514px; float:left; margin:14px 0 0 17px; display:inline;}
#escapadesHeaderFooter {width:952px; height:36px; float:left; margin:0 0 0 17px; display:inline;}
#contentColumnEscapades {width:474px; float:left; padding:17px 0 0 0;}
#contentHeaderEscapades {width:474px; height:13px; float:left;}
#contentFooterEscapades {width:474px; height:16px; float:left;}
#contentTextEscapades {width:452px; height:auto; float:left; padding:20px 0 20px 22px; background:url(../img/content-column-escapades-background.png);}
#escapadesInnerText {width:432px; float:left; margin:0px; padding:0px;}
#escapadesInnerText p{width:400px; float:left; margin:0px; padding:0px; font-size:16px; line-height:22px;}
#escapadesBadge {width:432px; height:247px; float:left; text-align:center; margin:0 0 7px 0;}
#escapadesSubheading {width:432px; float:left;}
#escapadesUlHolder {width:248px; height:127px; float:left; padding:44px 0 0 0;}
#escapadesUlHolderAlt {width:432px; float:left; padding:10px 0 0 0;}
#escapadesUlHolderAltSpaced {width:200px; height:127px; float:left; padding:44px 0 0 0;}
ul.escapadesUL {list-style-type:none; padding:0px; margin:0px; font-size:16px; font-weight:bold;}
ul.escapadesULAlt {list-style-type:none; padding:0px; margin:0px; font-size:16px;}
ul.escapadesULAlt {list-style-type:none; padding:0px; margin:0px; font-size:16px;}
ul.escapadesULQuiz {list-style-type:none; padding:0px; margin:10px 0 10px 0; font-size:16px;}
ul.escapadesULAltSpaced {list-style-type:none; padding:0px; margin:0px; font-size:16px;}
ul.escapadesULAltSpacedInner {list-style-type:none; padding:0px; margin:0px; font-size:16px;}
ul.escapadesUL li, ul.escapadesULAlt li {background-image: url(../img/escapades-list-image.gif); background-repeat: no-repeat; background-position: 0px 6px; padding:0 0 0 30px;}
ul.escapadesULAltSpaced li {background-image: url(../img/escapades-list-image.gif); background-repeat: no-repeat; background-position: 0px 6px; padding:0 0 25px 30px;}
ul.escapadesULAltSpacedInner li {background-image: url(../img/escapades-list-image.gif); background-repeat: no-repeat; background-position: 0px 6px; padding:0 0 25px 30px;}
ul.escapadesULAltSpaced li.last {padding:0 0 0 30px;}
#escapadesSubimage {width:190px; float:left;}
#escapadesBadge {width:432px; float:left; padding:15px 0 0 0;}
#escapadesDivider {width:432px; height:30px; float:left; padding:15px 0 0 0;}

#escapadesFlash {width:432px; float:left; padding:10px 0 0 0;}

#quizLiHolder {
	float:left;
	width:350px;
	height:40px;
	background-image: url(../img/quiz-divider.gif); background-repeat: no-repeat; background-position: 25px 30px;
	padding:0 0 0 30px;
}
#quizLiHolderAlt {
	float:left;
	width:350px;
	height:60px;
	background-image: url(../img/quiz-divider.gif); background-repeat: no-repeat; background-position: 25px 50px;
	padding:0 0 0 30px;
}
#checkboxHolder {
	width:26px;
	height: 26px;
	float:left;
	margin:0px;
	padding:0px;
}
.checkbox {
	width: 26px;
	height: 26px;
	margin:0px;
	background: url(../img/quizCheck.gif) no-repeat;
	display: block;
	clear: left;
	padding:0 20px 0 0;
}

/* Kid Escapades Subnav Styles ///////////////////////////////////////*/
#subnavContainerEscapades {width:484px; float:left; margin:5px 0 0 17px; display:inline;}
.subNavEscapades {width:484px; float:left; margin:0 0 22px 0;}
.subNavEscapades li{list-style-type:none; overflow:hidden; float:left;}
#subnavNature a{width:484px; height:108px; display:block; background:url(../img/nature-trail-adventure.png) no-repeat; cursor:pointer;}
#subnavDen a{width:267px; height:82px; display:block; background:url(../img/build-a-den.png) no-repeat; cursor:pointer;}
#subnavStargazing a{width:455px; height:102px; display:block; background:url(../img/stargazing-sleepover.png) no-repeat; cursor:pointer;}
#subnavBadge a{width:395px; height:100px; display:block; background:url(../img/adventurers-badge.png) no-repeat; cursor:pointer;}
#subnavAid a{width:360px; height:89px; display:block; background:url(../img/what-is-first-aid.png) no-repeat; cursor:pointer;}
#subnavGrazes a{width:455px; height:126px; display:block; background:url(../img/grazes-bruises-burns-stings.png) no-repeat; cursor:pointer;}
#subnavQuiz a{width:307px; height:94px; display:block; background:url(../img/first-aid-quiz.png) no-repeat; cursor:pointer;}

.subNavEscapades li#subnavNature a:hover{background-position:0px -108px;}
.subNavEscapades li#subnavDen a:hover{background-position:0px -82px;}
.subNavEscapades li#subnavStargazing a:hover{background-position:0px -102px;}
.subNavEscapades li#subnavBadge a:hover{background-position:0px -100px;}
.subNavEscapades li#subnavAid a:hover{background-position:0px -89px;}
.subNavEscapades li#subnavGrazes a:hover{background-position:0px -126px;}
.subNavEscapades li#subnavQuiz a:hover{background-position:0px -94px;}

/* Products content Styles */
#productsContent {width:984px; padding:0 0 7px 0; float:left; background:url(../img/main-content-background.jpg) repeat-x #9ec7de;}
#productsContentHeader {width:952px; height:10px; margin:25px 0 0 17px; display:inline; float:left;  background:url(../img/main-content-background.jpg) repeat-x #9ec7de;}
#productsHeader {width:952px; height:266px; margin:0 0 0 17px; float:left; display:inline; background:url(../img/products-header-image.jpg) no-repeat top right #ffffff; }
#productsContentFooter {width:952px; height:10px; margin:0 0 0 17px; display:inline; float:left;}
#productsDivider {width:952px; height:34px; margin:0 0 0 17px; background-color:#ffffff; display:inline; float:left; text-align:center;}
#productsImage {width:410px; height:516px; margin:0 0 0 17px; background-color:#ffffff; display:inline; float:left;}
#productsText {width:542px; height:73px; background-color:#ffffff; float:left;}
#productsSubImage {width:542px; height:143px; background-color:#ffffff; float:left;}
#productsMainText {width:542px; height:300px; background-color:#ffffff; float:left;}
#productsMainText p{width:530px; background-color:#ffffff; float:left; font-size:14px; color:#89857c; line-height:20px; margin:0 0 20px 0;}
ul.productsUL {list-style-type:disc; padding:0 0 0 20px; margin:90px 0 0 0; color:#6cabe0;}
.greyListText {color:#89857c; font-size:14px;}

/* Global Footer Styles ///////////////////////////////////////*/
#footerContainer {width:985px; height:80px; margin:0 auto; background:url(../img/bg-footer.png) no-repeat;}
#footerLeft {width:850px; float:left; padding:5px 0 0 20px;}
.footerNav {width:870px; float:left;}
.footerNav li{list-style-type:none; overflow:hidden; float:left;}
.footerNav a:link, a:active, a:visited {color:#ffffff; text-decoration:none; font-size:10px;}
.footerNav a:hover {color:#ffffff; text-decoration:underline; font-size:10px;}
.footerNav li{padding:0 10px 0 10px; background:url(../img/bg-footer-seperator.gif) no-repeat center right;}
.footerNav li.first{padding:0 10px 0 0;}
.footerNav li.last{padding:0 0 0 10px; background-image:none;}
.footerCopyright {
	width:870px;
	float:left;
	color:#ffffff;
	font-size:10px;
	padding:25px 0 0 0;
}
#footerRight {width:65px; float:right; padding:20px 30px 0 0;}