/*basic*/
html,body{
margin: 0px;
height: 100%;
background-color:#00344b;
}
#controller{
width: 100%;
height: 100%;
}

#contentholder{
position: absolute;
left: 50%;
top: 50%;
width: 906px;
height: 638px;
border: 0px solid #000;
margin-left: -453px; /* half the width */
margin-top: -319px; /* half the height */
background: #00344b url("../gfx/backdrop.jpg") no-repeat;
}

/*menu*/

.menuholder{
float:left;
margin:101px 0 0 88px;
width:198px;
height:68px;
background-color:#ccc;
}

.cochonmenu, .cochonmenu li {
display:inline;
padding:0px;
margin:0px;
margin-left:0px;
list-style-type:none;
}

.menuitem span {
display:none;
}



 /*---------------------------------------------------------------- menuitem */
.menuitem, .menuitem a {
  display:block;
  height:68px;
  float:left;
  background-repeat:no-repeat;
}


/*---------------------------------------------------------------- menuitem0 */
#menuitem0 {
 background-image:url("../menu/menuitem0.gif");
}

#menuitem0, #menuitem0 a {
   width:99px;
}

#menuitem0 a:hover  {
  background-image:url("../menu/menuitem0hover.gif");
}


/*---------------------------------------------------------------- menuitem1 */
#menuitem1 {
  background-image:url("../menu/menuitem1.gif");
}

#menuitem1, #menuitem1 a {
   width:99px;
}

#menuitem1 a:hover {
  background-image:url("../menu/menuitem1hover.gif");
}