*{
    margin:0;
    padding:0;
}

#bubble-content{
    margin:0 auto;
}

#frontpage {
   top:18.5em;
   left:27em;

    width:680px;
    height:600px;
    z-index:9;
    display:inline;
    position:absolute;
}

#light-effect {
   top:-1em;
   left:14em;

    width:800px;
    height:600px;
    z-index:-1;
    display:inline;
    position:absolute;
}

#white-circle {
   top:2em;
   left:20em;

    width:600px;
    height:600px;
    z-index:99;
    display:inline;
    position:absolute;
}

#white-shadow {
   top:42em;
   left:18.3em;

    width:647px;
    height:62px;
    z-index:99;
    display:inline;
    position:absolute;
}


.bubblenav{
    margin: 0px auto;
    font-family: "Verdana", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;
    z-index:100;
}

.bubblenav .item{
    position:absolute;
}
.about{
    top: 6em;
    left:4em;
}

.movies{
   top:13em;
   left:2.8em;
}
.news{
   top:13em;
   left:45em;
}
.dvds{
   top:20em;
   left:4em;
}
.contact{
   top:20em;
   left:44em;

}
a.icon{
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}
.news a.icon{
    background:transparent url(../../tmp/news-icon.png) no-repeat 0px 0px;
}
.about a.icon{
    background:transparent url(../../tmp/about-icon.png) no-repeat 0px 0px;
}
.dvds a.icon{
    background:transparent url(../..//tmp/dvds.png) no-repeat 0px 0px;
}
.movies a.icon{
    background:transparent url(../images/camera.png) no-repeat 0px 0px;
}
.contact a.icon{
    background:transparent url(../../tmp/contact.png) no-repeat 0px 0px;
}
.bubblenav .item a.active{
    background-position:0px -52px;
}
.item img.circle{
    position:absolute;
    top:0px;
    left:0px;
    width:52px;
    height:52px;
    opacity:0.1;
}
.item h2{
    position:absolute;
    width:147px;
    height:52px;
    color:white;
    font-size:18px;
    top:0px;
    left:52px;
    text-indent:10px;
    line-height:52px;
    text-shadow:1px 1px 1px #fff;
    text-transform:uppercase;
}
.item h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}
.item ul{
    list-style:none;
    position:absolute;
    top:60px;
    left:25px;
    display:none;
}
.item ul li a{
    font-size:15px;
    text-decoration:none;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#222;
    padding:3px;
    float:left;
    clear:both;
    width:100px;
    text-shadow:1px 1px 1px #fff;
}
.item ul li a:hover{
    background-color:#fff;
    color:#444;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 4px #666;
    -webkit-box-shadow:1px 1px 4px #666;
    box-shadow:1px 1px 4px #666;
}