@charset "utf-8";
@import url("lightbox.css");
@import url("System.css");

/*////////////////   General   ////////////////*/

* {
	margin:0;
	}
html, body {
	height:100%;
	background:url(../images/main_bg.jpg) repeat-x left top;
	font-size:1em;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #3F2516;
	}
body {
   font-size:1em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #3F2516;
   font-size:80%;
   }
h1, h2 {
   font-size:1.3em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #3F2516;
   margin:11px 0px -2px 0px;
   font-weight:normal;
   }
h3 {
   font-size:1.1em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #E76F33;
   margin:11px 0px -5px 0px;
   font-weight:normal;
   }
table {
	color: #3F2516;
	font-size:1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	}
p {

   margin:16px 0px 8px 0px;
   line-height:17px;
   }


.redOrangeBold { 

	font-size:1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#e76f34;
	font-weight:bold;

}


.tealBold { 

	font-size:1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#7ca8a1;
	font-weight:bold;

}

.tealBold2 { 

	font-size:14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#7ca8a1;
	font-weight:bold;

}


.orangeLink { 

	font-size:1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#e76f34;
	text-decoration:none;

}



a:hover.orangeLink { 

	font-size:1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#f5a882;
	text-decoration:underline;

}

.mapLink {

	font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#e76f34;
	font-weight:bold;
	text-decoration:none;

}

a:hover.mapLink {

	font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#e76f34;
	font-weight:bold;
	text-decoration:underline;

}
/*////////////////   Layout   ////////////////*/

.logoManagement {
	position:absolute;
	top:512px;
	left:40px;
	height:43px;
	width:168px;
	}
.logo {
	position:absolute;
	top:40px;
	left:40px;
	height:315px;
	width:168px;
	background:url(../images/logo_info.gif) no-repeat left 169px;
	}
.availabilities {
	position:absolute;
	top:380px;
	left:35px;
	height:280px;
	width:182px;
	display:block;
	}
.availabilities a {
	color:#E76F34;
	display:block;
	padding:5px 6px 5px 6px;
	background:#3F2516;
	text-decoration:none;
	}
.availabilities a:hover {
	color:#fff;
	text-decoration:none;
	background:#E96C32;
	}
.contentContainer {
	width:870px;
	margin:0px auto;
	}
.contentContainer div.shell {
	width:712px;
	height:566px;
	margin:0px 0px 0px 162px;
	}
#flashIntro {
	height:566px;
	width:713px;
	}
	
/*////////////////   Photo Gallery   ////////////////*/
	
.contentContainer div.shellPhoto {
	width:410px;
	height:523px;
	margin:0px 0px 0px 161px;
	padding:43px 0px 0px 302px;
	background: url(../images/buildingInner.jpg) no-repeat left top;
	}
div.shellPhoto ul {
	padding:0;
	margin:19px 0px 0px 0px;
	clear:both;
	height: 60px;
	}
div.shellPhoto ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0px 15px 0px 0px;
	}
.content, .shadow {
	position: relative;
	bottom: 1px;
	right: 1px;
	}
.shadow { 
	background-color: #cccccc; 
	}
.shadow a img {	
	border: 1px solid #ffffff;
	}
.shadow a:hover img {	
	border: 1px solid #E76F33;
	}
.shadow a:hover {	/* IE6 hover fix */
	background-color:#cccccc;
	}

/*////////////////   Main Menu   ////////////////*/

.menu {
	background:#3F2516;
	height:32px;
	width: 901px;
	margin: 0 auto;
	padding-left:40px;
	text-align:center;
	}
.menuBg {
	background:#3F2516;
	width:100%;
	}
.menu ul {
	padding:0;
	margin:0;
	}
.menu ul li.menuparent {
	display:block;
	float:left;
	list-style:none;
	border-left:1px solid #9A4D26;
	}
.menu ul li a {
	height:32px;
	display:block;
	}
.menu ul li#link1 {
	width:137px;
	}
.menu ul li#link1 a {
	height:32px;
	background:url(../images/link_theBuilding.gif) no-repeat left top;
	}
.menu ul li#link1 a:hover {
	background-position: -138px 0;
	}
.menu ul li#link2 {
	width:120px;
	}
.menu ul li#link2 a {
	height:32px;
	background:url(../images/link_residences.gif) no-repeat left top;
	}
.menu ul li#link2 a:hover {
	background-position: -120px 0;
	}
.menu ul li#link3 {
	width:108px;
	}
.menu ul li#link3 a {
	height:32px;
	background:url(../images/link_amenities.gif) no-repeat left top;
	}
.menu ul li#link3 a:hover {
	background-position: -108px 0;
	}
.menu ul li#link4 {
	width:159px;
	}
.menu ul li#link4 a {
	height:32px;
	background:url(../images/link_neighborhood.gif) no-repeat left top;
	}
.menu ul li#link4 a:hover {
	background-position: -159px 0;
	}
.menu ul li#link5 {
	width:124px;
	}
.menu ul li#link5 a {
	height:32px;
	background:url(../images/link_contact.gif) no-repeat left top;
	}
.menu ul li#link5 a:hover {
	background-position: -124px 0;
	}
.menu ul li#link6 {
	width:135px;
	border-right: 1px solid #9A4D26;
	}
.menu ul li#link6 a {
	height:32px;
	background:url(../images/link_applyOnline.gif) no-repeat left top;
	}
.menu ul li#link6 a:hover {
	background-position: -135px 0;
	}
	
.menu ul li#link2 ul li#link2a a {
	height:31px;
	border-bottom:1px solid #9A4D26;
	background:url(../images/link_description.gif) no-repeat left top;
	}
.menu ul li#link2 ul li#link2a a:hover {
	background-position: -160px 0;
	}
.menu ul li#link2 ul li#link2b a {
	height:31px;
	border-bottom:1px solid #9A4D26;
	background:url(../images/link_photoGallery.gif) no-repeat left top;
	}
.menu ul li#link2 ul li#link2b a:hover {
	background-position: -160px 0;
	}
.menu ul li#link2 ul li#link2c a {
	height:32px;
	background:url(../images/link_floorPlans.gif) no-repeat left top;
	}
.menu ul li#link2 ul li#link2c a:hover {
	background-position: -160px 0;
	}
	
.menu ul li#link3 ul li#link3a a {
	height:31px;
	border-bottom:1px solid #9A4D26;
	background:url(../images/link_concierge.gif) no-repeat left top;
	}
.menu ul li#link3 ul li#link3a a:hover {
	background-position: -178px 0;
	}
.menu ul li#link3 ul li#link3b a {
	height:32px;
	background:url(../images/link_luxury.gif) no-repeat left top;
	}
.menu ul li#link3 ul li#link3b a:hover {
	background-position: -178px 0;
	}

/*////////////////   Drop Down Menu   ////////////////*/

ul#ul_NavBar,
ul#ul_NavBar ul {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*  MAIN MENU ITEM STYLES                         */

ul#ul_NavBar li {
	position:relative;	
	float:left;
	list-style:none;
	}
ul#ul_NavBar a:hover {
	color:#FFFFFF;
	}

/*  POPUP MENU STYLES - TIER 1                    */

ul#ul_NavBar ul {
	left: -1px;
	top: -98px;
	border:1px solid #9A4D26;
	width: 160px;
	}
ul#ul_NavBar li#link3 ul {
	left: -1px;
	top: -66px;
	border:1px solid #9A4D26;
	width: 178px;
	}
ul#ul_NavBar ul a { 
	padding: 0px 10px;
	margin:0px; 
	}	

/*  POPUP MENU STYLES - TIER 2                    */

ul#ul_NavBar ul ul {
	left: 142px; /* Same as width of "ul#ul_NavBar ul" */
	top: -2px;  /* Positioning vertically, 1px difference upward in IE6 */

	/* Everything from here down is optional */

	background-color:#330000;
	border:1px solid #996666;
}
ul#ul_NavBar ul ul a { 
	background-color:#663333;
	color:#cc9999;
}
ul#ul_NavBar ul ul a:hover { 
	background-color:#996666;
	color:#ffcccc;
}

/*  POPUP MENU STYLES - TIER 3                    */

ul#ul_NavBar ul ul ul {
	background-color:#000000;
	border:1px solid #666666;
}
ul#ul_NavBar ul ul ul a {
	background-color:#333333;
	color:#999999;
}
ul#ul_NavBar ul ul ul a:hover { 
	background-color:#666666;
	color:#cccccc;
}
