/* Front style CSS Document */

body, p, h1, h2, div {
   margin: 0px;
   padding: 0px;
}

body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100%
}

#frame {
   position: absolute;
   left: 0px;
   top: 39px;
   display: block;
   width: 791px;
   z-index: 2;
   padding-bottom: 25px;  
}

#stripe_bar {
   position: absolute;
   left: 0px;
   top: 39px;
   width: 100%;
   height: 346px;
   background-image:url(images/stripes_large.gif);
   z-index: 1;
}

h1#logo {
   display: block;
   width: 176px;
   height: 346px;
   float: left;
   text-indent: -9999px;
   background-image:url(images/zone_logo_front.gif);
}

#kidzone, #teenzone, #adultzone {
   display: block;
   float: left;
}

#kidzone h2 a {
   display: block;
   height: 346px;
   width: 201px;
   background-image:url(images/front_kidzone.jpg);
   text-indent: -9999px;
   text-decoration:none;
   margin-bottom: 2px;
}

#teenzone h2 a {
   display: block;
   height: 346px;
   width: 200px;
   background-image:url(images/front_teenzone.jpg);
   text-indent: -9999px;
   text-decoration:none;
   margin-bottom: 2px;
}

#adultzone h2 a {
   display: block;
   height: 346px;
   width: 199px;
   background-image:url(images/front_adultzone.jpg);
   text-indent: -9999px;
   text-decoration:none;
   margin-bottom: 2px;
}

#kidzone a.enter {
   display: block;
   width: 199px;
   height: 56px;
   background-image:url(images/enter_kidzone.gif);
   text-indent: -9999px;
   text-decoration:none;
}

#teenzone a.enter {
   display: block;
   width: 199px;
   height: 56px;
   background-image:url(images/enter_teenzone.gif);
   text-indent: -9999px;
   text-decoration:none;
}

#adultzone a.enter {
   display: block;
   width: 199px;
   height: 56px;
   background-image:url(images/enter_adultzone.gif);
   text-indent: -9999px;
   text-decoration:none;
}

#stripe_start {
   display: block;
   float: left;
   height: 346px;
   width: 15px;
   background-image:url(images/stripe_start_large.gif);
}

.feature_box {
   display: block;
   width: 199px;
   background-image:url(images/features_top.gif);
   background-position: top left;
   background-repeat:no-repeat;
   background-color: #D8EAF8;
   padding-top: 42px;
}

.feature_box .text {
   padding: 0px 10px 0px 13px;
   font-size: 0.7em;
   color: #555;
}

.text p {
   padding-bottom: 10px;
}

.feature_end {
   display: block;
   width: 199px;
   height: 24px;
   background-image:url(images/features_bottom.gif);
   margin-bottom: 2px;
}