/* CSS Document */

* {
	margin:0;
	padding:0;
}
html, body {
	min-width: 980px;
	height: 100%;
}
body {
	background-color: #d0df4f;
	background-image: url(../images/back-home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/* Preloader */

#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:1100; /* makes sure it stays on top */
}

#status {
    width:470px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/loading.jpg); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -235px; /* is width and height divided by two */
}
/* general */
.clearfloat {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.hidden {
	display: none;
}
.img {
	border: 0;
	border-style: none;
	text-decoration: none;
}
area {
	cursor: pointer;
}
a {
	color: #0f7f9e;
	outline: 0;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #fff;
	outline: 0;
	text-decoration: none;
	cursor: pointer;
}
/* home */
#logo {
	position: absolute;
	width: 410px;
	height: 280px;
	left: 297px;
	top: 136px;
}
#wrap {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
/* page backs */
.body-model {
	background-image: url(../images/back-model.jpg);
	background-repeat: no-repeat;
	background-color: #98a224;	
}
.body-consultants {
	background-image: url(../images/back-consultants.jpg);
	background-repeat: no-repeat;
	background-color: #d0df4f;	
}
.body-families {
	background-image: url(../images/back-families.jpg);
	background-repeat: no-repeat;
	background-color: #d0df4f;	
}
.body-services {
	background-image: url(../images/back-services.jpg);
	background-repeat: no-repeat;
	background-color: #d0df4f;	
}
.body-rainbow {
	background-image: url(../images/back-rainbow.jpg);
	background-repeat: no-repeat;
	background-color: #d0df4f;	
}
.body-vision {
	background-image: url(../images/back-vision.jpg);
	background-repeat: no-repeat;
	background-color: #d0df4f;	
}
.body-sisters {
	background-image: url(../images/back-meet-sisters.jpg);
	background-repeat: no-repeat;
	background-color: #d0df4f;	
}
.body-tara {
	background-image: url(../images/back-tara.jpg);
	background-repeat: no-repeat;
	background-color: #d0df4f;	
}
.body-charla {
	background-image: url(../images/back-charla.jpg);
	background-repeat: no-repeat;
	background-color: #d0df4f;	
}
.body-findUs {
	background-image: url(../images/back-where-to-find-us.jpg);
	background-repeat: no-repeat;
	background-color: #d0df4f;	
}
#backgroundPopup {
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000;
	z-index:3;
}
/* menu */
#menu-holder2 {
	position: relative;
	width: 980px;
	height: 210px;
	margin-top: 0px;
	background-image: url(../images/menu/all-clouds-2.png);
	background-repeat: no-repeat;
	z-index: 2;
}
#menu-holder {
	position: relative;
	width: 980px;
	height: 210px;
	margin-top: 0px;
	background-image: url(../images/menu/all-clouds-2020.png);
	background-repeat: no-repeat;
	z-index: 2;
}

/* model page */
#model-design {
	position: relative;
	margin-top: 10px;
	margin-left: 180px;
	width: 625px;
	height: 620px;
}
#family-capacity {
	position: relative;
	margin-top: -146px;
	margin-left: 165px;
	width: 670px;
	height: 209px;
}
#page-text {
	position: relative;
	margin-top: 35px;
	margin-left: 180px;
	width: 630px;
}
#environment-popup {
	position: relative;
	margin-top: -30px;
	margin-left: -70px;
	background-image: url(../images/model/environment-back.png);
	height: 215px;
	width: 455px;
	padding-top: 50px;
	padding-right: 70px;
	padding-left: 70px;
	z-index: 5;	
}
#cognitive-popup, #affective-popup, #physical-popup {
	position: relative;
	margin-top: -30px;
	margin-left: -70px;
	background-image: url(../images/model/cognitive-back.png);
	height: 261px;
	width: 196px;
	padding-top: 50px;
	padding-right: 70px;
	padding-left: 70px;	
	z-index: 5;	
}
#family-popup {
	position: relative;
	margin-top: -30px;
	margin-left: -70px;
	background-image: url(../images/model/family-back.png);
	height: 171px;
	width: 445px;
	padding-top: 70px;
	padding-right: 75px;
	padding-left: 75px;	
	z-index: 5;	
}
#productivity-popup, #self-care-popup, #leisure-popup {
	position: relative;
	margin-top: -30px;
	margin-left: -70px;
	background-image: url(../images/model/productivity-back.png);
	height: 261px;
	width: 196px;
	padding-top: 50px;
	padding-right: 70px;
	padding-left: 70px;	
	z-index: 5;	
}
.close-btn {
	position: absolute;
	top: 32px;
	right: 40px;
	width: 22px;
	height: 21px;
	cursor: pointer;
}
/* consultants page */
#slp-popup, #pt-popup, #psych-popup, #cda-popup, #beh-popup, #asst-popup, #rdi-popup, #ot-popup, #teach-popup {
	width: 465px;
	height: 239px;
	padding: 50px 70px;
	background: url(../images/consultants/back-popup.png) no-repeat;
	position: relative;
	margin-top: -50px;
	margin-left: -70px;
	z-index: 5;	
}
#cda-popup #fish, #ot-popup #fish, #rdi-popup #fish, #pt-popup #fish, #slp-popup #fish, #beh-popup #fish, #asst-popup #fish, #psych-popup #fish, #teach-popup #fish {
	width: 199px;
	height: 116px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#cda-popup #fish {background: url(../images/consultants/popup-fish-cda.png);}
#ot-popup #fish {background: url(../images/consultants/popup-fish-ot.png);}
#rdi-popup #fish {background: url(../images/consultants/popup-fish-rdi.png);}
#pt-popup #fish {background: url(../images/consultants/popup-fish-pt.png);}
#slp-popup #fish {background: url(../images/consultants/popup-fish-slp.png);}
#beh-popup #fish {background: url(../images/consultants/popup-fish-beh.png);}
#asst-popup #fish {background: url(../images/consultants/popup-fish-asst.png);}
#psych-popup #fish {background: url(../images/consultants/popup-fish-psych.png);}
#teach-popup #fish {background: url(../images/consultants/popup-fish-teach.png);}

#fish-cda {
	width: 250px;
	height: 89px;
}
a.cda-fish {
	display: block;
	width: 250px;
	height: 89px;
	text-decoration: none;
	background-image: url(../images/consultants/fish-cda.png);
}
a.cda-fish:hover {
	background-position: 0px -89px;
	cursor: pointer;
}
#fish-ot {
	width: 182px;
	height: 105px;
}
a.ot-fish {
	display: block;
	width: 182px;
	height: 105px;
	text-decoration: none;
	background-image: url(../images/consultants/fish-ot.png);
}
a.ot-fish:hover {
	background-position: 0px -105px;
	cursor: pointer;
}
#fish-slp {
	width: 207px;
	height: 76px;
}
a.slp-fish {
	display: block;
	width: 207px;
	height: 76px;
	text-decoration: none;
	background-image: url(../images/consultants/fish-slp.png);
}
a.slp-fish:hover {
	background-position: 0px -76px;
	cursor: pointer;
}
#fish-rdi {
	width: 220px;
	height: 293px;
}
a.rdi-fish {
	display: block;
	width: 220px;
	height: 293px;
	text-decoration: none;
	background-image: url(../images/consultants/fish-rdi.png);
}
a.rdi-fish:hover {
	background-position: 0px -293px;
	cursor: pointer;
}
#fish-pt {
	width: 162px;
	height: 149px;
}
a.pt-fish {
	display: block;
	width: 162px;
	height: 149px;
	text-decoration: none;
	background-image: url(../images/consultants/fish-pt.png);
}
a.pt-fish:hover {
	background-position: 0px -149px;
	cursor: pointer;
}
#fish-beh {
	width: 215px;
	height: 124px;
}
a.beh-fish {
	display: block;
	width: 215px;
	height: 124px;
	text-decoration: none;
	background-image: url(../images/consultants/fish-beh.png);
}
a.beh-fish:hover {
	background-position: 0px -124px;
	cursor: pointer;
}
#fish-asst {
	width: 193px;
	height: 128px;
}
a.asst-fish {
	display: block;
	width: 193px;
	height: 128px;
	text-decoration: none;
	background-image: url(../images/consultants/fish-asst.png);
}
a.asst-fish:hover {
	background-position: 0px -128px;
	cursor: pointer;
}
#fish-psych {
	width: 216px;
	height: 101px;
}
a.psych-fish {
	display: block;
	width: 216px;
	height: 101px;
	text-decoration: none;
	background-image: url(../images/consultants/fish-psych.png);
}
a.psych-fish:hover {
	background-position: 0px -101px;
	cursor: pointer;
}
#fish-teach {
	width: 162px;
	height: 108px;
}
a.teach-fish {
	display: block;
	width: 162px;
	height: 108px;
	text-decoration: none;
	background-image: url(../images/consultants/fish-teach.png);
}
a.teach-fish:hover {
	background-position: 0px -108px;
	cursor: pointer;
}
/* families page */
#abc-owl {
	position: absolute;
	top: 371px;
	left: 196px;
}
#pencil-owl {
	position: absolute;
	top: 314px;
	left: 540px;
	cursor: pointer;
}
#lucky-owl {
	position: absolute;
	top: 350px;
	left: 59px;
}
#videos-owl {
	position: absolute;
	top: 233px;
	left: 235px;
}
#login-cloud {
	position: absolute;
	background-image:url(../images/families/login-cloud.png);
	background-repeat:no-repeat;
	top: 33px;
	left: 282px;
	width: 487px;
	height: 229px;
	z-index: 1;
	padding-top: 150px;
	padding-left: 150px;
}
#info-cloud {
	box-sizing: border-box;
	position: absolute;
	/*background-image:url(../images/families/login-cloud.png);
	background-repeat:no-repeat;*/
	top: 545px;
	left: 240px;
	width: 400px;
	z-index: 1;
	padding: 0;
	text-align: center; 
	cursor: pointer;
	background-color:#fff;
}
#info-moss-monster {
	box-sizing: border-box;
	position: absolute;
	/*background-image:url(../images/families/login-cloud.png);
	background-repeat:no-repeat;*/
	top: 545px;
	left: 240px;
	width: 400px;
	z-index: 1;
	padding: 0;
	text-align: center; 
	cursor: pointer;
}
#info-moss-monster-small {
	box-sizing: border-box;
	position: absolute;
	/*background-image:url(../images/families/login-cloud.png);
	background-repeat:no-repeat;*/
	bottom: -100px;
	left: 40px;
	width: 220px;
	z-index: 1;
	padding: 0;
	text-align: center; 
	cursor: pointer;
}
#info-moss-monster-small2 {
	box-sizing: border-box;
	position: absolute;
	/*background-image:url(../images/families/login-cloud.png);
	background-repeat:no-repeat;*/
	bottom: 20px;
	left: 75px;
	width: 200px;
	z-index: 1;
	padding: 0;
	text-align: center; 
	cursor: pointer;
}
#info-cloud h2 {
	font-family: 'bradympcregular', Arial;
    font-size: 28px;
    color: #0f7f9e;
    line-height: 30px;
	letter-spacing: 2px;
}
/* services page */
#therapy-popup, #developmental-popup, #puf-popup, #specialized-popup {
	position: relative;
	margin-top: -50px;
	margin-left: -70px;
	width: 465px;
	height: 345px;
	padding: 50px 70px;
	z-index: 5;	
	background: url(../images/services/back-popup.png);
}
#therapy-popup #flower, #developmental-popup #flower, #puf-popup #flower, #specialized-popup #flower {
	width: 96px;
	height: 131px;
	position: absolute;
	bottom: 28px;
	right: 38px;
}
#therapy-popup #flower {background: url(../images/services/popup-flower-therapy.png);}
#developmental-popup #flower {background: url(../images/services/popup-flower-developmental.png);}
#puf-popup #flower {background: url(../images/services/popup-flower-puf.png);}
#specialized-popup #flower {background: url(../images/services/popup-flower-specialized.png);}

/* rainbow connections page */
#fairy-mobile-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: 240px;
	left: 70px;
	z-index: 1000;
}
#fairy-bed-btn {
	position: absolute;
	width: 68px;
	height: 75px;
	top: 230px;
	left: 94px;
	z-index: 1000;
}
#fairy-window-btn {
	position: absolute;
	width: 68px;
	height: 75px;
	top: 113px;
	left: 60px;
	z-index: 1000;
}
#fairy-teddy-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: 30px;
	left: 36px;
	z-index: 1000;
}
#fairy-puppets-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: 33px;
	left: 102px;
	z-index: 1000;
}
#fairy-closet-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: -24px;
	left: 101px;
	z-index: 1000;
}
#fairy-ipad-btn {
	position: absolute;
	width: 68px;
	height: 75px;
	top: -13px;
	left: -46px;
	z-index: 1000;
}
#fairy-piggy-btn {
	position: absolute;
	width: 68px;
	height: 75px;
	top: 55px;
	left: 40px;
	z-index: 1000;
}
#fairy-trophy-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: -13px;
	left: 156px;
	z-index: 1000;
}
#fairy-abacus-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: 135px;
	left: 87px;
	z-index: 1000;
}
#fairy-books-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: 239px;
	left: 33px;
	z-index: 1000;
}
#fairy-picture-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: 78px;
	left: -31px;
	z-index: 1000;
}
#fairy-growth-chart-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: 10px;
	left: 59px;
	z-index: 1000;
}
#fairy-child-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: 29px;
	left: 95px;
	z-index: 1000;
}
#fairy-bike-btn {
	position: absolute;
	width: 69px;
	height: 68px;
	top: 80px;
	left: 27px;
	z-index: 1000;
}
#mobile {
	position: absolute;
	top: 0px;
	left: 280px;
	z-index: 1;
}
#bed {
	position: absolute;
	top: 265px;
	left: -52px;
	z-index: 1;
}
#teddy {
	position: absolute;
	top: 430px;
	left: 153px;
	z-index: 1;
}
#puppets {
	position: absolute;
	top: 580px;
	left: 95px;
	z-index: 1;
}
#shelf {
	position: absolute;
	top: 333px;
	left: 395px;
	z-index: 1;
}
#closet {
	position: absolute;
	top: 248px;
	left: 580px;
	z-index: 1;
}
#picture {
	position: absolute;
	top: 325px;
	left: 783px;
	z-index: 1;
}
#growth-chart {
	position: absolute;
	top: 331px;
	left: 880px;
	z-index: 1;
}
#child {
	position: absolute;
	top: 372px;
	left: 248px;
	z-index: 1;
}
#bike {
	position: absolute;
	top: 520px;
	left: 583px;
	z-index: 1;
}
#mobile-popup,#window-popup,#bed-popup,#teddy-popup,#puppets-popup,#ipad-popup,#piggy-popup,#trophy-popup,#abacus-popup,#books-popup,#closet-popup,#picture-popup,#growth-chart-popup,#child-popup,#bike-popup,#start-popup {
	position: relative;
	margin-top: -50px;
	margin-left: -70px;
	width: 454px;
	height: 193px;
	padding: 50px 70px;	
	z-index: 5;
	background: url(../images/rainbow/back-popup.png);
}
#start-popup {
	position: relative;
	margin-top: -50px;
	margin-left: -70px;
	width: 455px;
	height: 165px;
	padding: 50px 70px;	
	z-index: 5;
	background: url(../images/model/environment-back.png);
}
#mobile-popup #image, #window-popup #image, #bed-popup #image, #teddy-popup #image, #puppets-popup #image, #ipad-popup #image, #piggy-popup #image, #trophy-popup #image, #abacus-popup #image, #books-popup #image, #closet-popup #image, #picture-popup #image, #growth-chart-popup #image, #child-popup #image, #bike-popup #image {
	width: 94px;
	height: 90px;
	position: absolute;
	bottom: 18px;
	right: 264px;
}
#mobile-popup #image {background: url(../images/rainbow/popup-image-mobile.png);}
#window-popup #image {background: url(../images/rainbow/popup-image-window.png);}
#bed-popup #image {background: url(../images/rainbow/popup-image-bed.png);}
#teddy-popup #image {background: url(../images/rainbow/popup-image-teddy.png);}
#puppets-popup #image {background: url(../images/rainbow/popup-image-puppets.png);}
#ipad-popup #image {background: url(../images/rainbow/popup-image-ipad.png);}
#piggy-popup #image {background: url(../images/rainbow/popup-image-piggy.png);}
#trophy-popup #image {background: url(../images/rainbow/popup-image-trophy.png);}
#abacus-popup #image {background: url(../images/rainbow/popup-image-abacus.png);}
#books-popup #image {background: url(../images/rainbow/popup-image-books.png);}
#closet-popup #image {background: url(../images/rainbow/popup-image-closet.png);}
#picture-popup #image {background: url(../images/rainbow/popup-image-picture.png);}
#growth-chart-popup #image {background: url(../images/rainbow/popup-image-growth-chart.png);}
#child-popup #image {background: url(../images/rainbow/popup-image-child.png);}
#bike-popup #image {background: url(../images/rainbow/popup-image-bike.png);}

/* our vision */
#door {
	position: absolute;
	top: 246px;
	left: 400px;
}
#door-overlay {
	position: absolute;
	top: 246px;
	left: 400px;
}
#mushrooms {
	position: absolute;
	top: 302px;
	left: 305px;
}
#container1 {
	position: relative;
	margin-top: -725px;
	margin-left: 70px;
	width: 585px;
}
#container2,#container3,#container4,#container5,#container6,#container7,#container8,#container9,#container10,#container11,#container12,#container13,#container14,#container15 {
	position: relative;
	margin-left: 70px;
	width: 585px;
}
.close-btn2 {
	position: absolute;
	top: 32px;
	right: 30px;
	width: 22px;
	height: 21px;
	cursor: pointer;
}
/* meet the sisters */
#sisters-text-container {
	position: absolute;
	top: 200px;
	left: 280px;
	width: 420px;
}
#tara-text-container {
	position: relative;
	margin-top: 383px;
	margin-left: 396px;
	width: 500px;
}
#charla-text-container {
	position: relative;
	margin-top: 383px;
	margin-left: 100px;
	width: 500px;
}
#sister-tara {
	width: 199px;
	height: 209px;
}
#sister-charla {
	width: 195px;
	height: 189px;
}
#sister-tara2 {
	width: 138px;
	height: 209px;
}
#sister-charla2 {
	width: 195px;
	height: 189px;
}
/* where to find us */
#findUs-map-container {
	position: absolute;
	top: 457px;
	left: 107px;
	width: 400px;
	height: 300px;
}
/* footers*/
#footer-model {
	position: relative;
	background-image: url(../images/footer-model.png);
	background-repeat: no-repeat;
	height: 214px;
	background-position: center;
}
#footer-consultants {
	position: relative;
	background-image: url(../images/footer-consultants.png);
	background-repeat: no-repeat;
	height: 267px;
	background-position: center;
}
#footer-families {
	position: relative;
	background-image: url(../images/footer-families.png);
	background-repeat: no-repeat;
	height: 263px;
	background-position: center;
}
#footer-services {
	position: relative;
	background-image: url(../images/footer-services.png);
	background-repeat: no-repeat;
	height: 639px;
	background-position: center;
	z-index: 2;
}
#footer-rainbow {
	position: relative;
	background-image: url(../images/footer-rainbow.png);
	background-repeat: no-repeat;
	height: 215px;
	background-position: center;
	z-index: 2;
}
#footer-vision {
	position: relative;
	background-image: url(../images/footer-vision.png);
	background-repeat: no-repeat;
	height: 234px;
	background-position: center;
	z-index: 2;
}
#footer-sisters {
	position: relative;
	background-image: url(../images/footer-sisters.png);
	background-repeat: no-repeat;
	height: 277px;
	background-position: center;
	z-index: 2;
}
#footer-sisters2 {
	position: relative;
	background-image: url(../images/footer-sisters2.png);
	background-repeat: no-repeat;
	height: 263px;
	background-position: center;
	z-index: 2;
}
#footer-findUs {
	position: relative;
	background-image: url(../images/footer-findUs.png);
	background-repeat: no-repeat;
	height: 214px;
	background-position: center;
	z-index: 2;
}
#footer-holder {
	margin: 0 auto;
	width: 980px;
}
#footer-model-content,#footer-rainbow-content, #footer-findUs-content {
	position:relative;
	padding-left: 600px;
	padding-top: 125px;
}
#footer-consultants-content,#footer-families-content {
	position:relative;
	padding-left: 600px;
	padding-top: 160px;
}
#footer-services-content {
	position:relative;
	padding-left: 600px;
	padding-top: 215px;
}
#footer-vision-content {
	position:relative;
	padding-left: 600px;
	padding-top: 144px;
}
#footer-sisters-content {
	position:relative;
	padding-left: 600px;
	padding-top: 174px;
}
#footer-sisters-content2 {
	position:relative;
	padding-left: 600px;
	padding-top: 160px;
}