body { background-image: url("images/cube.jpg") }

#navigation { }

#navigation ul { position: fixed; top: 0px; left: 0px; margin:0px; width: 100%; background-color: #0000ff; height: 60px; overflow: hidden; list-style-type: none; z-index: 99; }

#navigation li { float: left; font-size: 30px; margin-left: 20px; margin-top: 10px; color: #ffffff; font-family: Impact, Charcoal, sans-serif; }

#navigation li a { float: left; color: #ffffff; text-decoration: none; font-family: Impact, Charcoal, sans-serif; }

#navigation li a:hover { float: left; color: #0000ff; background-color: #ffffff; text-decoration: none; font-family: Impact, Charcoal, sans-serif; }

.active { background-color: #ff0000; }

#navigation img { width: 100px; height: 70px; right: 100px; }

#backdrop { background-color: #ffffff; width: 865px; height: 1100px; margin-right: 250px; margin-left: 250px; margin-top: 0px; position: relative; border-top: solid white 100px; }

#header { background-color: #0000ff; width: 625px; height: 175px; display: block; margin-right: 10px; margin-left: 120px; margin-top: 40px; position: absolute; }

#header h1 { color: #ffffff; font-size: 40px; padding-top: 35px; float: right; margin-right: 60px; font-family: Impact, Charcoal, sans-serif; }

#header img { height:150px; width: 150px; }

#content { background-color: #0000ff; width: 625px; height: 750px; display: block; margin-right: 10px; margin-left: 120px; margin-top: 270px; position: absolute; }

#content img { width: 500px; height: 500px; }

#content h1 { color: #ffffff; font-size: 40px; text-align: center; }

#content p { color: #ffffff; font-size: 20px; text-align: center; }

#content img { width: 565px; height: 300px; margin-left: 30px; }