/*
 - CSS/XHTML: Bryan | 5Q Communications
 - July 2008
 - Paul's Place specific CSS
*/


#paul .bubble a {
    color: #f00;
}

#paul .bubble a:hover {
    text-decoration: underline;
}

#paul .bubble p {
    margin: 0 0 10px 0;
}

.bubble {
    overflow: auto;
    font-size: 11px;
    color: #666;
    padding: 0 5px 5px 0;
}

#paul #main {
    background: #000;
    position: relative;
    width: 960px;
    padding: 0;
    border: 0;
}

#paul #welcome {
    position: relative;
    background: #000 url(/assets/templates/fiveq/images/paul/welcome.jpg) 0 0 no-repeat;
    margin: 0;
    padding: 0;
    width: 633px;
    height: 559px;
    z-index: 200;
    border: none;
}

#welcome div.bubble {
    width: 340px;
    height: 395px;
    position: absolute;
    top: 125px;
    left: 260px;
}

#welcome #closeup-animate {
    position: absolute;
    width: 256px;
    height: 301px;
    top: 0px;
    left: 5px;
}

#paul #share-with-a-friend {
    position: absolute;
    top: 0;
    left: 633px;
    background: #000 url(/assets/templates/fiveq/images/paul/share-with-a-friend.jpg) 0 0 no-repeat;
    width: 327px;
    height: 208px;
}

#share-animate {
    position: absolute;
    right: 6px;
    bottom: 0;
}

#paul #pauls-favorites {
    position: absolute;
    top: 208px;
    left: 633px;
    width: 327px;
    background: #000 url(/assets/templates/fiveq/images/paul/pauls-favorites.jpg) 0 0 no-repeat;
    height: 351px;
}

#pauls-favorites div.bubble {
    width: 270px;
    height: 165px;
    position: absolute;
    top: 90px;
    left: 30px;
}

#paul #around-the-world {
    position: relative;
    height: 414px;
    width: 960px;
    background: #000 url(/assets/templates/fiveq/images/paul/around-the-world.jpg) 0 0 no-repeat;
    padding: 0;
}

#around-the-world div.bubble {
    position: absolute;
    width: 165px;
    height: 190px;
    top: 100px;
    left: 720px;
}

#around-the-world #map-animate {
    position: absolute;
    top: 8px;
    left: 15px;
    height: 397px;
    width: 542px;
}

#paul #crumb_tail {
    width: 959px;
    background: transparent url(/assets/templates/fiveq/images/paul/bottom-hand.jpg) 0 0 no-repeat;
}

#paul #main h3 {
    display: none;
    margin: 0;
    padding: 0;
}

#paul #functionEmail {
    position: absolute;
    top: 50px;
    left: 14px;
    border: #000 2px solid;
    padding: 1px 20px 1px 25px;
    background: #fff url(/assets/templates/fiveq/gui/icons-utility.gif) 3px 50% no-repeat;
    color: #335;
    font-weight: bold;
    font-style: italic;
}