img{outline: 0; border: none;}

#navigation{height: 213px; width: 987px; margin: 0 auto; margin-top: -18px; padding-left: 1px; z-index: 9999;}
#navigation ul li{list-style-type: none;}

#navigation ul li a{
float: left; 
display: inline;
text-indent: -9999px;
}

/*--- Set Sprite Image ---*/
li#ContactButton a:link, li#ContactButton a:visited,
li#WorkButton a:link, li#WorkButton a:visited,
li#ServicesButton a:link, li#ServicesButton a:visited,
li#QuoteRequest a:link, li#QuoteRequest a:visited,
li#AboutButton a:link, li#AboutButton a:visited,
li#BlogButton a:link, li#BlogButton a:visited,
li#tbsLogoButton a:link, li#tbsLogoButton a:visited
{

}

/*--- filename : tbsLogoButton.png ---*/
li#tbsLogoButton a{
	width : 384px ;
	height : 213px ;
	background-image: url("/Images/TopNavigation/sprite.png") ;
	background-position: 0 0 ;
	background-repeat: no-repeat ;
}

/*--- Main : WorkButton.png ---*/
li#WorkButton a{
	width : 125px ;
	height : 213px ;
	background-image: url("/Images/TopNavigation/sprite.png") ;
	background-position : -389px top ;
	background-repeat : no-repeat ;
}

/*--- Hover : WorkButton.png ---*/
li#WorkButton a:hover{
	background-position : -389px -213px ;
	background-repeat : no-repeat ;
}

/*--- Active : WorkButton.png ---*/
li#WorkButton a:active{
	background-position : -389px -213px ;
	background-repeat : no-repeat ;
}


/*--- Main : ServicesButton.png ---*/
li#ServicesButton a{
	width : 101px ;
	height : 213px ;
	background-image: url("/Images/TopNavigation/sprite.png") ;
	background-position : -520px top ;
	background-repeat : no-repeat ;
}

/*--- Hover : ServicesButton.png ---*/
li#ServicesButton a:hover{
	background-position : -520px -213px ;
	background-repeat : no-repeat ;
}

/*--- Active : ServicesButton.png ---*/
li#ServicesButton a:active{
	background-position : -520px -213px ;
	background-repeat : no-repeat ;
}


/*--- Main : AboutButton.png ---*/
li#AboutButton a{
	width : 102px ;
	height : 213px ;
	background-image: url("/Images/TopNavigation/sprite.png") ;
	background-position : -633px top ;
	background-repeat : no-repeat ;
}

/*--- Hover : AboutButton.png ---*/
li#AboutButton a:hover{
	background-position : -633px -213px ;
	background-repeat : no-repeat ;
}

/*--- Active : AboutButton.png ---*/
li#AboutButton a:active{
	background-position : -633px -213px ;
	background-repeat : no-repeat ;
}

/*--- Main : BlogButton.png ---*/
li#BlogButton a{
	width : 106px ;
	height : 213px ;
	background-image: url("/Images/TopNavigation/sprite.png") ;
	background-position : -747px top ;
	background-repeat : no-repeat ;
}

/*--- Hover : BlogButton.png ---*/
li#BlogButton a:hover{
	background-position : -747px -213px ;
	background-repeat : no-repeat ;
}

/*--- Active : BlogButton.png ---*/
li#BlogButton a:active{
	background-position : -747px -213px ;
	background-repeat : no-repeat ;
}

/*--- Main : ContactButton.png ---*/
li#ContactButton a{
	width : 132px ;
	height : 213px ;		
	background-image: url("/Images/TopNavigation/sprite.png") ;
	background-position : -874px top ;
	background-repeat : no-repeat ;
}

/*--- Hover : ContactButton.png ---*/
li#ContactButton a:hover{
	background-position : -874px -213px ;
	background-repeat : no-repeat ;
}

/*--- active : ContactButton.png ---*/
li#ContactButton a:active{
	background-position : -874px -213px ;
	background-repeat : no-repeat ;
}