/* CSS Document */
/* main navigation styles */
#nav { width:955px; margin:7px auto 0 7px; position:relative; display:block; text-align:center; }
#nav img { float:left; }

#nav a { display:block; }
#nav a span { display:none; }

/* Visibility Hidden */
.HiddenNav {
	visibility: hidden;
}
/* Visibility Visible */
.VisibleNav {
	visibility: visible;
}



#nav1 a {
width:56px;
height:22px;
background-image:url(../img/global/SPIE-nav-home-off.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}
/*#nav1down a {
width:56px;
height:22px;background-color:#6E0F12;
background-image:url(../img/global/SPIE-nav-home-on.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}*/
#nav1 a:hover {
width:56px;
height:22px;background-color:#6E0F12;
background-image:url(../img/global/SPIE-nav-home-on.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}/**/

#nav2 { }
#nav2 a {
width:142px;
height:22px;
background-image:url(../img/global/SPIE-nav-neighb-off.gif);
background-position:center;
float:left;

}
#nav2down {  }
#nav2down a {
width:142px;
height:22px;
background-color:#6E0F12;
background-image:url(../img/global/SPIE-nav-neighb-on.gif);
background-position:center;
float:left;

}
#nav2 a:hover {
background-color:#6E0F12;
background-image:url(../img/global/SPIE-nav-neighb-on.gif);
background-position:center;
/*width:146px;
height:22px;
float:left;*/
}
/* IE 6 Hack Start */
 #nav2rollover {
position:absolute; z-index:20;

	display:block;/*  */	
	height:128px;
	width:195px;
	left: 83px;
	top:199px;	
	margin:0px; 
	padding:8px 0px 0px 0px;
	font-weight:bold;
	color:#002a3f;
	text-align:left;
	
	 
	/*border:2px solid #a89e84;*/	
}

 #nav2rollover img {float:none; }
 #nav2rollover ul { margin:0px; padding:14px 0px;}
 #nav2rollover ul li ul { margin:0; padding:0px; }

 #nav2rollover li { position:relative; list-style:none; margin:-14px 0 0 0; padding:0px; display:block; }

 #nav2rollover li a { /*height:24px;*/ position:relative;  border:2px solid #a89e84;border-top:0px; background-image:url(../img/global/nav2-rollover-main-off.gif);background-position:center; background-repeat:no-repeat; width:185px;  display:block; color:#002a3f; text-decoration:none; padding:4px 0px 4px 10px; margin:0px; background-color:#FFFFFF }

 #nav2rollover li a:hover{ color:#6e0f12; background-image:url(../img/global/nav2-rollover-main-on.gif);background-position:center; background-repeat:no-repeat; padding:4px 0px 4px 10px; margin:0px; text-decoration:none; background-color:#e0d9bf; }

 #nav2rollover a { text-decoration:none; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists 
 #navBar li {border-bottom: 1px solid #EEE;}*/

/* fix for browsers that don't need the hack 
 #nav2rollover li {border-bottom: none;}*/

/*border:1px solid #a89e84;*/

 #navbeaumont { position:absolute; top:0px; z-index:21; left:198px; padding:0px; height:72px; width:190px; list-style:none; margin:0px; display:block;  }
 #navbeaumont ul { padding: 0px;margin: 0px; }
 #navbeaumont li {  list-style:none; padding:0px; margin:0px; height:24px; }
 #navbeaumont li a {  border:2px solid #a89e84; border-left:1px solid #a89e84; border-top:0px; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:4px 0 4px 5px; width:190px;  }
 #navbeaumont li a:hover { background-color:#e0d9bf;padding:4px 0 4px 5px; background-image:none; margin:0px; }

 #navcorona { position:absolute; top:-2px; border-top:2px solid #a89e84; z-index:21; left:198px; padding:0px; height:96px; width:190px; list-style:none; margin:0px; display:block;  }
 #navcorona ul { padding:0px;margin:0px;  }
 #navcorona li {  list-style:none; padding:0px; margin:0px; height:24px; }
 #navcorona li a {  border:2px solid #a89e84; border-left:1px solid #a89e84; border-top:0px; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:4px 0 4px 5px; width:190px;  }
 #navcorona li a:hover { background-color:#e0d9bf;padding:4px 0 4px 5px; background-image:none; margin:0px; }

 #navmenifee { position:absolute; top:-2px; border-top:2px solid #a89e84; z-index:21; left:197px; padding:0px; height:120px; width:190px; list-style:none; margin:0px; display:block;  }
 #navmenifee ul { padding:0px;margin:0px; }
 #navmenifee li {  list-style:none; padding:0px; margin:0px; height:24px; }
 #navmenifee li a {  border:2px solid #a89e84; border-left:2px solid #a89e84; border-top:0px; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:4px 0 4px 5px; width:190px;  }
 #navmenifee li a:hover { background-color:#e0d9bf;padding:4px 0 4px 5px; background-image:none; margin:0px; }

 #navriverside { position:absolute; top:-2px; border-top:2px solid #a89e84; z-index:21; left:198px; padding:0px; height:24px; width:190px; list-style:none; margin:0px; display:block;  }
 #navriverside ul { padding:0px;margin:0px; }
 #navriverside li {  list-style:none; padding:0px; margin:0px; height:24px; }
 #navriverside li a {  border:2px solid #a89e84; border-left:1px solid #a89e84; border-top:0px; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:4px 0 4px 5px; width:190px;  }
 #navriverside li a:hover { background-color:#e0d9bf;padding:4px 0 4px 5px; background-image:none; margin:0px; }

 #navtemecula { position:absolute; top:-2px; border-top:2px solid #a89e84; z-index:21; left:197px; padding:0px; height:72px; width:190px; list-style:none; margin:0px; display:block;  }
 #navtemecula ul { padding:0px;margin:0px; }
 #navtemecula li {  list-style:none; padding:0px; margin:0px; height:24px; }
 #navtemecula li a {  border:2px solid #a89e84; border-left:2px solid #a89e84; border-top:0px; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:4px 0 4px 5px; width:190px;  }
 #navtemecula li a:hover { background-color:#e0d9bf;padding:4px 0 4px 5px; background-image:none; margin:0px; }

 #navvictorville { position:absolute; top:-2px; border-top:2px solid #a89e84; z-index:21; left:197px; padding:0px; height:96px; width:190px; list-style:none; margin:0px; display:block;  }
 #navvictorville ul { padding:0px;margin:0px; }
 #navvictorville li {  list-style:none; padding:0px; margin:0px; height:24px; }
 #navvictorville li a {  border:2px solid #a89e84; border-left:2px solid #a89e84; border-top:0px; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:4px 0 4px 5px; width:190px;  }
 #navvictorville li a:hover { background-color:#e0d9bf;padding:4px 0 4px 5px; background-image:none; margin:0px; }

/* IE 6 Hack End */



html>body #nav2rollover {
position:absolute; z-index:20;
		
	height:128px;
	width:195px;
	left: 83px;
	top:199px;	
	margin:0px; 
	padding:8px 0px 0px 0px;
	font-weight:bold;
	color:#002a3f;
	text-align:left;
	
	line-height:24px;

	/*border:2px solid #a89e84;*/	
}

html>body #nav2rollover img {float:none; }
html>body #nav2rollover ul { margin:0px; padding:0px;}
html>body #nav2rolloverXXXX ul li ul { margin:0px; padding:0px; }

html>body #nav2rollover li { position:relative; list-style:none; margin:0px; padding:0px; display:block; }

html>body #nav2rollover li a { height:24px;border:2px solid #a89e84;border-top:0px; background-image:url(../img/global/nav2-rollover-main-off.gif);background-position:center;background-repeat:no-repeat; width:185px;  display:block; color:#002a3f; text-decoration:none; padding:0px 0px 0px 10px; margin:0px; background-color:#FFFFFF }

html>body #nav2rollover li a:hover{ height:24px;color:#6e0f12; background-image:url(../img/global/nav2-rollover-main-on.gif);background-position:center; background-repeat:no-repeat; padding:0px 0px 0px 10px; margin:0px; text-decoration:none; background-color:#e0d9bf; }

html>body #nav2rollover a { text-decoration:none; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
html>body #navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #nav2rollover li {border-bottom: none;}

/*border:1px solid #a89e84;*/

html>body #navbeaumont { position:absolute; top:-2px; z-index:21; left:198px; padding:0px; height:72px; width:190px; list-style:none; margin:0px; display:block;  }
html>body #navbeaumont ul { padding:0px;margin:0px; }
html>body #navbeaumont li {  list-style:none; padding-bottom:2px; margin:0px; height:24px; }
html>body #navbeaumont li a {  border:2px solid #a89e84; border-left:1px solid #a89e84; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:0px 0 0px 5px; width:190px;  }
html>body #navbeaumont li a:hover { background-color:#e0d9bf;padding:0px 0 0px 5px; background-image:none; margin:0px; }

html>body #navcorona { position:absolute; top:-2px; z-index:21; left:198px; padding:0px; height:96px; width:190px; list-style:none; margin:0px; display:block; border-top:0px  }
html>body #navcorona ul { padding:0px;margin:0px; }
html>body #navcorona li {  list-style:none; padding-bottom:2px; margin:0px; height:24px; }
html>body #navcorona li a {  border:2px solid #a89e84; border-left:1px solid #a89e84; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:0px 0 0px 5px; width:190px;  }
html>body #navcorona li a:hover { background-color:#e0d9bf;padding:0px 0 0px 5px; background-image:none; margin:0px; }

html>body #navmenifee { position:absolute;top:-2px; z-index:21; left:197px; padding:0px; height:120px; width:190px; list-style:none; margin:0px; display:block; border-top:0px }
html>body #navmenifee ul { padding:0px;margin:0px; }
html>body #navmenifee li {  list-style:none; padding-bottom:2px; margin:0px; height:24px; }
html>body #navmenifee li a {  border:2px solid #a89e84; border-left:2px solid #a89e84; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:0px 0 0px 5px; width:190px;  }
html>body #navmenifee li a:hover { background-color:#e0d9bf;padding:0px 0 0px 5px; background-image:none; margin:0px; }

html>body #navriverside { position:absolute; top:-2px; z-index:21; left:198px; padding:0px; height:24px; width:190px; list-style:none; margin:0px; display:block; border-top:0px }
html>body #navriverside ul { padding:0px;margin:0px; }
html>body #navriverside li {  list-style:none; padding-bottom:2px; margin:0px; height:24px; }
html>body #navriverside li a {  border:2px solid #a89e84; border-left:1px solid #a89e84; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:0px 0 0px 5px; width:190px;  }
html>body #navriverside li a:hover { background-color:#e0d9bf;padding:0px 0 0px 5px; background-image:none; margin:0px; }

html>body #navtemecula { position:absolute; top:-2px; z-index:21; left:197px; padding:0px; height:72px; width:190px; list-style:none; margin:0px; display:block; border-top:0px }
html>body #navtemecula ul { padding:0px;margin:0px; }
html>body #navtemecula li {  list-style:none; padding-bottom:2px; margin:0px; height:24px; }
html>body #navtemecula li a {  border:2px solid #a89e84; border-left:2px solid #a89e84; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:0px 0 0px 5px; width:190px;  }
html>body #navtemecula li a:hover { background-color:#e0d9bf;padding:0px 0 0px 5px; background-image:none; margin:0px; }

html>body #navvictorville { position:absolute; top:-2px; z-index:21; left:197px; padding:0px; height:96px; width:190px; list-style:none; margin:0px; display:block; border-top:0px }
html>body #navvictorville ul { padding:0px;margin:0px; }
html>body #navvictorville li {  list-style:none; padding-bottom:2px; margin:0px; height:24px; }
html>body #navvictorville li a {  border:2px solid #a89e84; border-left:2px solid #a89e84; background-image:none; display:block; background-color:#ffffff; margin:0px; padding:0px 0 0px 5px; width:190px;  }
html>body #navvictorville li a:hover { background-color:#e0d9bf;padding:0px 0 0px 5px; background-image:none; margin:0px; }



#nav3 a {
width:102px;
height:22px;
background-image:url(../img/global/SPIE-nav-bestdeals-off.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}

#nav3 a:hover {
width:102px;
height:22px;background-color:#6E0F12;
background-image:url(../img/global/SPIE-nav-bestdeals-on.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}/**/

#nav4 a {
width:142px;
height:22px;
background-image:url(../img/global/SPIE-nav-spcloffers-off.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;

}

#nav4 a:hover {
width:142px;
height:22px;background-color:#6E0F12;
background-image:url(../img/global/SPIE-nav-spcloffers-on.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}/**/

#nav5 a {
width:130px;
height:22px;
background-image:url(../img/global/SPIE-nav-builderstory-off.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}

#nav5 a:hover {
width:130px;
height:22px;background-color:#6E0F12;
background-image:url(../img/global/SPIE-nav-builderstory-on.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}/**/

#nav6 a {
width:114px;
height:22px;
background-image:url(../img/global/SPIE-nav-registration-off.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}

#nav6 a:hover {
width:114px;
height:22px;background-color:#6E0F12;
background-image:url(../img/global/SPIE-nav-registration-on.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}/**/

#navHassle a {
width:176px;
height:22px;
background-image:url(../img/global/SPIE-nav-hassle-off.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}

#navHassle a:hover {
width:176px;
height:22px;background-color:#6E0F12;
background-image:url(../img/global/SPIE-nav-hassle-on.gif);
background-position:center;
margin:0px 0px 0px 0px;
float:left;
}/**/



/*Floorplan nav on neighborhood pages*/
#FPnav { width:308px; margin-bottom:10px; display:block; clear:left }
#FPnavFive { width:390px; margin-bottom:10px;  display:block; }
#FPnavRow2 { width:275px; margin-bottom:10px;  display:block; clear:left }
/*html>body #FPnav { width:308px; margin:0px; display:block; }
html>body #FPnavFive { width:390px; margin:0px; display:block; }
html>body #FPnavRow2 { width:275px; margin:0px; display:block; clear:left }*/
	#FPnav a span { display:none; }
	#FPnav img { margin:0 10px 0 0; }
	#FPnav1 a {
	width:67px;
	height:21px;
	background-image:url(../img/global/nav-plan1-off.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav1down a {
	width:67px;
	height:21px;background-color:#6E0F12;
	background-image:url(../img/global/nav-plan1-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav1 a:hover {
	width:67px;
	height:21px;background-color:#6E0F12;
	background-image:url(../img/global/nav-plan1-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}/**/
	#FPnav2 a {
	width:67px;
	height:21px;
	background-image:url(../img/global/nav-plan2-off.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav2down a {
	width:67px;
	height:21px;background-color:#6E0F12;
	background-image:url(../img/global/nav-plan2-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav2 a:hover {
	width:67px;
	height:21px;background-color:#6E0F12;
	background-image:url(../img/global/nav-plan2-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}/**/
	#FPnav3 a {
	width:67px;
	height:21px;
	background-image:url(../img/global/nav-plan3-off.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav3down a {
	width:67px;
	height:21px;background-color:#6E0F12;
	background-image:url(../img/global/nav-plan3-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav3 a:hover {
	width:67px;
	height:21px;background-color:#6E0F12;
	background-image:url(../img/global/nav-plan3-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}/**/
	#FPnav4 a {
	width:67px;
	height:21px;
	background-image:url(../img/global/nav-plan4-off.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav4down a {
	width:67px;
	height:21px;background-color:#6E0F12;
	background-image:url(../img/global/nav-plan4-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav4 a:hover {
	width:67px;
	height:21px;background-color:#6E0F12;
	background-image:url(../img/global/nav-plan4-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav5 a {
	width:67px;
	height:21px;
	background-image:url(../img/global/nav-plan5-off.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav5down a {
	width:67px;
	height:21px;
	background-image:url(../img/global/nav-plan5-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#FPnav5 a:hover {
	width:67px;
	height:21px;
	background-color:#6E0F12;
	background-image:url(../img/global/nav-plan5-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#MasterPlan a {
	width:136px;
	height:21px;
	background-image:url(../img/global/nav-masterplan-off.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	#MasterPlan a:hover {
	width:136px;
	height:21px;
	background-color:#6E0F12;
	background-image:url(../img/global/nav-masterplan-on.gif);
	margin:0px 10px 10px 0px;
	float:left;
	}
	/* The FPnav4Row2 and FPnav5Row2 is used only when there are FIVE (5) floorplans and the Plan 4 link is on the same row as the Plan 5 on the Neighborhood Overview page */

	/**/