BODY
{
    background-image: URL('new_bg.jpg');
    background-repeat: no-repeat;
    background-color: #000000;
    background-position: top left;
    position: relative;
    left: 0px;
    margin: 0px;
    padding: 0px;
    border-style: none;
    height:760px;

}

#container
{
    position: fixed;
    left: 0px;
    top: 0px;
    width:800px;

}
#player
{
   background: transparent;  // #000000 url('jamie_still.png') no-repeat top right;
   position: absolute;
   text-decoration: none;
   left: 170px;
   top: 290px;
 
}

.overlay_left
{
   z-index: 15;
   position: absolute;
   left:541px;
   top:308px;
   /* IE */
   _position:absolute;

}

.overlay_right
{
   z-index: 15;
   position: absolute;
   left:980px;
   top:308px;
   /* IE */
   _position:absolute;

}

.overlay_top
{
   z-index: 15;
   position: absolute;
   left:564px;
   top:308px;
   /* IE */
   _position:absolute;

}

.overlay_bottom
{
   z-index: 15;
   position: absolute;
   left:560px;
   top:629px;
   /* IE */
   _position:absolute;

}


#nav a {
    display: block;
    text-indent: -9999px;
    z-index: 1;
}
#nav li { list-style: none;  }

#nav li.mail a { position: absolute; left:80px; top:30px; background: url(hover_img.png) no-repeat; width: 100px; height: 100px; color:transparent; }
#nav li.twitter a { position: absolute; left:504px; top:184px;  background: url(hover_img.png) no-repeat; width: 100px; height: 30px; color:transparent; }
#nav li.facebook a { position: absolute; left:500px; top:220px;  background: url(hover_img.png) no-repeat; width: 100px; height: 30px; color:transparent; }
#nav li.myspace a { position: absolute; left:500px; top:250px;  background: url(hover_img.png) no-repeat; width: 100px; height: 30px; color:transparent; }
#nav li.youtube a { position: absolute; left:502px; top:310px;  background: url(hover_img.png) no-repeat; width: 100px; height: 30px; color:transparent; }
#nav li.live a { position: absolute; left:504px; top:340px;  background: url(hover_img.png) no-repeat; width: 100px; height: 30px; color:transparent; }

/* #nav li.mail a:hover { background: url(hover_img.png) no-repeat 0 -80px; } */
#nav li.twitter a:hover { background: url(hover_img.png) no-repeat 0 -80px; }
#nav li.facebook a:hover { background: url(hover_img.png) no-repeat 0 -80px; }
#nav li.myspace a:hover { background: url(hover_img.png) no-repeat 0 -80px; } 
#nav li.youtube a:hover { background: url(hover_img.png) no-repeat 0 -80px; }
#nav li.live a:hover { background: url(hover_img.png) no-repeat 0 -80px; }

#badge { position: absolute; top:820px; left:335px; }

/* iPhone CSS also see header */
<!--
@media only screen and (max-device-width: 480px) {
  body {color:#FFFFFF;background-image: none;}
  #nav a { color:#FFFFFF; text-indent: 0 px; z-index:0;}
  #nav li.mail a {text-decoration:none; font-size:1.3em; left:190px; top:470px; color:#FFFFFF;}
  #nav li.facebook a { text-decoration:none; font-size:1.3em; left:20px; top:390px;  color:#FFFFFF;}
  #nav li.myspace a {text-decoration:none; font-size:1.3em;  left:160px; top:390px;  color:#FFFFFF;}
  #nav li.twitter a {text-decoration:none; font-size:1.3em;  left:280px; top:390px;  color:#FFFFFF;}
  #nav li.youtube a {text-decoration:none; font-size:1.3em;  left:20px; top:470px;  color:#FFFFFF;}
 #nav li.live a {text-decoration:none; font-size:1.3em;  left:160px; top:470px;  color:#FFFFFF;}

#player { position: absolute; left:20px; top:20px; }
  .overlay_bottom {left:30px; top:330px }
  .overlay_top {left:20px; top:0px; }
  .overlay_right {left:439px; top:10px; }
  .overlay_left {left:0px; top:10px; }
}
-->