/* CSS Document */

/* Tabs */

#tabs { display: block; /* background:  #e6e6e6 url(images/TabMosaic.gif) repeat-x -100px 100%;*/  width: 708px; }

#tabs ul
{
	display: inline;
	padding: 0;
	margin: 0;
	font-size: .8em;
	line-height: 1em;
	text-align: left;
}

#tabs ul li { display: block; margin: 2px 0 0 -1px; padding: 0; float: left;}

#tabs ul li#home { margin-left: 4px; }
#tabs ul li a { display: block; padding: 7px 10px 8px 31px; float: left; /*color: #5b5b5b; */ text-decoration: none; }

#tabs ul li span { display: block; float: left; background-image: url(images/icons.gif); background-repeat: no-repeat; }

/* Inactive Tabs 

#tabs ul li#home span { background-position: -1193px 50% }
#tabs ul li#secretarial span { background-position: -1393px 50% }
#tabs ul li#editorial span { background-position: -1593px 50% }
#tabs ul li#web span { background-position: -1793px 50% }
#tabs ul li#audio span { background-position: -1993px 50% }
#tabs ul li#portfolio span { background-position: -2193px 50% }
*/

/* Active Tabs */

#tabs ul li#home span { background-position: 7px 50% }
#tabs ul li#secretarial span { background-position: -193px 50% }
#tabs ul li#editorial span { background-position: -393px 50% }
#tabs ul li#web span { background-position: -593px 50% }
#tabs ul li#audio span { background-position: -793px 50% }
#tabs ul li#portfolio span { background-position: -993px 50% }

#tabs li a { background: url(images/TabMosaic.gif) no-repeat 100% -120px; }
#tabs li.active { background: url(images/TabMosaic.gif) no-repeat 0px 0px #fff; }
#tabs li.active a { background: url(images/TabMosaic.gif) no-repeat 100% -60px; }

#tabs li a:hover { text-decoration: underline; color: 333;}