/* CSS Document */
#header {
height:298px;
width:714px;
margin:0px auto;
/*left:100px;*/
}

#navbar {
position:relative;
background:url(../images/menu_bar.jpg) no-repeat left top;
margin:0px auto;
width:714px;
height:47px;
left:0px;
}

#navbar ul {
margin:0px;
padding:0px;
}

#navbar ul li {
list-style-type:none;
margin:0px;
padding:0px;
font-size:0px;
}

a.main {
margin:0px;
padding:0px;
display:block;
height:298px;
width:714px;
background-image:url(../images/otl_title.jpg);
background-repeat:no-repeat;
background-position:left top;
}

a.about {
margin:0px;
padding:0px;
display:block;
width:179px;
height:47px;
left:0px;
top:0px;
font-size:1px;
color:#a4ae3e;
background:url(../images/btn_about.gif) no-repeat left top;
position:absolute;
}

a.about:hover {
background:url(../images/btn_about_roll.gif) no-repeat left top;
}

li.active a.about, li.active a.about:hover {
background:url(../images/btn_about_active.gif) no-repeat left top;
}


a.la {
margin:0px;
padding:0px;
display:block;
width:179px;
height:47px;
left:178px;
top:0px;
font-size:1px;
color:#898b18;
background:url(../images/btn_la_big.gif) no-repeat left top;
position:absolute;
}

a.la:hover {
/*background:url(../images/btn_la_roll.gif) no-repeat left top;*/
background-position: 0 -47px;
}

li.active a.la {
background:url(../images/btn_la_active.gif) no-repeat left top;

}


a.science {
margin:0px;
padding:0px;
display:block;
width:179px;
height:47px;
left:356px;
top:0px;
font-size:1px;
color:#acac34;
background:url(../images/btn_science_big.gif) no-repeat left top;
position:absolute;
visibility:hidden;
}

a.science:hover {
background-position: 0 -47px;
}

li.active a.science {
background:url(../images/btn_science_active.gif) no-repeat left top;
}


a.contact {
margin:0px;
padding:0px;
display:block;
width:179px;
height:47px;
left:535px;
top:0px;
font-size:1px;
color:#a3a42f;
background:url(../images/btn_contact_big.gif) no-repeat left top;
position:absolute;
}

a.contact:hover {
background-position: 0 -47px;
}

li.active a.contact {
background:url(../images/btn_contact_active.gif) no-repeat left top;
}


#content {
width:714px;
height:340px;
margin:0px auto;
position:relative;
background-color:#eff9d1;
}


#teaser {
height:340px;
width:357px;
left:0px;
top:0px;
position:absolute;
background:no-repeat left top url(../images/teaser.jpg);
}


#main-text {
padding: 10px;
padding-top:15px;
margin-left:358px;
top:0px;
}