#footer {
border-top:#CCCCCC 1px solid;
width:800px;
height:95px;
margin:-100px auto;


}

/* menu */


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

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

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

#f1{
float: left;
display: block;
width:50px;
height:60px;
background-image:url(btn_index_off.png);
background-repeat:no-repeat;
}

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

#home #f1{
float: left;
display: block;
width:50px;
height:60px;
background-image:url(btn_index_on.png);
background-repeat:no-repeat;
}

#f2{
float: left;
display: block;
width:50px;
height:60px;
background-image:url(btn_folio_off.png);
background-repeat:no-repeat;
}

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

#folio #f2{
float: left;
display: block;
width:50px;
height:60px;
background-image:url(btn_folio_on.png);
background-repeat:no-repeat;
}

#f3{
float: left;
display: block;
width:50px;
height:60px;
background-image:url(btn_info_off.png);
background-repeat:no-repeat;
}

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

#info #f3{
float: left;
display: block;
width:50px;
height:60px;
background-image:url(btn_info_on.png);
background-repeat:no-repeat;
}

#f4{
float: left;
display: block;
width:50px;
height:60px;
background-image:url(btn_cont_off.png);
background-repeat:no-repeat;
}

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

#cont #f4{
float: left;
display: block;
width:50px;
height:60px;
background-image:url(btn_cont_on.png);
background-repeat:no-repeat;
}

#f_text {
color:#FFFFFF;
font-size:12px;
float:right;
margin-right:10px;
font-family:Trebuchet MS;
line-height:22px;
margin-top:15px;
}