/* BPCommercial navigation  */


/* styles the topNav */

#topNav ul {
	width: 786px;
	height: 49px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px;
}

#topNav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#topNav ul li a {
	height: 49px;
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	background-image: url(images/navTop.gif);
	background-repeat:no-repeat;

}

#topNav li#about_bayou { background: url(images/navTop.gif) 0px -49px no-repeat; }
#topNav li#find_a_home { background: url(images/navTop.gif) -126px -49px no-repeat; }
#topNav li#commercial_investments { background: url(images/navTop.gif) -274px -49px no-repeat; }
#topNav li#about_houston { background: url(images/navTop.gif) -465px -49px no-repeat; }
#topNav li#contact_bayou { background: url(images/navTop.gif) -632px -49px no-repeat; }

#topNav li#about_bayou a { width: 126px; background-position: 0px 0px; }
#topNav li#find_a_home a { width: 148px; background-position: -126px 0px; }
#topNav li#commercial_investments a { width: 191px; background-position: -274px 0px; }
#topNav li#about_houston a { width: 167px; background-position: -465px 0px; }
#topNav li#contact_bayou a { width: 154px; background-position: -632px 0px; }

#topNav li#about_bayou a:hover { background-image: none; }
#topNav li#find_a_home a:hover { background-image: none; }
#topNav li#commercial_investments a:hover  { background-image: none; }
#topNav li#about_houston a:hover { background-image: none; }
#topNav li#contact_bayou a:hover { background-image: none; }

#topNav li#about_bayou.active a { background-image: none; }
#topNav li#find_a_home.active a { background-image: none; }
#topNav li#commercial.active a { background-image: none; }
#topNav li#about_houston.active a { background-image: none; }
#topNav li#contact_bayou.active a { background-image: none; }


/* styles the bottomNav */

#bottomNav ul {
	width: 800px;
	height: 20px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px;
}

#bottomNav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#bottomNav ul li a {
	height: 20px;
	display: block;
	text-indent: -10000px;
	background-image: url(images/navBottom.gif);
	background-repeat:no-repeat;
	}
	
#bottomNav li#commercial { background: transparent url(images/navBottom.gif) 0px -20px no-repeat;}
#bottomNav li#development { background: transparent url(images/navBottom.gif) -399px -20px no-repeat;}
	
#bottomNav li#commercial a { width: 399px; background-position: 0px 0px;}
#bottomNav li#development a { width: 400px; background-position: -399px 0px;}

#bottomNav li#commercial a:hover { background-image: none;}
#bottomNav li#development a:hover { 	background-image: none;}