@charset "UTF-8";
/* CSS Document */


/*FROM ORIGINAL CSS replaces discnavcontainer*/
#mainNavigation {
margin-top:10px;
overflow:visible;
padding-left:77px;
width:100%;
}

.home  { /* the first button showing the inactive state */
    background: url(../img/navtabs.png);
    width: 73px;
    height: 29px;
    float:left;
}
.home a.home-button span { /* the first button when 'hovered' */
    background: url(../img/navtabs.png);
    width: 73px;
    height: 29px;
    display: block;
    visibility: hidden;
    background-position: 0 -30px; /* changing position - showing red button */
	
}

.our-work {
    background: url(../img/navtabs.png);
    width: 95px;
    height: 29px;
    float:left;
	background-position: -73px 0px; /* changing position - showing red button */
}
a.our-work-button span {
    background: url(../img/navtabs.png);
    width: 93px;
    height: 29px;
    display: block;
    visibility: hidden;
    background-position: -73px -30px;
}

.what-we-do {
    background: url(../img/navtabs.png);
    width: 119px;
    height: 29px;
    float:left;
	background-position: -166px 0px; /* changing position - showing red button */
}

a.what-we-do-button span {
    background: url(../img/navtabs.png);
    width: 117px;
    height: 29px;
    display: block;
    visibility: hidden;
    background-position: -166px -30px;
}
.who-we-are {
    background: url(../img/navtabs.png);
    width: 113px;
    height: 29px;
    float:left;
	background-position: -284px 0px; /* changing position - showing red button */
}
a.who-we-are-button span {
    background: url(../img/navtabs.png);
    width: 113px;
    height: 29px;
    display: block;
    visibility: hidden;
    background-position: -284px -30px;
}
.news {
    background: url(../img/navtabs.png);
    width: 69px;
    height: 29px;
    float:left;
	background-position: -397px 0px; /* changing position - showing red button */
}
a.news-button span {
    background: url(../img/navtabs.png);
    width: 69px;
    height: 29px;
    display: block;
    visibility: hidden;
    background-position: -397px -30px;
}
.contact {
    background: url(../img/navtabs.png);
    width: 84px;
    height: 29px;
    float:left;
	background-position: -466px 0px; /* changing position - showing red button */
}
a.contact-button span {
    background: url(../img/navtabs.png);
    width: 84px;
    height: 29px;
    display: block;
    visibility: hidden;
    background-position: -466px -30px;
}

.blog {
    background: url(../img/navtabs.png);
    width: 64px;
    height: 29px;
    float:left;
	background-position: -547px 0px; /* changing position - showing red button */
}
a.blog-button span {
    background: url(../img/navtabs.png);
    width: 64px;
    height: 29px;
    display: block;
    visibility: hidden;
    background-position: -547px -30px;
}

a.home-button , a.contact-button, a.news-button, a.who-we-are-button, a.what-we-do-button, a.our-work-button, a.blog-button{
	
	outline:none;
}