#topnav {
	font: normal 11px/12px arial,helvetica,sans-serif;
	text-align:center;
	border:0; margin:40px 5px 0 0; padding:0;
	float:right;
	height:27px;
	width: 320px;
	list-style: none;
	}

#topnav ul {
	list-style: none;
	border:0; margin:0;
	text-align:center;
	}
		
#topnav li {
	list-style: none;
	float:left;
	margin:0; padding:0; border:0;
	line-height:normal;
	width:102px;
	height:27px;
	}

/* below is where you specify the height of the block and the display */
		
#topnav li a {
		background:transparent;
		background-position:0 0;
		background-image:none;
		display: block;
		color: #1d67a7;
		text-align:center;
		text-decoration: none;
		padding:4px 0 2px 0; margin:0; border:0;
		height:21px;
		background:#fff url(/_img/nav_button.gif) no-repeat;
		}


	#topnav li a:hover {
		background-position: 0 -27px;
		}

	#topnav li#active a {
		background-position: 0 -27px;
		}
		

/* HOME NAV */


#homenav {
	font: normal 18px/14px georgia,arial,helvetica,sans-serif;
	text-align:left;
	border:0; 
	margin:14px 0 0 6px; 
	padding:0;
	float:left;
	width:350px;
	height:428px;
	list-style: none;
	}

html>body #homenav  {margin:14px 0 0 14px;} 
/* what we really want - IE 4/5/6 can't see */


.homenav-sm, .homenav-sm a	{font: normal 14px/16px arial,helvetica,sans-serif;color:#333;}

#homenav ul {
	list-style: none;
	border:0; margin:0;
	text-align:left;
	}
		
#homenav li {
	list-style: none;
	float:left;
	margin:0; padding:0; border:0;
	line-height:normal;
	width:350px;
	height:108px;
	}

/* below is where you specify the height of the block and the display */
		
#homenav li a {
		background:transparent;
		background-position:0 0;
		background-image:none;
		display: block;
		color: #069;
		text-align:left;
		text-decoration: none;
		padding:30px 0 0 17px; margin:0; border:0;
		height:78px;
		background:#e5eff6 url(/_img/nav_home_corpdev.jpg) no-repeat;
		}

#homenav li#hr a {background:#e5eff6 url(/_img/nav_home_hr.jpg) no-repeat;}
#homenav li#real a {background:#e5eff6 url(/_img/nav_home_realestate.jpg) no-repeat;}
#homenav li#mopic a {background:#e5eff6 url(/_img/nav_home_motionpic.jpg) no-repeat;}


	#homenav li a:hover, #homenav li#hr a:hover, #homenav li#real a:hover, #homenav li#mopic a:hover {
		background-position: 0 -108px;
		}

	#homenav li#active a {
		background-position: 0 -108px;
		}
		

/* SEC NAV */


#secnav {
	font: normal 12px/12px georgia,arial,helvetica,sans-serif;
	text-align:left;
	border:0; 
	background:#e5eff6 url(/_img/bkgr_secnav.gif) top left no-repeat;
	width:202px;
	height:204px;
	margin:0;
	padding:9px 0 0 0;
	float:left;
	list-style: none;
	}



#secnav ul {
	list-style: none;
	border:0; margin:0;
	padding:0;
	text-align:left;
	float:left;
	}
		
#secnav li {
	list-style: none;
	float:left;
	margin:0 0 0 4px; padding:0; border:0;
	line-height:normal;
	width:183px;
	height:50px;
	}

html>body #secnav li  {margin:0 0 0 8px;} 
/* what we really want - IE 4/5/6 can't see */




/* below is where you specify the height of the block and the display */
		
#secnav li a {
		background:transparent;
		background-position:0 0;
		display: block;
		color: #069;
		text-align:left;
		text-decoration: none;
		padding:13px 0 0 10px; 
		margin:0; border:0;
		height:36px;
		background:#e5eff6 url(/_img/secnav_corpdev.gif) no-repeat;
		}

#secnav li.hr a {background:#e5eff6 url(/_img/secnav_hr.gif) no-repeat;}
#secnav li.real a {background:#e5eff6 url(/_img/secnav_realestate.gif) no-repeat;}
#secnav li.mopic a {background:#e5eff6 url(/_img/secnav_motionpic.gif) no-repeat;}


	#secnav li a:hover, #secnav li.hr a:hover, #secnav li.real a:hover, #secnav li.mopic a:hover {
		background-position: 0 -50px;
		}

	#secnav li#subactive a {
		background-position: 0 -50px;
		}
		



/* TER NAV */


#ternav {
	font: normal 12px/12px georgia,arial,helvetica,sans-serif;
	border:0; 
	margin:285px 30px 0 0; 
	padding:0;
	float:right;
	width:226px;
	height:120px;
	list-style: none;
	}



#ternav ul {
	list-style: none;
	border:0; margin:0;
	text-align:left;
	}
		
#ternav li {
	list-style: none;
	float:left;
	margin:0; padding:0; border:0;
	line-height:normal;
	width:226px;
	height:30px;
	}

/* below is where you specify the height of the block and the display */
		
#ternav li a {
		background:transparent;
		background-position:0 0;
		display: block;
		color: #3878db;
		text-align:left;
		text-decoration: none;
		padding:10px 0 0 75px; 
		margin:0; border:0;
		height:20px;
		background:#fff url(/_img/ternav.gif) no-repeat;
		}


	#ternav li a:hover {
		color: #333;
		background-position: 0 -30px;
		}

	#ternav li#teractive a {
		color: #333;	
		background-position: 0 -30px;
		}