body { background: url(images/bg.jpg); }
.clear { clear: both; }
p { margin: 14px 0; padding: 0; }
hr.clear { display:block; visibility:hidden; height:0; border-width:0; margin:0; padding:0; font-size: 1px; }
#main { margin: 0 auto; width: 903px; }
#header { padding: 0; margin: 0; }
#header .homeLink {  display: block; height: 153px; }
#title { position: relative; background: url(images/title.png); width: 903px; height: 153px; }
#title .addthis_button { position: absolute; top: 75px; right: 45px; }
#title h1 { padding: 0; margin: 0; }
#title h1 img { border: 0; }
#nav { background: url(images/content-bg.png); padding-bottom: 15px; }
#nav ul { padding: 23px 0 0 0; margin: 0; list-style: none; margin-left: 120px; }
#nav ul li { position: relative; float: left; margin: 0; padding: 0; }
#nav ul li a.img { display: block; height: 50px; padding: 0; margin: 0; }
#nav ul li div.img { display: block; height: 50px; padding: 0; margin: 0; }
#nav ul li a:hover { background-position: 0 -50px; }
#nav ul li a span { display: none; }
#nav ul li div span { display: none; }
#nav .classes div.img { background: url(images/nav_classes.png); width: 134px; }
#nav .preschool a.img { background: url(images/nav_pre-school.png); width: 135px; }
#nav .about div.img { background: url(images/nav_about.png); width: 120px; }
#nav .blog a.img { background: url(images/nav_blog.png); width: 88px; }
#nav .gallery a.img { background: url(images/nav_gallery.png); width: 101px; }
#nav .contact a.img { background: url(images/nav_contact.png); width: 107px; }

/* Sub menus */
#nav ul li ul { display: none; position: absolute; z-index: 999; top: 20px; left: -100px; } 
#nav ul li ul li { background: #EE3224; background-image: none; height: auto; width: 166px; border-bottom: 1px solid white; padding: 5px 15px 5px 15px;}
#nav ul li ul li a { color: white; font-size: 18px; text-decoration: none; }
#nav ul li ul li a:hover { color: black; }
#nav ul li ul li.last { 
	border: 0; padding-bottom: 20px;
	-moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#nav ul li:hover ul { display: block; }

#content { background: url(images/content-bg.png); padding: 0; margin: 0; }
.galleryFloat { float: left; }
#content a { text-decoration: none; color: #EE3224; background-color: transparent; }
#content a:hover { text-decoration: underline; }

#footer { float: left; background: url(images/footer.png); height: 96px; width: 903px; margin-bottom: 40px; }
#footer ul { padding: 0; margin: 0px; list-style: none; text-align: center; }
#footer ul li { display: inline; margin: 0; padding: 0; }
#footer .contact { margin-top: 22px; font-size: 18px; }
#footer .contact ul li { margin: 0 12px; }
#footer .contact ul li a { text-decoration: none; color: #EE3224; background-color: transparent; }
#footer .contact ul li a:hover { text-decoration: underline; }
#footer .footer-nav ul { margin-top: 24px; font-size: 14px; }
#footer .footer-nav ul li { margin: 0 8px; }
#footer .footer-nav ul li a { text-decoration: none; color: #EE3224; background-color: transparent; }
#footer .footer-nav ul li a:hover { text-decoration: underline; }

.findThePixie { padding: 20px 44px 26px 36px; background: url(images/content-bg.png); font-size: 20px;}
.findThePixie form { float: left; }
.findThePixie input.text { border: 1px solid black; background: white; width: 236px; height: 29px; font-size: 18px; }
.findThePixie input.text.blur { color: #aaa; }
.findThePixie input.submit { border: 0; background: transparent; color: #EE3224; font-size: 20px; cursor: pointer; }
.findThePixie a img { border: 0; float: right; }
.findThePixie .socialLinks { padding-right: 40px; float: right; }
.findThePixie .socialLinks img { float: none;  margin-right: 5px}


#home { position: relative; background: url(images/home-bg.png); width: 846px; height: 490px; margin: 0 auto; background-repeat: no-repeat; }
#home h2 { padding: 0; margin: 0 0 10px 0; font-weight: normal; }
#home .topCenter { position: absolute; top: 5px; left: 350px; width: 190px; text-align: center; color: white; font-size: 16px; line-height: 25px; }
#home .bottomCenter { position: absolute; top: 260px; left: 350px; width: 190px; text-align: center; color: white; font-size: 16px; line-height: 25px; }
#home .right { position: absolute; top: 110px; left: 595px; width: 225px; text-align: left; color: white; font-size: 18px; line-height: 25px; }
#home .learnMore { position: absolute; top: 340px; width: 220px; text-align: right; font-size: 22px;}


#classes { position: relative; background: url(images/classes-bg.png); width: 816px; height: 591px; margin: 0 auto; background-repeat: no-repeat; line-height: 24px; }
#classes .left { position: absolute; top: 270px; left: 42px; width: 315px; color: black; font-size: 18px; }
#classes .right { position: absolute; top: 270px; left:453px; width: 315px; color: black; font-size: 18px; }
#classes .pdfLink { text-align: center; font-weight: bold; }

#about { position: relative; background: url(images/about-bg.png); width: 819px; height: 623px; margin: 0 auto; background-repeat: no-repeat; }
#about .left { position: absolute; top: 270px; left: 42px; width: 235px; color: black; font-size: 15px; }
#about .center { position: absolute; top: 270px; left: 293px; width: 235px; color: black; font-size: 15px; }
#about .right { position: absolute; top: 270px; left: 543px; width: 235px; color: black; font-size: 15px; }

/*#schedule { position: relative; background: url(images/schedule-bg.png); width: 815px; height: 544px; margin: 0 auto; background-repeat: no-repeat; line-height: 24px; }
#schedule .left { position: absolute; top: 270px; left: 42px; width: 315px; color: black; font-size: 18px; }
#schedule .right { position: absolute; top: 270px; left:453px; width: 315px; color: black; font-size: 18px; }
#schedule .right .pdfLink { text-align: center; font-weight: bold; }*/

#registration { position: relative; background: url(images/registration-bg.png); width: 815px; height: 502px; margin: 0 auto; background-repeat: no-repeat; line-height: 18px; }
#registration .left { position: absolute; top: 250px; left: 42px; width: 315px; color: black; font-size: 15px; }
#registration .right { position: absolute; top: 50px; left:453px; width: 315px; color: black; font-size: 15px; }
#registration a img { display: block; border: 0; margin: 0 auto 30px auto; }

#gallery-top { float: left; background: url(images/gallery-bg-top.png); width: 845px; margin: 0 30px; height: 23px; padding: 0px;  }
#gallery-bottom { float: left; background: url(images/gallery-bg-bottom.png); width: 845px; margin: 0 30px 15px 30px; height: 23px; padding: 0px; }
#gallery { float: left; background: url(images/gallery-bg-fill.png); width: 845px; margin: 0 30px; padding: 0px; }
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img { border: 10px solid #272425; margin: 9px;  }
#gallery ul a:hover img { border: 10px solid #474445; }
#gallery ul a:hover { }

#contact { position: relative; background: url(images/contact-bg.png); width: 846px; height: 447px; margin: 0 auto; background-repeat: no-repeat; line-height: 24px; }
#contact .middle { position: absolute; top: 30px; left: 302px; width: 230px; color: white; font-size: 18px; text-align: center; line-height: 30px; }
#contact .hr { height: 13px; width: 234px; padding: 0; margin: 10px 0 20px 0; }
#contact .middle .map { width: 200px; height: 186px; border: 0; }
#contact .right { position: absolute; top: 20px; left:567px; width: 251px; color: black; font-size: 18px; text-align: center; color: white; }
#contact .right .contactInput { width: 245px; padding: 0; margin: 0; border: 3px solid #EE3224; font-size: 18px; }
#contact .right input.contactInput {  height: 29px; }
#contact .right textarea.contactInput {  height: 95px; }
#contact .right .pdfLink { text-align: center; font-weight: bold; }
#contact .right .captchaTip { font-size: 14px;  line-height: 13px; padding-top: 15px;  }
#contact .right .captchaInput { height: 29px; width: 105px; padding: 0; margin: 0; border: 3px solid #EE3224; font-size: 18px; margin-top: 15px;}
#contact .right .contactSend { background-color: transparent; border: 0;  color: #EE3224; font-size: 30px; cursor: pointer; }

#contactConfirm { position: relative; background: url(images/contact-bg.png); width: 846px; height: 447px; margin: 0 auto; background-repeat: no-repeat; line-height: 24px; }
#contactConfirm .right { position: absolute; top: 160px; left: 402px; width: 330px; color: white; font-size: 18px; text-align: center; line-height: 30px; }

#black-top { float: left; background: url(images/gallery-bg-top.png); width: 845px; margin: 0 30px; height: 23px; padding: 0px;  }
#black-bottom { float: left; background: url(images/gallery-bg-bottom.png); width: 845px; margin: 0 30px 15px 30px; height: 23px; padding: 0px; }
#black { float: left; background: url(images/gallery-bg-fill.png); width: 845px; margin: 0 30px; padding: 0px; }

#classDescription { font-size: 13px; line-height: 17px; color: white; background: url(images/classDescriptions.jpg) no-repeat top left; margin: 0 0 0 24px; padding: 0 67px 0 308px; }

#schedule img { margin: 0 auto; }
#schedule { text-align: center; font-size: 13px; line-height: 17px; color: white; margin: 0 67px 0 67px; }
#schedule .calendar { width: 100%; height: 600px; background: white; margin: 20px 0; }

#preschool { font-size: 13px; line-height: 17px; color: white; margin: 0 0 0 24px; padding: 0 67px 0 0; }
#preschool .left { float: left; width: 388px; }
#preschool .left .testimonial { padding: 20px 35px 100px 5px; }
#preschool .right { float: left; width: 360px;  }

#register { font-size: 13px; line-height: 17px; color: white; margin: 0 0 0 24px; padding: 0 67px 0 0; }
#register .left { float: left; width: 360px; }
#register .left p { padding: 0px 55px 20px 50px; }
#register .left img.image { margin-left: 40px;  }
#register .right { float: left; width: 390px; margin-top: 50px;  }
#register .right td.label { width: 150px; font-size: 16px; }
#register .right input.text { width: 240px; height: 22px; margin-bottom: 10px; } 
#register .right input.captcha { width: 108px; } 
#register .right textarea { width: 240px; height: 125px; margin-bottom: 10px;} 
#register .right input.submit { color: #ED3024; cursor: pointer; border: 0; background: transparent; font-size: 24px; float: right; margin-top: 30px; }

#teachers { color: white; margin: 0 44px 0 44px; padding: 0 0 0 0;}
#teachers .teacher { margin: 20px 0; }
#teachers .teacher h2 { padding: 0; margin: 0; font-size: 18px;}
#teachers .teacher img { margin: 0 15px 15px 0; }
#teachers .teacher p { margin: 0 0 10px 0; padding: 0; font-size: 13px; line-height: 17px; }
#teachers .teacher hr { height: 16px; width: 761px; border: 0; background: url("images/black-hr.gif"); }

#events { color: white; background: url(images/events.jpg) no-repeat top left; margin: 0 0 0 24px; padding: 0 47px 0 408px; line-height: 17px; font-size: 13px; }