/* ------------------------------------------------------------------------------------------ Tabs */
#tabs {
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: normal;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #cccc99;
	background-image: url('../siteimages/headerbg.jpg');
	background-repeat: repeat-y;
	background-position: left top;
}
ul#tabnav {
	font: bold 11px verdana, sans-serif;
	list-style-type: none;
	padding-bottom: 24px;
	border-bottom: 8px solid #000;
	margin: 0;
}

ul#tabnav li {
	float: left;
	background-color: transparent;
	margin: 2px 2px 0 2px;
}
/* ---------------------------------- ( Tab HOME ) ------------------------------------------ */
li.home {
	background-color: transparent;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 0;
}
li.home a {
	background-color: transparent;
	color: #000;
	padding: 4px;
	text-decoration: none;
	display: block;
	float: left;
}
li.home a:hover {
	background-color: #000;
	color: #fff
}
/* ---------------------------------- ( Tab COMPNET ) ------------------------------------------ */
li.compnet {
	background-color: transparent;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 0;
}
li.compnet a {
	background-color: transparent;
	color: #000;
	padding: 4px;
	text-decoration: none;
	display: block;
	float: left;
}
li.compnet a:hover {
	background-color: #333399;
	color: #fff
}
/* ---------------------------------- ( Tab INTAC ) ------------------------------------------ */
li.intac {
	background-color: transparent;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 0;
}
li.intac a {
	background-color: transparent;
	color: #000;
	padding: 4px;
	text-decoration: none;
	display: block;
	float: left;
}
li.intac a:hover {
	background-color: #339933;
	color: #fff
}
/* ---------------------------------- ( Tab TELECOM ) ------------------------------------------ */
li.telecom {
	background-color: transparent;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 0;
}
li.telecom a {
	background-color: transparent;
	color: #000;
	padding: 4px;
	text-decoration: none;
	display: block;
	float: left;
}
li.telecom a:hover {
	background-color: #FF9933;
	color: #fff
}
/* ---------------------------------- ( Tab POS ) ------------------------------------------ */
li.pos {
	background-color: transparent;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 0;
}
li.pos a {
	background-color: transparent;
	color: #000;
	padding: 4px;
	text-decoration: none;
	display: block;
	float: left;
}
li.pos a:hover {
	background-color: #660000;
	color: #fff
}
/* ---------------------------------- ( Tab CONTACT ) ------------------------------------------ */
li.contact {
	background-color: transparent;
	color: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 0;
}
li.contact a {
	background-color: transparent;
	color: #000;
	padding: 4px;
	text-decoration: none;
	display: block;
	float: left;
}
li.contact a:hover {
	background-color: #FF0000;
	color: #fff
}