/* Navigation */

#home a {
text-indent: -1000em; 
/* This '-1000em' is a little hack which misalligns any text such that it cannot be read */
background: url(../images/home.jpg) no-repeat left top;
width: 184px;
height: 44px; 
/* The 36px height allows only the top half of the image to be used */
display: block;
overflow: hidden;
position: absolute;
top: 117px;
left: 0px;
}

#home a:hover {
background-position: 0px -44px; 
/* This adjusts background positioning such that only the bottom half of the image can be seen */
}

#what a {
text-indent: -1000em; 
/* This '-1000em' is a little hack which misalligns any text such that it cannot be read */
background: url(../images/whatwedo.jpg) no-repeat left top;
width: 184px;
height: 27px; 
/* The 36px height allows only the top half of the image to be used */
display: block;
overflow: hidden;
position: absolute;
top: 161px;
left: 0px;
}

#what a:hover {
background-position: 0px -27px; 
/* This adjusts background positioning such that only the bottom half of the image can be seen */
}

#voip a {
text-indent: -1000em; 
/* This '-1000em' is a little hack which misalligns any text such that it cannot be read */
background: url(../images/voip.jpg) no-repeat left top;
width: 184px;
height: 26px; 
/* The 36px height allows only the top half of the image to be used */
display: block;
overflow: hidden;
position: absolute;
top: 188px;
left: 0px;
}

#voip a:hover {
background-position: 0px -26px; 
/* This adjusts background positioning such that only the bottom half of the image can be seen */
}

#moving a {
text-indent: -1000em; 
/* This '-1000em' is a little hack which misalligns any text such that it cannot be read */
background: url(../images/movingoffice.jpg) no-repeat left top;
width: 184px;
height: 26px; 
/* The 36px height allows only the top half of the image to be used */
display: block;
overflow: hidden;
position: absolute;
top: 214px;
left: 0px;
}

#moving a:hover {
background-position: 0px -26px; 
/* This adjusts background positioning such that only the bottom half of the image can be seen */
}

#support a {
text-indent: -1000em; 
/* This '-1000em' is a little hack which misalligns any text such that it cannot be read */
background: url(../images/supportservices.jpg) no-repeat left top;
width: 184px;
height: 26px; 
/* The 36px height allows only the top half of the image to be used */
display: block;
overflow: hidden;
position: absolute;
top: 240px;
left: 0px;
}

#support a:hover {
background-position: 0px -26px; 
/* This adjusts background positioning such that only the bottom half of the image can be seen */
}

#careers a {
text-indent: -1000em; 
/* This '-1000em' is a little hack which misalligns any text such that it cannot be read */
background: url(../images/careers.jpg) no-repeat left top;
width: 184px;
height: 27px; 
/* The 36px height allows only the top half of the image to be used */
display: block;
overflow: hidden;
position: absolute;
top: 266px;
left: 0px;
}

#careers a:hover {
background-position: 0px -27px; 
/* This adjusts background positioning such that only the bottom half of the image can be seen */
}

#contactus a {
text-indent: -1000em; 
/* This '-1000em' is a little hack which misalligns any text such that it cannot be read */
background: url(../images/contactus.jpg) no-repeat left top;
width: 184px;
height: 44px; 
/* The 36px height allows only the top half of the image to be used */
display: block;
overflow: hidden;
position: absolute;
top: 293px;
left: 0px;
}

#contactus a:hover {
background-position: 0px -44px; 
/* This adjusts background positioning such that only the bottom half of the image can be seen */
}


/* Text Increase/Decrease Tabs */

#texttabdown a {
text-indent: -1000em; 
background: url(../images/texttabdown.jpg) no-repeat left top;
width: 27px;
height: 24px; 
display: block;
overflow: hidden;
position: absolute;
top: 85px;
left: 530px;
}

#texttabup a {
text-indent: -1000em; 
background: url(../images/texttabup.jpg) no-repeat left top;
width: 27px;
height: 24px; 
display: block;
overflow: hidden;
position: absolute;
top: 85px;
left: 559px;
}


/* Navigation ON States */

#homeON a {
text-indent: -1000em; 
background: url(../images/home_ON.jpg) no-repeat left top;
width: 184px;
height: 44px; 
display: block;
overflow: hidden;
position: absolute;
top: 117px;
left: 0px;
}

#whatwedoON a {
text-indent: -1000em; 
background: url(../images/whatwedo_ON.jpg) no-repeat left top;
width: 184px;
height: 27px; 
display: block;
overflow: hidden;
position: absolute;
top: 161px;
left: 0px;
}

#voipON a {
text-indent: -1000em; 
background: url(../images/voip_ON.jpg) no-repeat left top;
width: 184px;
height: 26px; 
display: block;
overflow: hidden;
position: absolute;
top: 188px;
left: 0px;
}

#movingON a {
text-indent: -1000em; 
background: url(../images/movingoffice_ON.jpg) no-repeat left top;
width: 184px;
height: 26px; 
display: block;
overflow: hidden;
position: absolute;
top: 214px;
left: 0px;
}

#supportON a {
text-indent: -1000em; 
background: url(../images/supportservices_ON.jpg) no-repeat left top;
width: 184px;
height: 26px; 
display: block;
overflow: hidden;
position: absolute;
top: 240px;
left: 0px;
}

#careersON a {
text-indent: -1000em; 
background: url(../images/careers_ON.jpg) no-repeat left top;
width: 184px;
height: 27px; 
display: block;
overflow: hidden;
position: absolute;
top: 266px;
left: 0px;
}

#contactusON a {
text-indent: -1000em; 
background: url(../images/contactus_ON.jpg) no-repeat left top;
width: 184px;
height: 44px; 
display: block;
overflow: hidden;
position: absolute;
top: 293px;
left: 0px;
}