/* Thumbnail Buttons */

/* Sample usage: <div><p class="navbtns"><a href="#" onfocus="this.blur()" class="btnlogooff"><span>Bra Logo</span></a></p></div> */

.thumbbtns { clear: both; }
.thumbbtns p {
	background-image: url(../buttons/thumbbtns.gif);
	background-repeat: no-repeat;
}

.thumbbtns a {
	background-image: url(../buttons/thumbbtns.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	text-decoration: none;
	float: left;
	margin: 10px 5px 0 0;
}

.thumbbtns a span {
	display: none;
}

.thumbbtns a:hover {
	display: block;
}

.thumbbtns a.btnprint { background-position: 0px 0px; width: 18px; }
.thumbbtns a.btnprint:hover { background-position: -18px 0px; width: 18px; }
.thumbbtns a.btnprintclick { background-position: -36px 0px; width: 18px; }

.thumbbtns a.btntv { background-position: 0px -20px; width: 18px; }
.thumbbtns a.btntv:hover { background-position: -18px -20px; width: 18px; }
.thumbbtns a.btntvclick { background-position: -36px -20px; width: 18px; }

.thumbbtns a.btnradio { background-position: 0px -40px; width: 18px; }
.thumbbtns a.btnradio:hover { background-position: -18px -40px; width: 18px; }
.thumbbtns a.btnradioclick { background-position: -36px -40px; width: 18px; }

.thumbbtns a.btntop { background-position: 0px -60px; width: 18px; }
.thumbbtns a.btntop:hover { background-position: -18px -60px; width: 18px; }
.thumbbtns a.btntopclick { background-position: -36px -60px; width: 18px; }

.thumbbtns a.btnweb { background-position: 0px -80px; width: 18px; }
.thumbbtns a.btnweb:hover { background-position: -18px -80px; width: 18px; }
.thumbbtns a.btnwebclick { background-position: -36px 80px; width: 18px; }

/* Main Navigation Buttons */
.navbtns { clear: both; }
.navbtns p {
	background-image: url(../buttons/navbtns.gif);
	background-repeat: no-repeat;
}

.navbtns a {
	background-image: url(../buttons/navbtns.gif);
	background-repeat: no-repeat;
	display: block;
	height: 45px;
	text-decoration: none;
	background-color: transparent;
	float: left;
	margin: 0;
}

.navbtns a span {
	display: none;
}

.navbtns a:hover {
	display: block;
}

.navbtns a.btnwork { background-position: 0px 0px; width: 66px; }
.navbtns a.btnwork:hover { background-position: -66px 0px; width: 66px; }
.navbtns a.btnworkclick { background-position: -132px 0px; width: 66px; }

.navbtns a.btnservices { background-position: 0px -45px; width: 83px; }
.navbtns a.btnservices:hover { background-position: -83px -45px; width: 83px; }
.navbtns a.btnservicesclick { background-position: -166px -45px; width: 83px; }

.navbtns a.btnteam { background-position: 0px -90px; width: 63px; }
.navbtns a.btnteam:hover { background-position: -63px -90px; width: 63px; }
.navbtns a.btnteamclick { background-position: -126px -90px; width: 63px; }

.navbtns a.btncontact { background-position: 0px -135px; width: 83px; }
.navbtns a.btncontact:hover { background-position: -83px -135px; width: 83px; }
.navbtns a.btncontactclick { background-position: -166px -135px; width: 83px; }


/* Sub-Navigation Buttons */
.subnavbtns { clear: both; }
.subnavbtns p {
	background-image: url(../buttons/subnavbtns.gif);
	background-repeat: no-repeat;
}

.subnavbtns a {
	background-image: url(../buttons/subnavbtns.gif);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	text-decoration: none;
	background-color: transparent;
	float: left;
	margin: 0 0 0 5px;
}

.subnavbtns a span {
	display: none;
}

.subnavbtns a:hover {
	display: block;
}

.subnavbtns a.btnadv { background-position: 0px 0px; width: 105px; }
.subnavbtns a.btnadv:hover { background-position: -105px 0px; width: 105px; }
.subnavbtns a.btnadvclick { background-position: -210px 0px; width: 105px; }

.subnavbtns a.btndesign { background-position: 0px -34px; width: 105px; }
.subnavbtns a.btndesign:hover { background-position: -105px -34px; width: 105px; }
.subnavbtns a.btndesignclick { background-position: -210px -34px; width: 105px; }

.subnavbtns a.btncoll { background-position: 0px -68px; width: 105px; }
.subnavbtns a.btncoll:hover { background-position: -105px -68px; width: 105px; }
.subnavbtns a.btncollclick { background-position: -210px -68px; width: 105px; }

.subnavbtns a.btninter { background-position: 0px -102px; width: 105px; }
.subnavbtns a.btninter:hover { background-position: -105px -102px; width: 105px; }
.subnavbtns a.btninterclick { background-position: -210px -102px; width: 105px; }

.subnavbtns a.btnposters { background-position: 0px -136px; width: 105px; }
.subnavbtns a.btnposters:hover { background-position: -105px -136px; width: 105px; }
.subnavbtns a.btnpostersclick { background-position: -210px -136px; width: 105px; }

.subnavbtns a.btnconsult { background-position: 0px -170px; width: 105px; }
.subnavbtns a.btnconsult:hover { background-position: -105px -170px; width: 105px; }
.subnavbtns a.btnconsultclick { background-position: -210px -170px; width: 105px; }