body {

  text-align:center;
  font-family: Verdana, sans serif;
  letter-spacing: 1px;
  line-height: 1.5em;
  background:black;
  color:white;
  font-size/* */:/**/small;
  font-size: /**/small;
  }

a:link {
  color:#9ad;
  text-decoration:none;
  }
a:visited {
  color:#a7a;
  text-decoration:none;
  }
a:hover {
  color:#ad9;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #222;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  color:#ccc;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#ccc;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#ad9;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #222;
  border-width:0 1px 1px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }
/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }



#frame {
  width:900px;
height:700px;
  margin-right:auto;
  margin-left:auto;
  margin-top:10px;
  padding:0px;
  text-align:left;
}

#rframe {
  width:1100px;
  height:1000px;
  margin-right:auto;
  margin-left:auto;
  margin-top:10px;
  padding:0px;
  text-align:left;
}

#news {
  width:545px;
  padding-top: 2px;
  padding-left: 7px;
  padding-right: 7px;
  float:left;
  border-left: solid #003333 1px;
  border-right: solid #003333 1px;
}

#newsw {
  align:left;
  width:665px;
  padding-top: 2px;
  padding-left: 7px;
  padding-right: 7px;
  float:left;
  border-left: solid #003333 1px;
  border-right: solid #003333 1px;
}

#news p {
  line-height: 120%;
  font-size: 70%;

}

/* CENTERs
----------------------------------------------- */

#centerc {
  width:656px;
  border-left: solid #003333 1px;
  border-right: solid #003333 1px;
  float:left;

}

#centerc p {
  text-align:center;
}

#centerc h1 {
  text-align:center;
}

#centerc img {
  padding-left:178px;
}

#centerm {
  width:656px;
  border-left: solid #003333 1px;
  border-right: solid #003333 1px;
  float:left;
}

#centerm p {
  text-align:center;
}

#centerm h2 {
  text-align:center;
}

#centerm img {
  padding-left:63px;
}


.newsauthor {
  font-style: italic;
  font-size: 85%;
  color: #ffcccc;
  line-height: 90%;
}

.date-header h2 {
  text-size: 65%;
}


#leftbar {
  width:212px;
  padding:0;
  float:left;
  padding-right: 5px;
  font-size: 75%;
  line-height: 1.2em;
}

#movieleftbar {
  width:259px;
  height:100%;
  padding:0;
  float:left;
  border-right: solid #003333 1px;
  font-size: 75%;
  line-height: 1.2em;
}

#moviemiddlebar {
  width:259px;
  height:100%;
  padding:0;
  
  float:left;
  border-right: solid #003333 1px;
  font-size: 75%;
  line-height: 1.2em;
}

#movierightbar {
  width:259px;
  height:100%;
  padding:0;
  float:left;
  font-size: 75%;
  line-height: 1.2em;
}

#adbar {

  width:120px;
  height:610px;
  padding:0px;
  float:left;
}

#adbarw {

  width:160px;
  height:610px;
  padding:0px;
  float:left;
}

#navmaintop {
  padding-bottom:7px;
}

#navmain ul { 
  text-align:center;
  margin: 0;
  padding: 0;
  buffer:0;
  list-style-type: none;
}

#navmain ul li {
  display: inline;
}

#navmain ul li a {
  color: white;
  text-decoration: none;
  
}

#navmain ul li a:hover {
color: #ccffcc;
}


#about {
  font-size: 85%;
}

#about h3 {

}

#about p {
  font-style: italic;
}

#updates ul {
  list-style-type: none;
}

#updates dd {
  color: #669966;
  font-style: italic;
  font-size: 90%;
}


#updates dt {
  padding-top: 1em;
}

#updates h3 {
/*  background: #003333 url(gradientbar.gif) right; */
  font-size: 110%;
}

#movielist {
  margin-left:25px;
  width:259px
  font-size: 75%;
  line-height: 1.2em;
}

#movielist ul {
  list-style-type:none;
  font-size: 85%
  list-style-type: none;
  font-style: italic;
  margin:0;
}

#movielist a:link {
  text-decoration: none;
  color: #9999ff;
}

#movielist a:visited {
  text-decoration: none;
  color: #9999ff;
}

#movielist a:hover {
  color: #3333cc;
}

#movielist a:active {
  color: #ff9900;
}

#moviepage {
  width:900px;
  height:400px;
  padding:0;
}

#moviemenu {
  float:left;
  width:250px;
  height:400px;
  buffer:0px;
  padding:0px;

}

#moviemenu ul {
  list-style-type:none;
}
 
div.transbox
  {
  width: 380px;
  height: auto;
  background-color: #ffffff;
  margin-left:5px;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  }

div.transbox p
  {
  margin: 15px 20px;
  font-weight: bold;
  color: #000000;
  }

#moviecontent {
  float:left;
  buffer:0px;
  line-height:50%;
  height:400px;
  width:400px;
  padding:0px;
  overflow:auto;
  align:center;
}

#moviecontent p{
  line-height:125%;
  buffer:0px;
}

#movieplayer {
  float:left;
  buffer:0px;
  line-height:50%;
  height:400px;
  width:400px;
  padding:0px;
  overflow:hidden;
  align:center;
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */
}

#movieplayerWS {
  float:left;
  buffer:0px;
  line-height:50%;
  height:400px;
  width:500px;
  padding:0px;
  overflow:hidden;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */
}


#moviestill {
  margin-left:auto;
  margin-right:auto;
  buffer:0px;
  line-height:50%;
  height:410px;
  width:auto;
  padding:0px;
  align:center;
}

#musiccontent {
 width:425px;
 height:350px;
 padding:0px;
 float:left;
 overflow:auto;
}

#musiccontent p {
line-height:125%;
  margin:0px;
  font-size:90%;
  text-align:right;
}

#musiccontent li {
  list-style-type:none;
  margin:3px;
  font-size:90%;
  text-align:right;
}

#musiccontent a {
  color:black;
}

#musicmenul {
  width:475px;
  height:400px;
  padding:0px;
  float:left;
  font-size:60%;
}

#musicmenul p {
  line-height:100%;
  font-size:60%
}

#musicmenur {
  width:400px;
  height:37px;
  padding:0px;
  text-align: right;
  float:right;


}

#mssmenu {
  width:400px;
  height:37px;
  padding:0px;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  float:center;
  line-height: 100%;


}

#musicmenu ul {
  list-style-type:none;
}

*musicmenu ul a:link {
  color:#ccffcc;
}

*musicmenu ul a:visited {
  color:#666699;
}

*musicmenu ul a:hover {
  color:#99ff99;
}

*musicmenu ul a:active {
  color:#669966;
}

#musicians {
  width:545px;
  padding-top: 2px;
  padding-left: 7px;
  padding-right: 7px;
  float:left;
  border-left: solid #003333 1px;
  border-right: solid #003333 1px;
  list-style-type:none;
}

#musicians ul {
  list-style-type: none;
}

#footer {
  width:900px;
  height:80px;
 
  padding:0;
  buffer:0;
  float:left;
}

#footer p {
  text-align:center;
  font-size:65%;
  color:grey;
}

#footer a {
  text-align:center;
  font-size:65%;
  color:grey;
}

#footer li {
  text-size:50%;
}


div.img
{
  margin: 2px;
  border: 0px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  line-height:100%;
  width: 120px;
  margin: 2px;
}

div.imgPG
{
  margin: 2px;
  border: 0px;
  height:112px;
  width: 170px;
  float: left;
  text-align: center;
}	
div.imgPG img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.imgPG a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  line-height:100%;
  width: 120px;
  margin: 2px;
}

/* Comments
----------------------------------------------- */

.left-caption { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.right-caption { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: center; }
.center-caption { margin: 0 0 1em 0; padding: 0; text-align: center; }
.left-caption img, .right-caption img, .center-caption img { margin: 0 auto; display: block; }
.left-caption p, .right-caption p, .center-caption p { background: #000; margin: 0; line-height: 1.6em; font-size: 0.9em; color: #999; }




#menu {
width: 100%;
height:22px;
background: #000;
float: left;
margin-bottom: 5px;

}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 112px;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
margin: 0;
padding: 2px 0px;
text-align: center;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;

}

#menu h4 {
font: bold 10px arial, helvetica, sans-serif;
color: #fff;
background: #000;
display: block;
border-width: 0px;
margin: 0;
padding: 2px 0px;
text-align: center;
}

#menu a {
color: #fff;
background: #000;
text-decoration: none;

}

#menu h2:hover {
color: #ad9;
background: #111;
}

#menu a:hover {
color: #ad9;
background: #111;
}
#menu li, #menu li h2 {position: relative;font-size:105%;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->

/* Home Menu
----------------------------------------------- */




#menu1 li a, #menu2 li a  {

    
}



/*********BLOCK*******/

#block
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block42082210rpb.jpg") no-repeat top left;

}

#block span
{
  display: none;
}

#block ul
{
  list-style-type: none;
}

#block:hover
{ 
  background-position: 0 -42px;
}

#block a .text, #block a .icon {
	display:none;
}

#block a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}

/*********BLOCK2*******/

#block2
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block42070110rpb.jpg") no-repeat top left;

}

#block2 span
{
  display: none;
}

#block2 ul
{
  list-style-type: none;
}

#block2:hover
{ 
  background-position: 0 -42px;
}

#block2 a .text, #block2 a .icon {
	display:none;
}

#block2 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}

/*********BLOCK3*******/

#block3
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block42062810rpb.jpg") no-repeat top left;

}

#block3 span
{
  display: none;
}

#block3 ul
{
  list-style-type: none;
}

#block3:hover
{ 
  background-position: 0 -42px;
}

#block3 a .text, #block3 a .icon {
	display:none;
}

#block3 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}


/*********BLOCK4*******/

#block4
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block42050610mss.jpg") no-repeat top left;

}

#block4 span
{
  display: none;
}

#block4 ul
{
  list-style-type: none;
}

#block4:hover
{ 
  background-position: 0 -42px;
}

#block4 a .text, #block4 a .icon {
	display:none;
}

#block4 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}


/*********BLOCK5*******/

#block5
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block425.jpg") no-repeat top left;

}

#block5 span
{
  display: none;
}

#block5 ul
{
  list-style-type: none;
}

#block5:hover
{ 
  background-position: 0 -42px;
}

#block5 a .text, #block5 a .icon {
	display:none;
}

#block5 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}

/*********BLOCK6*******/

#block6
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block42082410md.jpg") no-repeat top left;

}

#block6 span
{
  display: none;
}

#block6 ul
{
  list-style-type: none;
}

#block6:hover
{ 
  background-position: 0 -42px;
}

#block6 a .text, #block6 a .icon {
	display:none;
}

#block6 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}

/*********BLOCK7*******/

#block7
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block42050610mdla.jpg") no-repeat top left;

}

#block7 span
{
  display: none;
}

#block7 ul
{
  list-style-type: none;
}

#block7:hover
{ 
  background-position: 0 -42px;
}

#block7 a .text, #block7 a .icon {
	display:none;
}

#block7 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}

/*********BLOCK8*******/

#block8
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block42050610mdse.jpg") no-repeat top left;

}

#block8 span
{
  display: none;
}

#block8 ul
{
  list-style-type: none;
}

#block8:hover
{ 
  background-position: 0 -42px;
}

#block8 a .text, #block8 a .icon {
	display:none;
}

#block8 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}

/*********BLOCK9*******/

#block9
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block42050610mdtk.jpg") no-repeat top left;

}

#block9 span
{
  display: none;
}

#block9 ul
{
  list-style-type: none;
}

#block9:hover
{ 
  background-position: 0 -42px;
}

#block9 a .text, #block9 a .icon {
	display:none;
}

#block9 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}

/*********BLOCK10*******/

#block10
{
  display: block;
  width: 42px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block4210.jpg") no-repeat top left;

}

#block10 span
{
  display: none;
}

#block10 ul
{
  list-style-type: none;
}

#block10:hover
{ 
  background-position: 0 -42px;
}

#block10 a .text, #block10 a .icon {
	display:none;
}

#block10 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}


/*********BLOCK168*******/

#block168
{
  display: block;
  width: 168px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block168.jpg") no-repeat top left;

}

#block168 span
{
  display: none;
}

#block168 ul
{
  list-style-type: none;
}

#block168:hover
{ 
  background-position: 0 -42px;
}

#block168 a .text, #block168 a .icon {
	display:none;
}

#block168 a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}

/*********BLOCK168b*******/

#block168b
{
  display: block;
  width: 168px;
  height: 42px;
  background: url("http://www.mongrelstudios.com/images/block168b062810.jpg") no-repeat top left;

}

#block168b span
{
  display: none;
}

#block168b ul
{
  list-style-type: none;
}

#block168b:hover
{ 
  background-position: 0 -42px;
}

#block168b a .text, #block168b a .icon {
	display:none;
}

#block168b a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}

/*********BLOCK168c*******/

#block168c
{
  display: block;
  width: 168px;
  height: 42px;
  background: url("Images/block168c.jpg") no-repeat top left;

}

#block168c span
{
  display: none;
}

#block168c ul
{
  list-style-type: none;
}

#block168c:hover
{ 
  background-position: 0 -42px;
}

#block168c a .text, #block168c a .icon {
	display:none;
}

#block168c a:hover .icon {
	display:block;
	position:absolute;
	height:20px;
	top:180px;
	left:350px;
}


/*******ROLLOVERS********/


#rollover{
     position:relative;
     float:left;
}
#rollover span{
     position:absolute;
	top:-211px;
	left:0px;
     display:none;
}
#rollover:hover span{
     display:block;
}

#rollover2{
     position:relative;
     float:left;
}
#rollover2 span{
     position:absolute;
	top:-211px;
	left:-42px;
     display:none;
}
#rollover2:hover span{
     display:block;
}

#rollover3{
     position:relative;
     float:left;
}
#rollover3 span{
     position:absolute;
	top:-211px;
	left:-84px;
     display:none;
}
#rollover3:hover span{
     display:block;
}

#rollover4{
     position:relative;
     float:left;
}
#rollover4 span{
     position:absolute;
	top:-211px;
	left:-126px;
     display:none;
}
#rollover4:hover span{
     display:block;
}

#rollover5{
     position:relative;
     float:left;
}
#rollover5 span{
     position:absolute;
	top:-211px;
	left:-168px;
     display:none;
}
#rollover5:hover span{
     display:block;
}

#rollover6{
     position:relative;
     float:right;
}
#rollover6 span{
     position:absolute;
	top:-211px;
	right:0px;
     display:none;
}
#rollover6:hover span{
     display:block;
}

#rollover7{
     position:relative;
     float:right;
}
#rollover7 span{
     position:absolute;
	top:-211px;
	right:-42px;
     display:none;
}
#rollover7:hover span{
     display:block;
}

#rollover8{
     position:relative;
     float:right;
}
#rollover8 span{
     position:absolute;
	top:-211px;
	right:-84px;
     display:none;
}
#rollover8:hover span{
     display:block;
}

#rollover9{
     position:relative;
     float:right;
}
#rollover9 span{
     position:absolute;
	top:-211px;
	right:-126px;
     display:none;
}
#rollover9:hover span{
     display:block;
}

#rollover10{
     position:relative;
     float:right;
}
#rollover10 span{
     position:absolute;
	top:-211px;
	right:-168px;
     display:none;
}
#rollover10:hover span{
     display:block;
}

#rollover11{
     position:relative;
     float:left;
  margin-top:20px;
  margin-left:99px;
  margin-right:99px;
}
#rollover11 span{
     position:absolute;
	top:-300px;
	right:-433px;
     display:none;
}
#rollover11:hover span{
     display:block;
}

#rollover12{
     position:relative;
     float:left;
  margin-top:20px;
  margin-right:99px;
}
#rollover12 span{
     position:absolute;
	top:-300px;
	right:-166px;
     display:none;
}
#rollover12:hover span{
     display:block;
}

#rollover13{
     position:relative;
     float:left;
  margin-top:20px;
  margin-right:99px;

}
#rollover13 span{
     position:absolute;
	top:-300px;
	right:101px;
     display:none;
}
#rollover13:hover span{
     display:block;
}

#rolloverT{
     position:relative;
     float:left;
  margin-top:20px;
  margin-left:366px;
}
#rolloverT span{
     position:absolute;
	top:-300px;
	right:-166px;
     display:none;
}
#rolloverT:hover span{
     display:block;
}

/* Roomies Home Box */
ul#roomiesa { 
  list-style-type : none;
  position : relative;
  display : block;
  background : transparent url(http://www.mongrelstudios.com/theroomies/RoomiesSiteBoxA.jpg) no-repeat 0 0;
  width : 764px;
  height : 527px;
  border : 0px;
  margin : 0 auto 0;  /* the auto part is for optionally centering the list */
  padding : 0;
}

/* Here are link specs and relationship setup */
ul#roomiesa li a {
  position : relative;
  display : block;
  text-decoration : none;
}





/* 
  roomiesa_misc
*/
/* This sets the size of the list item link area and its location relative to the UL */
ul#roomiesa li a#roomiesa_misc { 
  width : 77px;
  height : 184px;
  top : 5px;
  left : 58px;
  z-index : 20;
}

/* 
  On hover/focus I grab the second background image, the one with the hover/focus state changes.
  I also set its position underneath the sized window I created with the hover/focus link properties.
*/
ul#roomiesa li a#roomiesa_misc:hover, ul#roomiesa li a#roomiesa_misc:focus, ul#roomiesa li a#roomiesa_misc:active {
  background : transparent url(http://www.mongrelstudios.com/theroomies/ra_misc.jpg) no-repeat 0px 0px;
}

/* 
  roomiesa_cast
*/
/* This sets the size of the list item link area and its location relative to the UL */
ul#roomiesa li a#roomiesa_cast { 
  width : 77px;
  height : 145px;
  top : -177px;
  left : -18px;
}

/* 
  On hover/focus I grab the second background image, the one with the hover/focus state changes.
  I also set its position underneath the sized window I created with the hover/focus link properties.
*/
ul#roomiesa li a#roomiesa_cast:hover, ul#roomiesa li a#roomiesa_cast:focus, ul#roomiesa li a#roomiesa_cast:active {
  background : transparent url(http://www.mongrelstudios.com/theroomies/ra_cast.jpg) no-repeat 0px 0px;
}

/* 
  roomiesa_plot
*/
/* This sets the size of the list item link area and its location relative to the UL */
ul#roomiesa li a#roomiesa_plot { 
  width : 323px;
  height : 306px;
  top : -457px;
  left : -216px;
  z-index : 10;
}

/* 
  On hover/focus I grab the second background image, the one with the hover/focus state changes.
  I also set its position underneath the sized window I created with the hover/focus link properties.
*/
ul#roomiesa li a#roomiesa_plot:hover, ul#roomiesa li a#roomiesa_plot:focus, ul#roomiesa li a#roomiesa_plot:active {
  background : transparent url(http://www.mongrelstudios.com/theroomies/ra_plot.jpg) no-repeat 0px 0px;
}

/* 
  roomiesa_blog
*/
/* This sets the size of the list item link area and its location relative to the UL */
ul#roomiesa li a#roomiesa_blog { 
  width : 318px;
  height : 134px;
  top : -177px;
  left : -44px;
  z-index : 20;
}

/* 
  On hover/focus I grab the second background image, the one with the hover/focus state changes.
  I also set its position underneath the sized window I created with the hover/focus link properties.
*/
ul#roomiesa li a#roomiesa_blog:hover, ul#roomiesa li a#roomiesa_blog:focus, ul#roomiesa li a#roomiesa_blog:active {
  background : transparent url(http://www.mongrelstudios.com/theroomies/ra_blog.jpg) no-repeat 0px 0px;
}

/* 
  roomiesa_pics
*/
/* This sets the size of the list item link area and its location relative to the UL */
ul#roomiesa li a#roomiesa_pics { 
  width : 315px;
  height : 299px;
  top : -765px;
  left : 220px;
  z-index : 10;
}

/* 
  On hover/focus I grab the second background image, the one with the hover/focus state changes.
  I also set its position underneath the sized window I created with the hover/focus link properties.
*/
ul#roomiesa li a#roomiesa_pics:hover, ul#roomiesa li a#roomiesa_pics:focus, ul#roomiesa li a#roomiesa_pics:active {
  background : transparent url(http://www.mongrelstudios.com/theroomies/ra_pics.jpg) no-repeat 0px 0px;
}

/* 
  roomiesa_music
*/
/* This sets the size of the list item link area and its location relative to the UL */
ul#roomiesa li a#roomiesa_music { 
  width : 282px;
  height : 204px;
  top : -754px;
  left : 232px;
  z-index : 10;
}

/* 
  On hover/focus I grab the second background image, the one with the hover/focus state changes.
  I also set its position underneath the sized window I created with the hover/focus link properties.
*/
ul#roomiesa li a#roomiesa_music:hover, ul#roomiesa li a#roomiesa_music:focus, ul#roomiesa li a#roomiesa_music:active {
  background : transparent url(http://www.mongrelstudios.com/theroomies/ra_music.jpg) no-repeat 0px 0px;
}

/* 
  roomiesa_vid
*/
/* This sets the size of the list item link area and its location relative to the UL */
ul#roomiesa li a#roomiesa_vid { 
  width : 259px;
  height : 145px;
  top : -898px;
  left : -69px;
  z-index : 20;
}

/* 
  On hover/focus I grab the second background image, the one with the hover/focus state changes.
  I also set its position underneath the sized window I created with the hover/focus link properties.
*/
ul#roomiesa li a#roomiesa_vid:hover, ul#roomiesa li a#roomiesa_vid:focus, ul#roomiesa li a#roomiesa_vid:active {
  background : transparent url(http://www.mongrelstudios.com/theroomies/ra_vid.jpg) no-repeat 0px 0px;
}

/* 
  roomiesa_shop
*/
/* This sets the size of the list item link area and its location relative to the UL */
ul#roomiesa li a#roomiesa_shop { 
  width : 240px;
  height : 210px;
  top : -1108px;
  left : -254px;
  z-index : 10;
}

/* 
  On hover/focus I grab the second background image, the one with the hover/focus state changes.
  I also set its position underneath the sized window I created with the hover/focus link properties.
*/
ul#roomiesa li a#roomiesa_shop:hover, ul#roomiesa li a#roomiesa_shop:focus, ul#roomiesa li a#roomiesa_shop:active {
  background : transparent url(http://www.mongrelstudios.com/theroomies/ra_shop.jpg) no-repeat 0px 0px;
}

#over  { 
z-index: 50;
}