#home{

height: 44px;
width: 67px;
overflow: hidden;
float:left;
background:url(../images/home.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#home:hover{

background-position: bottom left;

}
#services{

height: 44px;
width: 101px;
overflow: hidden;
float:left;
background:url(../images/services.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#services:hover{

background-position: bottom left;

}
#templates{

height: 44px;
width: 120px;
overflow: hidden;
float:left;
background:url(../images/templates.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#templates:hover{

background-position: bottom left;

}
#partners{

height: 44px;
width: 104px;
overflow: hidden;
float:left;
background:url(../images/partners.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#partners:hover{

background-position: bottom left;

}
#faq{

height: 44px;
width: 74px;
overflow: hidden;
float:left;
background:url(../images/faq.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#faq:hover{

background-position: bottom left;

}
#contact{

height: 44px;
width: 116px;
overflow: hidden;
float:left;
background:url(../images/contactus.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#contact:hover{

background-position: bottom left;

}






#homef{

height: 23px;
width: 57px;
overflow: hidden;
float:left;
background:url(../images/home_f.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#homef:hover{

background-position: bottom left;

}
#servicesf{

height: 23px;
width: 82px;
overflow: hidden;
float:left;
background:url(../images/services_f.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#servicesf:hover{

background-position: bottom left;

}
#templatesf{

height: 23px;
width: 97px;
overflow: hidden;
float:left;
background:url(../images/templates_f.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#templatesf:hover{

background-position: bottom left;

}
#partnersf{

height: 23px;
width: 84px;
overflow: hidden;
float:left;
background:url(../images/partners_f.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#partnersf:hover{

background-position: bottom left;

}
#faqf{

height: 23px;
width: 63px;
overflow: hidden;
float:left;
background:url(../images/faq_f.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#faqf:hover{

background-position: bottom left;

}
#contactf{

height: 23px;
width: 89px;
overflow: hidden;
float:left;
background:url(../images/contact_f.jpg) top left no-repeat;
display: block;
text-decoration:none;

}
 
#contactf:hover{

background-position: bottom left;

}