@charset "utf-8";

/* menu */
#menu{
width: 700px;
height:50px;
margin-top:35px;
margin-left:85px;
float:left;
}

#menu ul{
list-style: none;
display: inline;
}

#menu li{
float: left;
display: inline;
padding:0px; 
margin:0px;
}

#menu a{
text-indent:-3000px;
}

#btn1{
float: left;
display: block;
width:65px;
height:30px;
background-image:url(home_off.png);
background-repeat:no-repeat;
}

#btn1:hover{
background-image:url(home_on.png);
background-repeat:no-repeat;
}

#home #btn1{
float: left;
display: block;
width:65px;
height:30px;
background-image:url(home_on.png);
background-repeat:no-repeat;
}

#btn2{
float: left;
display: block;
width:135px;
height:30px;
background-image:url(folio_off.png);
background-repeat:no-repeat;
}

#btn2:hover{
background-image:url(folio_on.png);
background-repeat:no-repeat;
}

#folio #btn2{
float: left;
display: block;
width:135px;
height:30px;
background-image:url(folio_on.png);
background-repeat:no-repeat;
}

#btn3{
float: left;
display: block;
width:155px;
height:30px;
background-image:url(info_off.png);
background-repeat:no-repeat;
}

#btn3:hover{
background-image:url(info_on.png);
background-repeat:no-repeat;
}

#info #btn3{
float: left;
display: block;
width:155px;
height:30px;
background-image:url(info_on.png);
background-repeat:no-repeat;
}

#btn4{
float: left;
display: block;
width:135px;
height:30px;
background-image:url(cont_off.png);
background-repeat:no-repeat;
}

#btn4:hover{
background-image:url(cont_on.png);
background-repeat:no-repeat;
}

#cont #btn4{
float: left;
display: block;
width:135px;
height:30px;
background-image:url(cont_on.png);
background-repeat:no-repeat;
}


/* end of menu */