/*-------------------------------------------------------------------------------
BASIC ELEMENTS
-------------------------------------------------------------------------------*/

html, body {
    padding: 0px;
    margin: 0px;
}

p, h1, a{
    color: #2d3567;
    font-family: Arial, Verdana, Trebuchet MS, Sans-Serif;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}

a{
    color: #FFFFFF;
    font-weight: bold
}

a:hover{
    text-decoration: underline
}

h1{
  font-size: 14px;
}

div#wrapper{
    width: 710px;
    height: 800px;
}

/*-------------------------------------------------------------------------------
CONTENT ELEMENTS
-------------------------------------------------------------------------------*/

div#media{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 710px;
    height: 400px;
    background: #000000;
}

div#nav{
    position: absolute;
    top: 400px;
    left: 0px;
    width: 710px;
    height: 150px;
    background: #75b5a5;
}

    div#nav div.headline{
        position: absolute;
        top: 10px;
        left: 10px;
        width: 690px;
    }
        
    div#menu{
        position: absolute;
        top: 30px;
        left: 10px;
        width: 493px;
        height: 100px;
    }
    
    div#menu_info{
        position: absolute;
        top: 0px;
        left: 330px;
        width: 380px;
        height: 50px;
        background: #bad5ce url("../Gfx/info2.jpg") no-repeat bottom left;
        border: solid 0 #FF0000
    }
        
         div#menu_info p{
             padding: 10px;
             color: #FFFFFF
         }
         
            div.mp1{
                position: relative;
                top: 0px;
                left: 0px;
                margin-top: 5px;
                width: 100px;
                height: 20px;
                background: #75b5a5
            }
            
            div.mp2{
                position: relative;
                top: -100px;
                left: 110px;
                margin-top: 5px;
                width: 100px;
                height: 20px;
                background: #75b5a5
            }
            
            div.mp3{
                position: relative;
                top: -200px;
                left: 220px;
                margin-top: 5px;
                width: 100px;
                height: 20px;
                background: #75b5a5
            }
    
    div#movie_link{
        position: absolute;
        top: 85px;
        left: 340px;
        width: 130px;
        height: 20px;
        background: #75b5a5
    }
    
    div#fp_link{
        position: absolute;
        top: 110px;
        left: 340px;
        width: 130px;
        height: 20px;
        background: #75b5a5
    }

div#info{
    position: absolute;
    top: 550px;
    left: 0px;
    width: 710px;
    height: 200px;
    background: #FFFFFF
}

    div#info div.headline{
        position: absolute;
        top: 10px;
        left: 10px;
        width: 395px;
    }
    
    div#text{
        position: absolute;
        top: 35px;
        left: 10px;
        width: 395px;
        height: 154px;
        overflow: auto
    }
    
        div#innertext{
            width: 370px;
        }
    
    div#small_media{
        position: absolute;
        top: 10px;
        left: 411px;
        width: 284px;
        height: 160px;
        background: #FFFFFF
    }
    
    div#small_media_menu{
        position: absolute;
        top: 170px;
        left: 411px;
        width: 284px;
        height: 20px;
    }
    
        div#small_media_menu ul{
            padding: 0px;
            margin: 0px;
            
        }
        
            div#small_media_menu ul li{
                display: inline;
                border-width: 0 5px 0 0;
                border-color: #FFFFFF;
                border-style: solid;
            }
            
                div#small_media_menu ul li a, div#small_media_menu ul li a.selected{
                    color: #FFFFFF;
                    background: #000080;
                    padding: 0 3px;
                }
                
                div#small_media_menu ul li a:hover, div#small_media_menu ul li a.selected{
                    background: #75b5a5;
                }