body {
  background-color: #fff;
  background:#f7ff8c url(/graphics/bg.jpg) repeat-x;
  font:10pt Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}

.clear {
  clear: both;
}

#content {
  width: 900px;
  border: 0px solid #f00;
  margin: 0 auto;
  position: relative;
  background:#f7ff8c url('/graphics/hkn-bubble-bg.png') no-repeat;
}

#feedburner-gif {
  position: absolute;
  top: 30px;
  right: 60px;
  border: 0;
}

#content #sub_content {
  height: 654px;
  background-image: url('/graphics/studio-yellow.png');
  background-repeat: no-repeat;
  background-position: bottom left;
}

ul#ads {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 190px;
  left: 26px;
}

ul#ads li {
  display: block;
  width: 120px;
  height: 60px;
  background-color: #ff9900;
  margin-bottom: 16px;
}


ul#ads li#ad7 {
  position: absolute;
  top: 380px;
  left: 148px;
}

ul#ads li#ad8 {
  position: absolute;
  top: 380px;
  left: 294px;
}

#logo {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 3;
}

#iframe_div {
  position: absolute; 
  left: 250px; 
  top: 130px; 
  z-index : 3;
  border: 1px solid #000;
}

#flash_studio {
  position: absolute;
  left: 167px;
  top: 60px;
}

#cu_logo {
  position: absolute;
  bottom: 0;
  right: 80px;
}

#cu_logo a {
  display: block;
  width: 169px;
  height: 66px;
  background-image: url('/graphics/curadio-logo.gif');
  text-indent: -100000px;
}

/* Top Nav
----------------------------------------------- */

#topnav {
  position: absolute;
  right: 80px;
  display: block;
  margin: 0;
  padding: 0;
}

#topnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#topnav li {
  float: left;
}


#topnav li a span{
  display: none;
}


#topnav li#home a {
  display: block;
  background-image: url('/graphics/nav_top_home.gif');
  background-repeat: no-repeat;
  width: 76px;
  height: 28px;
  border: 0px solid #000;
}

#topnav li#home a:hover {
  display: block;
  background-image: url('/graphics/nav_top_home_over.gif');
  background-repeat: no-repeat;
  width: 76px;
  height: 28px;
  border: 0px solid #000;
}


#topnav li#about a {
  display: block;
  background-image: url('/graphics/nav_top_about.gif');
  background-repeat: no-repeat;
  width: 76px;
  height: 28px;
  border: 0px solid #000;
}

#topnav li#about a:hover {
  display: block;
  background-image: url('/graphics/nav_top_about_over.gif');
  background-repeat: no-repeat;
  width: 76px;
  height: 28px;
  border: 0px solid #000;
}

#topnav li#contact a {
  display: block;
  background-image: url('/graphics/nav_top_contact.gif');
  background-repeat: no-repeat;
  width: 85px;
  height: 28px;
  border: 0px solid #000;
}

#topnav li#contact a:hover {
  display: block;
  background-image: url('/graphics/nav_top_contact_over.gif');
  background-repeat: no-repeat;
  width: 85px;
  height: 28px;
  border: 0px solid #000;
}

#topnav li#support a {
  display: block;
  background-image: url('/graphics/nav_top_support.gif');
  background-repeat: no-repeat;
  width: 85px;
  height: 28px;
  border: 0px solid #000;
}

#topnav li#support a:hover {
  display: block;
  background-image: url('/graphics/nav_top_support_over.gif');
  background-repeat: no-repeat;
  width: 85px;
  height: 28px;
  border: 0px solid #000;
}


#corner  {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    overflow: visible;
    height: 120px;
    width: 120px;
    background: transparent url('/rocky/rocky-corner-mp3.png') no-repeat 0 0;
    margin: 0;
    padding: 0;
    z-index: 2000;
    float: none;
}