#tab-1 div.on a,
#tab-2 div.on a,
#tab-3 div.on a,
#tab-4 div.on a,
#tab-5 div.on a {
	text-decoration:none;
	color: #fff;
}


/*========== TAB 1 ==========*/
#tab-1 div.off {
	color: #fff;
	height: 87px;
	width: 200px;
	float: left;
	background: transparent url('../images/site-graphics/slide-1.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-1 div.on {
	color: #fff;
	width: 200px;
	float: left;
	background: transparent url('../images/site-graphics/slide-1.gif') left bottom no-repeat;
	cursor: pointer;
	height: 87px;
	position: relative;
	z-index: 100;
}
#tab-1 div.on span,
#tab-1 div.off span {
	position: absolute;
	left:20px;
	top:40px;
	padding-right: 10px;
	color: #fff;
}
#tab-1 div.off a:link,
#tab-1 div.off a:active,
#tab-1 div.off a:visited {
	height: 87px;
	width: 200px;
	display: block;
	color: #fff;
	text-decoration:none;
}

#tab-1 div.off a:hover  {
	background: transparent url('../images/site-graphics/slide-1.gif') left bottom no-repeat;
	height: 87px;
	width: 200px;
	display: block;
	text-decoration:none;
}


/*========== TAB 2 ==========*/
#tab-2 div.off {
	color: #fff;
	height: 87px;
	width: 202px;
	float: left;
	background: transparent url('../images/site-graphics/slide-2.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-2 div.on {
	color: #fff;
	width: 202px;
	float: left;
	background: transparent url('../images/site-graphics/slide-2.gif') left bottom no-repeat;
	cursor: pointer;
	height: 87px;
	position: relative;
	z-index: 100;
}
#tab-2 div.on span,
#tab-2 div.off span {
	position: absolute;
	left:24px;
	top:40px;
	color: #fff;
}
#tab-2 div.off a:link,
#tab-2 div.off a:visited {
	height: 87px;
	width: 202px;
	display: block;
	color: #fff;
	text-decoration:none;

}

#tab-2 div.off a:hover  {
	background: transparent url('../images/site-graphics/slide-2.gif') left bottom no-repeat;
	height: 87px;
	width: 202px;
	display: block;
	text-decoration:none;

}

/*========== TAB 3 ==========*/
#tab-3 div.off {
	color: #fff;
	height: 87px;
	width: 214px;
	float: left;
	background: transparent url('../images/site-graphics/slide-3.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-3 div.on {
	color: #fff;
	width: 214px;
	float: left;
	background: transparent url('../images/site-graphics/slide-3.gif') left bottom no-repeat;
	cursor: pointer;
	height: 87px;
	position: relative;
	z-index: 100;
}
#tab-3 div.on span,
#tab-3 div.off span {
	position: absolute;
	left:28px;
	top:40px;
	color: #fff;
}
#tab-3 div.off a:link,
#tab-3 div.off a:visited {
	height: 87px;
	width: 214px;
	display: block;
	color: #fff;
	text-decoration:none;

}

#tab-3 div.off a:hover  {
	background: transparent url('../images/site-graphics/slide-3.gif') left bottom no-repeat;
	height: 87px;
	width: 214px;
	display: block;
	text-decoration:none;

}

/*========== TAB 4 ==========*/
#tab-4 div.off {
	color: #fff;
	height: 87px;
	width: 184px;
	float: left;
	background: transparent url('../images/site-graphics/slide-4.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-4 div.on {
	color: #fff;
	width: 184px;
	float: left;
	background: transparent url('../images/site-graphics/slide-4.gif') left bottom no-repeat;
	cursor: pointer;
	height: 87px;
	position: relative;
	z-index: 100;
}
#tab-4 div.on span,
#tab-4 div.off span {
	position: absolute;
	left:24px;
	top:40px;
	color: #fff;
}
#tab-4 div.off a:link,
#tab-4 div.off a:visited {
	height: 87px;
	width: 184px;
	display: block;
	color: #fff;
	text-decoration:none;

}

#tab-4 div.off a:hover  {
	background: transparent url('../images/site-graphics/slide-4.gif') left bottom no-repeat;
	height: 87px;
	width: 184px;
	display: block;
	text-decoration:none;

}

/*========== TAB 5 ==========*/
#tab-5 div.off {
	color: #fff;
	height: 87px;
	width: 190px;
	float: left;
	background: transparent url('../images/site-graphics/slide-5.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-5 div.on {
	color: #fff;
	width: 190px;
	float: left;
	background: transparent url('../images/site-graphics/slide-5.gif') left bottom no-repeat;
	cursor: pointer;
	height: 87px;
	position: relative;
	z-index: 100;
}
#tab-5 div.on span,
#tab-5 div.off span {
	position: absolute;
	left:23px;
	top:40px;
	color: #fff;
}
#tab-5 div.off a:link,
#tab-5 div.off a:visited {
	height: 87px;
	width: 190px;
	display: block;
	color: #fff;
	text-decoration:none;

}
#tab-5 div.off a:hover  {
	background: transparent url('../images/site-graphics/slide-5.gif') left bottom no-repeat;
	height: 87px;
	width: 190px;
	display: block;
	text-decoration:none;

}

/* ================= FEATURED TABS PAGE =================*/
/*========== TAB f0 ==========*/
#tab-f0 div.off {
	color: #fff;
	height: 72px;
	width: 99px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-00.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-f0 div.on {
	color: #fff;
	width: 99px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-00.gif') left bottom no-repeat;
	cursor: pointer;
	height: 72px;
	position: relative;
	z-index: 100;
}
#tab-f0 div.on span,
#tab-f0 div.off span {
	position: absolute;
	left:20px;
	top:40px;
	padding-right: 10px;
	color: #fff;
}
#tab-f0 div.off a:link,
#tab-f0 div.off a:visited {
	height: 72px;
	width: 99px;
	display: block;
	color: #fff;
	text-decoration:none;
}

#tab-f0 div.off a:hover  {
	background: transparent url('../images/site-graphics/slidef-00.gif') left bottom no-repeat;
	height: 72px;
	width: 99px;
	display: block;
	text-decoration:none;
}

/*========== TAB f1 ==========*/
#tab-f1 div.off {
	color: #fff;
	height: 72px;
	width: 147px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-01.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-f1 div.on {
	color: #fff;
	width: 147px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-01.gif') left bottom no-repeat;
	cursor: pointer;
	height: 72px;
	position: relative;
	z-index: 100;
}
#tab-f1 div.on span,
#tab-f1 div.off span {
	position: absolute;
	left:20px;
	top:40px;
	padding-right: 10px;
	color: #fff;
}
#tab-f1 div.off a:link,
#tab-f1 div.off a:visited {
	height: 72px;
	width: 147px;
	display: block;
	color: #fff;
	text-decoration:none;
}

#tab-f1 div.off a:hover  {
	background: transparent url('../images/site-graphics/slidef-01.gif') left bottom no-repeat;
	height: 72px;
	width: 147px;
	display: block;
	text-decoration:none;
}


/*========== TAB f2 ==========*/
#tab-f2 div.off {
	color: #fff;
	height: 72px;
	width: 171px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-02.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-f2 div.on {
	color: #fff;
	width: 171px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-02.gif') left bottom no-repeat;
	cursor: pointer;
	height: 72px;
	position: relative;
	z-index: 100;
}
#tab-f2 div.on span,
#tab-f2 div.off span {
	position: absolute;
	left:24px;
	top:40px;
	color: #fff;
}
#tab-f2 div.off a:link,
#tab-f2 div.off a:visited {
	height: 72px;
	width: 71px;
	display: block;
	color: #fff;
	text-decoration:none;

}

#tab-f2 div.off a:hover  {
	background: transparent url('../images/site-graphics/slidef-02.gif') left bottom no-repeat;
	height: 72px;
	width: 171px;
	display: block;
	text-decoration:none;

}

/*========== TAB f3 ==========*/
#tab-f3 div.off {
	color: #fff;
	height: 72px;
	width: 125px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-03.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-f3 div.on {
	color: #fff;
	width: 125px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-03.gif') left bottom no-repeat;
	cursor: pointer;
	height: 72px;
	position: relative;
	z-index: 100;
}
#tab-f3 div.on span,
#tab-f3 div.off span {
	position: absolute;
	left:28px;
	top:40px;
	color: #fff;
}
#tab-f3 div.off a:link,
#tab-f3 div.off a:visited {
	height: 72px;
	width: 125px;
	display: block;
	color: #fff;
	text-decoration:none;

}

#tab-f3 div.off a:hover  {
	background: transparent url('../images/site-graphics/slidef-03.gif') left bottom no-repeat;
	height: 72px;
	width: 125px;
	display: block;
	text-decoration:none;

}

/*========== TAB f4 ==========*/
#tab-f4 div.off {
	color: #fff;
	height: 72px;
	width: 138px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-04.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-f4 div.on {
	color: #fff;
	width: 138px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-04.gif') left bottom no-repeat;
	cursor: pointer;
	height: 72px;
	position: relative;
	z-index: 100;
}
#tab-f4 div.on span,
#tab-f4 div.off span {
	position: absolute;
	left:24px;
	top:40px;
	color: #fff;
}
#tab-f4 div.off a:link,
#tab-f4 div.off a:visited {
	height: 72px;
	width: 138px;
	display: block;
	color: #fff;
	text-decoration:none;

}

#tab-f4 div.off a:hover  {
	background: transparent url('../images/site-graphics/slidef-04.gif') left bottom no-repeat;
	height: 72px;
	width: 138px;
	display: block;
	text-decoration:none;

}

/*========== TAB f5 ==========*/
#tab-f5 div.off {
	color: #fff;
	height: 72px;
	width: 141px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-05.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-f5 div.on {
	color: #fff;
	width: 141px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-05.gif') left bottom no-repeat;
	cursor: pointer;
	height: 72px;
	position: relative;
	z-index: 100;
}
#tab-f5 div.on span,
#tab-f5 div.off span {
	position: absolute;
	left:23px;
	top:40px;
	color: #fff;
}
#tab-f5 div.off a:link,
#tab-f5 div.off a:visited {
	height: 72px;
	width: 141px;
	display: block;
	color: #fff;
	text-decoration:none;

}
#tab-f5 div.off a:hover  {
	background: transparent url('../images/site-graphics/slidef-05.gif') left bottom no-repeat;
	height: 72px;
	width: 141px;
	display: block;
	text-decoration:none;

}

/*========== TAB f6 ==========*/
#tab-f6 div.off {
	color: #fff;
	height: 72px;
	width: 73px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-06.gif') no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#tab-f6 div.on {
	color: #fff;
	width: 73px;
	float: left;
	background: transparent url('../images/site-graphics/slidef-06.gif') left bottom no-repeat;
	cursor: pointer;
	height: 72px;
	position: relative;
	z-index: 100;
}
#tab-f6 div.on span,
#tab-f6 div.off span {
	position: absolute;
	left:23px;
	top:40px;
	color: #fff;
}
#tab-f6 div.off a:link,
#tab-f6 div.off a:visited {
	height: 72px;
	width: 73px;
	display: block;
	color: #fff;
	text-decoration:none;

}
#tab-f6 div.off a:hover  {
	background: transparent url('../images/site-graphics/slidef-06.gif') left bottom no-repeat;
	height: 72px;
	width: 73px;
	display: block;
	text-decoration:none;

}



div.hide {
	display: none;
	width: 0;
	overflow: hidden;
}
div.show {
	clear: left;
	position: relative;
	z-index: 50;
}