/* BPDevelopment navigation  */


/* styles the leftNav */


ul#leftNav {
	width: 167px;
	list-style: none;
	margin: 0px;
	padding: 15px 0 0 0;
	border: 0px;
}

ul#leftNav li {
	margin: 0;
	padding: 0;
}

ul#leftNav li a {
	display: block;
	text-indent: -1000px;
	text-align: left;
	background-image: url(images/navLeft.gif);
	background-repeat:no-repeat;
}



ul#leftNav li#the_homes a { height: 44px; width: 167px; background: url(images/navLeft.gif) 0px 0px no-repeat; }
ul#leftNav li#the_neighborhood a { height: 44px; width: 167px; background: url(images/navLeft.gif) 0px -44px no-repeat; }
ul#leftNav li#about_bayou a { height: 30px; width: 167px;  background: url(images/navLeft.gif) 0px -88px no-repeat; }
ul#leftNav li#contact_us a { height: 32px; width: 167px; background: url(images/navLeft.gif) 0px -118px no-repeat; }

ul#leftNav li#the_homes a:hover { height: 44px; width: 167px; background: url(images/navLeft.gif) -167px 0px no-repeat; }
ul#leftNav li#the_neighborhood a:hover { height: 44px; width: 167px; background: url(images/navLeft.gif) -167px -44px no-repeat; }
ul#leftNav li#about_bayou a:hover { height: 30px; width: 167px; background: url(images/navLeft.gif) -167px -88px no-repeat; }
ul#leftNav li#contact_us a:hover { height: 32px; width: 167px; background: url(images/navLeft.gif) -167px -118px no-repeat; }

ul#leftNav li#the_homes.active a  { height: 44px; width: 167px; background: url(images/navLeft.gif) -167px 0px no-repeat; }
ul#leftNav li#the_neighborhood.active a  { height: 44px; width: 167px; background: url(images/navLeft.gif) -167px -44px no-repeat;  }
ul#leftNav li#about_bayou.active a  { height: 30px; width: 167px; background: url(images/navLeft.gif) -167px -88px no-repeat; }
ul#leftNav li#contact_us.active a  { height: 32px; width: 167px; background: url(images/navLeft.gif) -167px -118px no-repeat;  }


/* styles the subNav */

ul#leftNav li#the_homes ul#subNav,
ul#leftNav li#the_neighborhood ul#subNav,
ul#leftNav li#about_bayou ul#subNav,
ul#leftNav li#contact_us ul#subNav {
	list-style:none;
	margin: 0;
	padding: 0;
	border-left: 6px solid #8F8591;
	background-color: #E3E1C8;
}


ul#leftNav li#the_homes ul#subNav li,
ul#leftNav li#the_neighborhood ul#subNav li,
ul#leftNav li#about_bayou ul#subNav li,
ul#leftNav li#contact_us ul#subNav li {
	padding: 0px;
	margin: 0px;
}

ul#leftNav li#the_homes ul#subNav li a, 
ul#leftNav li#the_neighborhood ul#subNav li a,
ul#leftNav li#about_bayou ul#subNav li a,
ul#leftNav li#contact_us ul#subNav li a {
	display: block;
	background: transparent url(images/navLeftSub.gif) 8px 8px no-repeat;
	text-indent: 20px;
	text-align: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
	color: #990066;
	text-decoration: none;
	padding: 7px 0 0 8px;
	border-top: 1px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
	background-color:#E3E1C8;
	height: 25px;
	width: 150px;
}

ul#leftNav li#the_homes ul#subNav li a:hover , 
ul#leftNav li#the_neighborhood ul#subNav li a:hover ,
ul#leftNav li#about_bayou ul#subNav li a:hover ,
ul#leftNav li#contact_us ul#subNav li a:hover   {
	background: transparent url(images/navLeftSub_on.gif) 12px 8px no-repeat;
	color: #8F8591;
	background-color:#E3E1C8;


}


ul#leftNav li#the_homes ul#subNav li.active a,
ul#leftNav li#the_neighborhood ul#subNav li.active a ,
ul#leftNav li#about_bayou ul#subNav li.active a ,
ul#leftNav li#contact_us ul#subNav li.active a  {

	background: transparent url(images/navLeftSub_on.gif) 12px 8px  no-repeat;
	color: #8F8591;
	background-color:#E3E1C8;


}


/* 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#realty { background: transparent url(images/navBottom.gif) -399px -20px no-repeat;}

#bottomNav li#commercial a { width: 399px; background-position: 0px 0px; }
#bottomNav li#realty a { width: 400px; background-position: -399px 0px; }

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