/* start centering hack for IE5 */
body {
margin: 0px 0px 0px 0px;
text-align:center;
}
/* have to explicitly set text-align: left again for children of body because they'd inherit the center alignment */
/* end centering hack for IE5 */

#page{
position: relative;
text-align:left;
border: 1px solid #CCCCCC;
margin: auto auto auto auto;
width: 800px;
height: 600px;
background-image:  url("../../images/medres/background01.jpg");
background-position: right;
background-repeat: no-repeat;
font-family: "Courier New", Courier, mono;
font-size: 13px;
}

#main_frontiers_link{
display: block;
position: absolute;
top: 22%;
left: 5%;
width: 227px;
height: 55px;
background-image:  url("../../images/medres/frontiers01.jpg");
background-repeat: no-repeat;
}

#main_frontiers_link:hover{
background-image:  url("../../images/medres/frontiers02.jpg");
}

#main_transcendence_link{
display: block;
position: absolute;
top: 44%;
left: 5%;
width: 326px;
height: 55px;
background-image:  url("../../images/medres/transcendence01.jpg");
background-repeat: no-repeat;
}

#main_transcendence_link:hover{
background-image:  url("../../images/medres/transcendence02.jpg");
}

#main_aprioria_link{
display: block;
position: absolute;
top: 66%;
left: 5%;
width: 229px;
height: 62px;
background-image:  url("../../images/medres/aprioria01.jpg");
background-repeat: no-repeat;
}

#main_aprioria_link:hover{
background-image:  url("../../images/medres/aprioria02.jpg");
}

#nav_links{
position: absolute;
bottom: 2.5%;
left: 5%;
font-size: 18px;
font-weight: bold;
color: #999999;
}

#nav_links a{
text-decoration: none;
color: #999999;
}

#nav_links a:hover{
color: #000000;
}

#image_preloader{
height: 0px;
overflow: hidden;
}