﻿/* Home Styles */

#banner
{
    background-image: url(/images/funzone/home/banner.jpg);
    width: 795px;
    height: 234px;
    float: left;
    background-repeat: no-repeat;
}

#banner-ori
{
    background-image: url(/images/funzone/origami/banner.jpg);
    width: 795px;
    height: 234px;
    float: left;
    background-repeat: no-repeat;
}

#banner-title
{
    float: left;
    width: 300px;
    margin-top: 31px;
    margin-left: 30px;
}
#banner-title p
{
    width: 267px;
}

#options-holder
{
    border-top: solid 1px #00A000;
    float: left;
    width: 795px;
}
.option
{
    width: 157px;
    height: 186px;
    float: left;
    margin-top: 8px;
}

.optiontitle
{
    height: 26px;
}

/* Origami */

.option-ori
{
    width: 82px;
    height: 147px;
    float: left;
    margin-top: 8px;
    background-repeat: no-repeat;
    background-position: center top;
    margin-right: 35px;
    font-weight: bold;
}

.option-ori-copy
{
    margin-top: 113px;
    text-align: center;
}

#ori1
{
    background-image: url(/images/funzone/origami/puppy.gif);
    width: 82px;
}
#ori2
{
    background-image: url(/images/funzone/origami/house.gif);
    width: 58px;
}
#ori3
{
    background-image: url(/images/funzone/origami/rabbit.gif);
    width: 71px;
}
#ori4
{
    background-image: url(/images/funzone/origami/penguin.gif);
    width: 54px;
}
#ori5
{
    background-image: url(/images/funzone/origami/whale.gif);
    width: 126px;
    margin-right: 0px;
}
#ori6
{
    background-image: url(/images/funzone/origami/kite.gif);
    background-position: left top;
    width: 108px;
}
#ori7
{
    background-image: url(/images/funzone/origami/boat.gif);
    width: 85px;
    margin-right: 0px;
}

/* Other styles */

#allTagsHolder
{
    position: absolute;
    width: 760px;
    margin-top: 20px;
}

.tagHolder
{
    position: absolute;
    clear: none;
    text-align: center;
    font-weight: bold;
}

#thomas
{
    left: 50px;
    top: 230px;
}

#dennis
{
    left: 170px;
    top: 255px;
}

#noddy
{
    left: 365px;
    top: 230px;
}

#tweety
{
    left: 500px;
    top: 240px;
}

#tomjerry
{
    left: 645px;
    top: 235px;
}

a
{
    color: Black;
}

.ti
{
    float: left;
}

h1
{
    padding-top: 8px;
}

#leftColourImageHolder
{
    float: left;
    margin-right: 15px;
}

#leftBWImageHolder
{
    float: left;
    margin-right: 15px;
}

#copyHolder
{
    float: left;
    width: 250px;
    margin-top: 13px;
}

#copyHolder h3
{
    width: 250px;
}

#copyHolder p
{
    width: 250px;
}


/* Puzzles Stuff */

#left
{
    width: 300px;
    height: 322px;
    clear: none;
    float: left;
    margin-left: 66px;
    margin-right: 66px;
}

#right
{
    width: 300px;
    height: 322px;
    float: left;
}

.puzzlemainholder
{
    float: left;
    clear: both;
    height: 139px;
    width: 294px;
    margin-top: 32px;
}

.puzzlemainholderinner
{
    position: absolute;
    width: 294px;
    height: 139px;
}

.num
{
    float: left;
}

.puzzleprintholder
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 59px;
    height: 29px;
}

.puzzlesprintbuttonholder
{
    position: relative;
    right: 0px;
    bottom: 0px;
}