*
{
	margin:  0;
	padding: 0;
}

body
{
  background-image:  url( "pics/bg.jpg" );
  background-repeat: repeat;
  font-family:       Arial, Helvetica, sans-serif;
  font-size:         0.8em;
}

h1
{
  font-size:     130%;
  margin-bottom: 0.6em;
  margin-top:    0.2em;
}

p
{
  line-height: 1.1em;
}

h1.space, p.space
{
	margin-bottom: 1.5em;
}

object
{
	margin-bottom:  1.5em;
}

a
{
  color:           #990000;
  text-decoration: none;
}

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

ul#nav
{
	list-style: none;
}

div#content
{
  background-image:      url(pics/gracs.png);
  background-repeat:     no-repeat;
  padding:               60px 70px;
}

li#li_per_byhring, li#li_animation, li#li_music, li#li_interactive
{
	clear:    both;
	display:  none;
	padding:  8px 0 0 23px;
	overflow: hidden;
	width:    560px;
}

li#li_animation a                         { color: #990099; }
li#li_music a          			  { color: #0066cc; }
li#li_interactive a 			  { color: #99cc00; }

li#li_animation a:hover   { color: #ff00ff; }
li#li_music a:hover       { color: #00aaff; }
li#li_interactive a:hover { color: #99ff00; }

a#per_byhring, a#animation, a#music, a#interactive
{
  background-repeat: no-repeat;
	display:           block;
}

a#animation, a#music, a#interactive
{
  height:      60px;
  margin-left: 6px;
  margin-top:  22px;
  width:       345px;
}

a#per_byhring
{
	background-image: url(pics/per_byhring.png);
  height:           150px;
  width:            728px;
}

a#per_byhring:hover { background-image: url(pics/per_byhring_over.png); }

a#animation       { background-image: url( "pics/animation.png"      ); }
a#animation:hover { background-image: url( "pics/animation_over.png" ); }

a#music       { background-image: url( "pics/music.png"      ); }
a#music:hover { background-image: url( "pics/music_over.png" ); }

a#interactive       { background-image: url( "pics/interactive.png"      ); }
a#interactive:hover { background-image: url( "pics/interactive_over.png" ); }