/* CSS tabs Document */
* {margin:0;padding:0}/* clear all default paddings and margins*/
#wrap {margin:25px;}
ul,li {list-style:none;}
/* mac hide \*/
ul#nav{height:1%}
/* end hide*/
ul#nav li, ul#nav li a{
	float:left;
	line-height:1.4em;
	text-decoration:none;
	color:#fff;
	text-align:center;
}
ul#nav li{
	background:url(images/normal-join.gif) no-repeat right top;
}
ul#nav li a{	padding:2px 25px 2px 0px;}
ul#nav li.first a{
	background:url(images/left-end-tab-normal.gif) no-repeat left top;
	padding-left:20px;
}
ul#nav li.last{	
	background:url(images/right-end-tab-normal.gif) no-repeat right top;
}
ul#nav li.last a{padding-right:20px}	

/* set current item when its in the middle of the tabs */
ul#nav li#current{
	background: url(images/center-tab-selected-right.gif) no-repeat right top;
}
ul#nav li#current a{
	background:url(images/center-tab-selected-left.gif) no-repeat -220px 0;
	margin-left:-24px;
	padding-left:24px;
	position:relative;
	color:red;
}

/* set current item when its on the far right tab  */
ul#nav li#lastcurrent{
	background:url(images/right-end-tab-over.gif) no-repeat right top;
}
ul#nav li#lastcurrent a{
	background:url(images/center-tab-selected-left.gif) no-repeat -220px 0;
	margin-left:-24px;
	padding-left:24px;
	padding-right:20px;
	position:relative;
	color:red;
}

/* set current item when its the first tab  */
ul#nav li#firstcurrent{
	background:url(images/center-tab-selected-right.gif) no-repeat right top;
}
ul#nav li#firstcurrent a{
	background:url(images/left-end-tab-over.gif) no-repeat left top;
	padding-left:20px;
	color:red
}

/* bar under nav */
.bar{
	height:2em;
	background:#039;
	clear:both;
}

/* hover */
ul#nav li a:hover{color:red}