*{
margin:0;
padding:0;
}

html, body{height:100%;}

body{
font-family:arial,tahoma,verdana,sans-serif;
background:url("images/pattern.jpg");
color:#bbb;
}

h2{
font-size:13px;
font-weight:normal;
padding-top:10px;
}

#pageTable{
height:100%;
width:100%;
border-collapse:collapse;
text-align:center;
}

#pageTable{
height:100%;
vertical-align:middle;
}

/*The following classes may be used with conditionnal comments in 
order to prevent the use of table elements in mordern browsers. Indeed
the following line do not work for IE6 for example.

#table{
height:100%;
width:100%;
display:table;
text-align:center;
}

#cell {
display:table-cell;
vertical-align:middle;
}*/

#menuContainer{
width:597px;
background:transparent;
height:400px;
margin:0 auto;
overflow:hidden;
text-align:left;
}

#menuContainer ul{
list-style:none;
height:400px;
width:1000px;
}

#menuContainer ul li{
float:left;
}

#menuContainer ul li a{
text-indent:-6000px;
background:#f00 none repeat scroll 0%;
border-right:2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:98px;
height:400px;
}

#menuContainer ul li#mainProf a{background: url("images/prof.jpg");}
#menuContainer ul li#mainTexa a{background: url("images/texa.jpg");}
#menuContainer ul li#mainInsa a{background: url("images/insa.jpg");}
#menuContainer ul li#mainAndr a{background: url("images/andr.jpg");}
#menuContainer ul li#mainPica a{background: url("images/pica.jpg");}
#menuContainer ul li#mainFile a{background: url("images/file.jpg");}