/*
 CSS
 Author: Cristian Bosch
 Client: Nortshide Piers
 Date: 04/14/2008
 */

/*---------------------------------Global Navigation---*/
#nav1 {
    width: 900px;
    height: 45px;
    background-image: url(../assets_img/nav1_tile.gif);
    background-repeat: repeat-x;
}

#nav2 {
    width: 900px;
    height: 24px;
    background-image: url(../assets_img/nav2_tile.gif);
    background-repeat: repeat-x;
    border-top: 1px solid #3a3a3a;
    background-color: #2B2B2B;
}


#menu-main {
    width: 890px;
    height: 45px;
    position: relative;
}

#menu-main li {
    display: inline;
    margin: 0 19px 0 19px;
    float: left;
}

#menu-wrap {
    height: 17px;
    position: relative;
    top: 1px;
    clear: both;
    margin: 0;
    padding: 0;
    background: #181817;
}

.menu-left, .menu-right {
    padding: 0;
    margin: 0;
    height: 17px;
    width: 7px;
}

.menu-left {
    float: left;
    background: #181817 top left url(../assets_img/sub_left.gif);
		background-repeat: no-repeat;
}

.menu-right {
    float: right;
    background: #181817 top right url(../assets_img/sub_right.gif);
	background-repeat: no-repeat;
}


#menu-sub {
    height: 10px;
    padding-top: 1px;
    margin: 0;
}

#menu-sub ul {
    padding: 0;
    margin: 0;
    margin-bottom: 2px;
    padding-bottom: 2px;
    top: 20px;
}

#menu-sub li {
    display: inline;
    padding: 0 16px 1px 0;
    float: left;
    margin: 0;
    top: 4px;
}

#menu-sub li.last {
    padding: 0 0 0 0;
}

#menu-sub a {
    display: block;
    color: #fff;
    padding: 0;
    margin: 0;
    text-decoration: none;
    text-indent: -5000px;
}

#menu-main a {
    display: block;
    color: #fff;
    text-decoration: none;
    text-indent: -5000px;
}

#menu-main #home {
    background-image: url(../assets_img/nav_home.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 50px;
    width: 39px;
}

#menu-main #home:hover {
    background-position: 0 -51px;
}

#menu-main #vision {
    background-image: url(../assets_img/nav_vision.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 50px;
    width: 77px;
}

#menu-main #vision:hover {
    background-position: 0 -51px;
}

#menu-main #residences {
    background-image: url(../assets_img/nav_residences.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 50px;
    width: 74px;
}

#menu-main #residences:hover {
    background-position: 0 -51px;
}

#menu-main #amenities {
    background-image: url(../assets_img/nav_amenities.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 50px;
    width: 67px;
}

#menu-main #amenities:hover {
    background-position: 0 -51px;
}

#menu-main #availability {
    background-image: url(../assets_img/nav_availability.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 50px;
    width: 81px;
}

#menu-main #availability:hover {
    background-position: 0 -51px;
}

#menu-main #neighborhood {
    background-image: url(../assets_img/nav_neighborhood.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 50px;
    width: 106px;
}

#menu-main #neighborhood:hover {
    background-position: 0 -51px;
}

#menu-main #directions {
    background-image: url(../assets_img/nav_directions.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 50px;
    width: 75px;
}

#menu-main #directions:hover {
    background-position: 0 -51px;
}

#menu-main #contact {
    background-image: url(../assets_img/nav_contact.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 50px;
    width: 59px;
}

#menu-main #contact:hover {
    background-position: 0 -51px;
}



/*--------------------------------------Our Vision---*/
#menu-sub #green {
    background-image: url(../assets_img/sub_vision_01.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 86px;
}

#menu-sub #waterfront {
    background-image: url(../assets_img/sub_vision_02.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 178px;
}

#menu-sub #architecture {
    background-image: url(../assets_img/sub_vision_03.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 84px;
}

#menu-sub #press {
    background-image: url(../assets_img/sub_vision_06.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 90px;
}

#menu-sub #team {
    background-image: url(../assets_img/sub_vision_05.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 56px;
}

/*--------------------------------------Residences / Mortgage / Neighborhood---*/
#menu-sub #two-north {
    background-image: url(../assets_img/sub_two_north.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 132px;
}

#menu-sub #one-north {
    background-image: url(../assets_img/sub_one_north.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 132px;
}
#menu-sub #mortgage-calc {
    background-image: url(../assets_img/sub_mortgage.gif);
    background-repeat: no-repeat;
    height: 17px;
    width: 145px;
}
#menu-sub #map {
    background-image: url(../assets_img/sub_map.gif);
    background-repeat: no-repeat;
    height: 14px;
    width: 27px;
}

#menu-sub #hot-spots {
    background-image: url(../assets_img/sub_hotspots.gif);
    background-repeat: no-repeat;
    height: 14px;
    width: 128px;
}

#menu-sub li a {
	background-position: 0 -1px;
}
#menu-sub li a:hover {
	background-position: 0 -18px;
}



/*------------------------------------------------------------- Team Nav3 ---*/

#nav3{
	width:190px;
	position:relative;
	/*margin-top:30px;*/
}

#nav3 li{
	list-style:none;
	display:inline;
	
}

#nav3 a{
	border-bottom:1px solid #434343;
	height:32px;
	display:block;
	text-decoration:none;
	text-indent: -5000px;	
    
}

#nav3 #interior_finishes{
	background-image: url(../assets_img/nav_interiors.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}

#nav3 #the_condos{
	background-image: url(../assets_img/nav_thecondos.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}


#nav3 #views{
	background-image: url(../assets_img/nav_views.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}

#nav3 #photo{
	background-image: url(../assets_img/nav_photo.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}

#nav3 #floorplan{
	background-image: url(../assets_img/nav_floorplans.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}


#nav3 #tollbros{
	background-image: url(../assets_img/nav_tollbros.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}

#nav3 #LMequity{
	background-image: url(../assets_img/nav_lmequity.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}

#nav3 #RDmanagement{
	background-image: url(../assets_img/nav_rdmanagement.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}

#nav3 #FXfowle{
	background-image: url(../assets_img/nav_fxfowle.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}

#nav3 #StephenAlton{
	background-image: url(../assets_img/nav_saarchitects.gif);
    background-repeat: no-repeat;
	background-position: 0 0;	
}


#nav3 #interior_finishes:hover, #nav3 #views:hover, #nav3 #photo:hover, #nav3 #floorplan:hover, #nav3 #tollbros:hover, #nav3 #LMequity:hover, #nav3 #RDmanagement:hover, #nav3 #FXfowle:hover, #nav3 #StephenAlton:hover{
    background-position: 0 -32px;
}


.half-nav {
    height: 45px;
}

.full-nav {
    height: 68px;
}

#nav1_left {
    height: 45px;
    width: 7px;
    padding: 0;
    float: left;
    margin: 0;
    background-image: url(../assets_img/nav1_left.gif);
}

#nav1_right {
    height: 45px;
    width: 7px;
    padding: 0;
    float: right;
    margin: 0;
    background-image: url(../assets_img/nav1_right.gif);
}

#nav2_left {
    height: 23px;
    width: 7px;
    background-image: url(../assets_img/nav2_left.gif);
}

#nav2_right {
    height: 23px;
    width: 7px;
    background-image: url(../assets_img/nav2_right.gif);
}

#sub_menu_left {
    width: 4px;
    height: 17px;
    background-image: url(../assets_img/sub_left.gif);
	  background-repeat: no-repeat;
}

#sub_menu_right {
    width: 4px;
    height: 17px;
    background-image: url(../assets_img/sub_right.gif);
	  background-repeat: no-repeat;
}
/*--------------------------------------Flexible Properties---*/
.pushup {
    margin-top: -3px;
}

.nav_position1 {
    top: 0px;
}

.nav_position2 {
    top: 5px;
}

.nav_border {
    border-bottom: 1px solid #020202;
}

.width_vision{
	 width: 572px;
	 left:100px;
}

.width_residences{
	 width:295px;
	 left:215px;
}
.width_availability{
	 width:325px;
	 left:432px;
}
.width_neighborhood{
	 width:185px;
	 left:553px;
}

/*--------------------------------------Activated Nav Sections---*/
.home_page #menu-main #home, .vision_page #menu-main #vision, .residences_page #menu-main #residences, .amenities_page #menu-main #amenities, .availability_page #menu-main #availability, .neighborhood_page #menu-main #neighborhood, .directions_page #menu-main #directions, .contact_page #menu-main #contact {
    background-position: 0 -51px;
}

.green_page #menu-sub #green, .waterfront_page #menu-sub #waterfront, .architecture_page #menu-sub #architecture, .press_page #menu-sub #press, .team_page #menu-sub #team, .twoNorth_page #menu-sub #two-north, .mortgage_page #menu-sub #mortgage-calc, .map_page #menu-sub #map, .hotspots_page #menu-sub #hot-spots, .oneNorth_page #menu-sub #one-north{
background-position: 0 -18px;
}

.interiors_page #nav3 #the_condos, #nav3 #interior_finishes, .views_page #nav3 #views, .toll_page #nav3 #tollbros, .lmequity_page #nav3 #LMequity, .rdmanagement_page #nav3 #RDmanagement, .fxfowle_page #nav3 #FXfowle, .stephen_alton #nav3 #StephenAlton{
background-position: 0 -32px;
}


/*--------------------------------------Hot Spots Navigation---*/

#nav3 #fashion-and-accessories{
background-image: url(../assets_img/nav3_fashion-and-accessories.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #just-jewelry{
background-image: url(../assets_img/nav3_just-jewelry.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #furniture-and-home-decor{
background-image: url(../assets_img/nav3_furniture-and-home-decor.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #fantastic-combinations{
background-image: url(../assets_img/nav3_fantastic-combinations.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #specialized-stores{
background-image: url(../assets_img/nav3_specialized-stores.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #galleries{
background-image: url(../assets_img/nav3_galleries.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #mostly-for-kids{
background-image: url(../assets_img/nav3_mostly-for-kids.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #pamper-your-pets{
background-image: url(../assets_img/nav3_pamper-your-pets.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #body-beauty{
background-image: url(../assets_img/nav3_body-beauty.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #focus-on-fitness{
background-image: url(../assets_img/nav3_focus-on-fitness.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #gourmet-goods{
background-image: url(../assets_img/nav3_gourmet-goods.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #carefully-baked{
background-image: url(../assets_img/nav3_carefully-baked.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #cafes-and-coffee-shops{
background-image: url(../assets_img/nav3_cafes-and-coffee-shops.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #restaurants{
background-image: url(../assets_img/nav3_restaurants.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #bars-and-lounges{
background-image: url(../assets_img/nav3_bars-and-lounges.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav3 #fashion-and-accessories:hover, #nav3 #just-jewelry:hover, #nav3 #furniture-and-home-decor:hover, #nav3 #fantastic-combinations:hover, #nav3 #specialized-stores:hover, #nav3 #galleries:hover, #nav3 #mostly-for-kids:hover, #nav3 #pamper-your-pets:hover, #nav3 #body-beauty:hover, #nav3 #focus-on-fitness:hover, #nav3 #gourmet-goods:hover, #nav3 #carefully-baked:hover, #nav3 #cafes-and-coffee-shops:hover, #nav3 #restaurants:hover, #nav3 #bars-and-lounges:hover{
    background-position: 0 -32px;
}

.hotspots_main #nav3 #fashion-and-accessories, .fashion-and-accessories_page #nav3 #fashion-and-accessories, .just-jewelry_page #nav3 #just-jewelry, .furniture-and-home-decor_page #nav3 #furniture-and-home-decor, .fantastic-combinations_page #nav3 #fantastic-combinations, .specialized-stores_page #nav3 #specialized-stores, .galleries_page #nav3 #galleries, .mostly-for-kids_page #nav3 #mostly-for-kids, .pamper-your-pets_page #nav3 #pamper-your-pets, .body-beauty_page #nav3 #body-beauty, .focus-on-fitness_page #nav3 #focus-on-fitness, .gourmet-goods_page #nav3 #gourmet-goods, .carefully-baked_page #nav3 #carefully-baked, .cafes-and-coffee-shops_page #nav3 #cafes-and-coffee-shops, .restaurants_page #nav3 #restaurants, .bars-and-lounges_page #nav3 #bars-and-lounges  {
	background-position: 0 -32px;
}