/* HOME BUTTON */

a.button-home
{
background: transparent url('button31.jpg') no-repeat top left;
display: block;
float: left;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width: 100px; /* Width of button background */

}

a:hover.button-home{ /* Hover state CSS */
background: transparent url('button29.jpg') no-repeat top left;
}

a:active.button-home
{
background: transparent url('button30.jpg') no-repeat top left;
}


/* LANDLORD BUTTON */
a.button-landlord
{
background: transparent url('buttonC1.jpg') no-repeat top left;
display: block;
float: left;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width: 100px; /* Width of button background */

}

a:hover.button-landlord{ /* Hover state CSS */
background: transparent url('buttonD2.jpg') no-repeat top left;
}

a:active.button-landlord
{
background: transparent url('buttonE2.jpg') no-repeat top left;
}

/* TENANT BUTTON */

a.button-tenant
{
background: transparent url('buttonF2.jpg') no-repeat top left;
display: block;
float: left;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width: 100px; /* Width of button background */

}

a:hover.button-tenant{ /* Hover state CSS */
background: transparent url('button19.jpg') no-repeat top left;
}

a:active.button-tenant
{
background: transparent url('button20.jpg') no-repeat top left;
}

/* LOCAL BUTTON */

a.button-local
{
background: transparent url('button26.jpg') no-repeat top left;
display: block;
float: left;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width: 100px; /* Width of button background */

}

a:hover.button-local{ /* Hover state CSS */
background: transparent url('button21.jpg') no-repeat top left;
}

a:active.button-local
{
background: transparent url('button22.jpg') no-repeat top left;
}

/* COMMERCIAL BUTTON */

a.button-commercial
{
background: transparent url('button14.jpg') no-repeat top left;
display: block;
float: left;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width: 100px; /* Width of button background */

}

a:hover.button-commercial
{ /* Hover state CSS */
background: transparent url('button15.jpg') no-repeat top left;
}

a:active.button-commercial

{
background: transparent url('button16.jpg') no-repeat top left;
}

/* ABOUT BUTTON */

a.button-about
{
background: transparent url('button27.jpg') no-repeat top left;
display: block;
float: left;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width: 100px; /* Width of button background */

}

a:hover.button-about{ /* Hover state CSS */
background: transparent url('button23.jpg') no-repeat top left;
}

a:active.button-about
{
background: transparent url('button24.jpg') no-repeat top left;
}

/* CONTACT BUTTON */

a.button-contact
{
background: transparent url('button28.jpg') no-repeat top left;
display: block;
float: left;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width: 100px; /* Width of button background */

}

a:hover.button-contact{ /* Hover state CSS */
background: transparent url('button25.jpg') no-repeat top left;
}

a:active.button-contact
{
background: transparent url('button1A.jpg') no-repeat top left;
}