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

#ts_tabmenu {
font-size: 11px; /* set the font size */
padding: 0; /* set the padding */
margin:0 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
width:910px;


}

#ts_tabmenu ul {
    margin: 0px;
	/* font-size: 0.5em; set the font size */
	padding: 0px; /* set the padding */
	margin-left:19px;
	list-style:none;

}
#ts_tabmenu ul li {
float: left; /* floatin’ left */
list-style:none;

}

#ts_tabmenu ul li a {
text-decoration: none; /* remove the default underline off the anchor text */
	display: block; /* we display this text as block so that we can apply padding/margin without problems */
	width:164px;
	height:22px;
	float: left; /* floatin’ left, to make the menu horizontal */
	padding: 4px 0 0 0; /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
	background: url(../images/tabs.png) no-repeat 0 0; /* we link to the tabs image, no tiling, showing the top left part of it */
	margin: 0 0 -1px -19px; /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
	z-index: 1; /* keep it on layer 0 (default) */
	position: relative; /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
	color: #FFF; /* color of the tab text */
	font:Arial, Helvetica, sans-serif;
	outline:none;
	list-style:none;
	text-indent: 22px;
	font-size:11px;
}

#ts_tabmenu #li_tsmenu1 a  {
	text-decoration: none;
	display: block; 
	width:164px;
	height:21px;
	float: left; 
	padding: 5px 0 0 0; 
	background: url(../images/tabs.png) no-repeat 0 -52px; 
	margin: 0 0 -1px -19px; 
	z-index: 1; 
	position: relative; 
	color: #FFF; 
	font:Arial, Helvetica, sans-serif;
	outline:none;
	list-style:none;
	text-indent: 22px;
}

#ts_tabmenu #li_tsmenu1 a:hover {
position: relative; 
z-index: 5; 
background: url(../images/tabs.png) no-repeat 0px -111px; 
color: #FFF;
}

#ts_tabmenu ul li a:hover {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(../images/tabs.png) no-repeat 0px -26px;/* now we show the bottom part of the tabs image, the "hover" instance */
color: #FFF; /* we color the hovered tab’s text black */
list-style:none;
}

/*#ts_tabmenu #li_tsmenu1 a:hover {
position: relative; 
z-index: 5; 
background: url(images/tabs.png) no-repeat 0px -111px; 
color: #FFF;
}*/

#tsmenu1 #li_tsmenu1 a, #tsmenu2 #li_tsmenu2 a, #tsmenu #li_tsmenu a,
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a,
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a,
#tsmenu7 #li_tsmenu7 a, #tsmenu1 #ts_tabmenu #li_tsmenu1 a {
	position: relative;
	z-index:10;
	background: url(../images/tabs.png) no-repeat 0 -78px;
	color: #273c8e;
	outline:#FFF;
	padding: 5px 0 0 0;
	height:21px;
	text-indent: 13px;
	list-style:none;
	font-weight:bold;
}


	
	
.clearFloat {
	clear:both;
}