#navBar {
	width:100%;
	padding:7px 0px 0px 0px;
	z-index: 1000;
	left: 0px;
	bottom: 0px;
}
#navBar  #nav{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	color: #FFF;
	font-size: 12px;
	float: left;
}
#navBar #nav   ul{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navBar #nav  li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
#navBar #nav li a{
	color:#fff;
	font-family:Verdana;
	font-size:12px;
	text-decoration:none;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	}
/* Tab nav */
	#navBar #nav ul li a.current {
	background-position: 0px -18px;
	margin: 0;
	padding: 0;
}
/* Tab nav hover state */
	#navBar #nav li a:hover {
	background-position: 0px -18px;
	height: 15px;
}
#nav ul .homeNavBtn  a{
	background-image: url(../images/nav/phan-nav_home.gif);
	width: 36px;
}
#nav ul .chasNavBtn  a{
	background-image: url(../images/nav/phan-nav_char.gif);
	width: 50px;
}
#nav ul .theFamNavBtn  a{
	background-image: url(../images/nav/phan-nav_thefam.gif);
	width: 72px;
}
#nav ul .theRestNavBtn  a{
	background-image: url(../images/nav/phan-nav_therest.gif);
	width: 110px;
}
#nav .contactDiv {
	margin: 0px;
	padding: 0px;
	float: right;
}
#navBar #nav .contactDiv .contactNavBtn a  {
	margin-right: 0px;
	width: 56px;
	background-image: url(../images/nav/phan-nav_contact.gif);
}
#navBar #nav ul  .divider{
	background: url(../images/nav/phan-nav_divide.gif) no-repeat;
	width: 3px;
	height: 15px;
	display: block;
	margin: 0px 15px;
}

/* CSS Document */
        

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}