/*!
Theme Name: Peekaboo
Theme URI: http://themeforest.com/user/population2
Description: A1 simple and clean vibrant looking theme for daycare, preschool, and other small businesses. It comes with gallery and custom backgrounds.
Author: Population 2
Author URI: http://themeforest.com/user/population2
Version: 1.07

License: Regular License
License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/

*/
/*  The following reset is Erik Meyer CSS Reset
http://meyerweb.com/eric/tools/css/reset/         */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  background-image: url("img/bgbg.jpg");
  background-repeat: repeat-x; }

#content-wrapper {
  background-image: url("img/bg.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center; }

/*@import "css/layout.css";*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(img/colorbox/overlay.png) repeat 0 0; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(img/colorbox/controls.png) no-repeat -100px 0; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(img/colorbox/controls.png) no-repeat -129px 0; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(img/colorbox/controls.png) no-repeat -100px -29px; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(img/colorbox/controls.png) no-repeat -129px -29px; }

#cboxMiddleLeft {
  width: 21px;
  background: url(img/colorbox/controls.png) left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url(img/colorbox/controls.png) right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url(img/colorbox/border.png) 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url(img/colorbox/border.png) 0 -29px repeat-x; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 28px; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(img/colorbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious.hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(img/colorbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext.hover {
  background-position: -50px -25px; }

#cboxLoadingOverlay {
  background: url(img/colorbox/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic {
  background: url(img/colorbox/loading.gif) no-repeat center center; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(img/colorbox/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose.hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); }

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft {
  background: url(img/colorbox/ie6/borderTopLeft.png); }

.cboxIE6 #cboxTopCenter {
  background: url(img/colorbox/ie6/borderTopCenter.png); }

.cboxIE6 #cboxTopRight {
  background: url(img/colorbox/ie6/borderTopRight.png); }

.cboxIE6 #cboxBottomLeft {
  background: url(img/colorbox/ie6/borderBottomLeft.png); }

.cboxIE6 #cboxBottomCenter {
  background: url(img/colorbox/ie6/borderBottomCenter.png); }

.cboxIE6 #cboxBottomRight {
  background: url(img/colorbox/ie6/borderBottomRight.png); }

.cboxIE6 #cboxMiddleLeft {
  background: url(img/colorbox/ie6/borderMiddleLeft.png); }

.cboxIE6 #cboxMiddleRight {
  background: url(img/colorbox/ie6/borderMiddleRight.png); }

/* TipTip CSS - Version 1.2 */
#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999; }

#tiptip_holder.tip_top {
  padding-bottom: 5px; }

#tiptip_holder.tip_bottom {
  padding-top: 5px; }

#tiptip_holder.tip_right {
  padding-left: 5px; }

#tiptip_holder.tip_left {
  padding-right: 5px; }

#tiptip_content {
  font-size: 12px;
  color: #fff;
  text-shadow: 0 0 1px #000;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: #191919;
  background-color: rgba(25, 25, 25, 0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(black));
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0; }

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: #191919;
  border-top-color: rgba(25, 25, 25, 0.92); }

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: #191919;
  border-bottom-color: rgba(25, 25, 25, 0.92); }

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: #191919;
  border-right-color: rgba(25, 25, 25, 0.92); }

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: #191919;
  border-left-color: rgba(25, 25, 25, 0.92); }

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45, 45, 45, 0.88); }

  #tiptip_holder.tip_bottom #tiptip_arrow_inner {
    border-bottom-color: rgba(45, 45, 45, 0.88); }

  #tiptip_holder.tip_top #tiptip_arrow_inner {
    border-top-color: rgba(20, 20, 20, 0.92); } }