/* styles */

body {
background-color:#FFFFFF;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

* {
padding:0px;
margin:0px;
}

a:link {
color:#006699;
text-decoration:none;
}

a:visited {
color:#006699;
text-decoration:none;
}

a:hover {
color:#FF6600;
text-decoration:underline;
}

a:active {
color:#FF6600;
text-decoration:underline;
}


#container {
position: absolute;
top: 0px;
left: 50%;
width: 850px;
margin-left: -425px;
text-align: center;
}

.mask {
width:750px;
margin:0px auto 0px auto;
}

.trapeze {
width:850px;
position:absolute;
top:0px;
}

.penguin {
width:850px;
position:absolute;
top:0px;
/*
margin:0px auto 0px auto;
*/
}

.walrus {
width:850px;
position:absolute; 
top:1px; 
left:0px; 
display:block;
z-index:5;
}

.dropper {
width:445px;
height:288px;
position:absolute;
top:225px;
left:380px;
display:block;
z-index:15;
overflow:auto;
/*
right:10px;
*/
}

.fix {
width:445px;
height:288px;
position:relative;
top:225px;
left:380px;
z-index:15;
overflow:auto;
}

.player {
width:470px;
height:298px;
position:absolute;
top:215px;
left:380px;
display:block;
z-index:15;
overflow:auto;
}

.nav {
width:400px; 
position:absolute; 
top:230px; 
right:1px;
display:block;
z-index:10;
}

.bold {
font-size:16px;
font-weight:bold;
}

.center {
text-align:center;
}