@charset "utf-8";
/* CSS Document */
a, div, img { behavior:url("../scripts/iepngfix_home.htc"); }
body, span { behavior:url('../scripts/csshover.htc'); }
body {
	margin:0;
	background-color:#FFFFFF;
	text-align:center;/* centre for ie5 and 5.5. */
	min-width:850px;/* """ */
	min-height:600px;/*for mozilla/opera */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link, a:active, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
img{border:0;}

#container {
	position:relative;
	width:850px;height:600px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border:1px solid #999999;
}
/* top bar content */
#topBar{ position:absolute; top:0; left:0;  width:100%; height:40px; display:block; z-index:0;}
#rButtons { float:left; display:inline-block; right:0px; top:0px; width:434px; height:40px;line-height:40px; vertical-align:middle; text-transform:uppercase;}
#rButtons a{ display:block; height:40px; float:right; text-align:center; }
#light{ background-color:#f4e6c3; color:#5f470a; width:94px;}
#red{ background-color:#d41e43; color:#343536; width:142px;}
#dark{ background-color:#d29d0f; color:#343536; width:198px;}
#rButtons a:hover, #rButtons a.self {background-color:#213e6d; color:#FFFFFF; text-decoration:none;}
#light a:link, #light a:active, #light a:visited {color: #5f470a;text-decoration: none;}
#dark a:link, #dark a:active, #dark a:visited {color: #343536;text-decoration: none;}
#lButtons { float:left; display:inline-block; width:416px; height:40px;line-height:40px; vertical-align:middle; color:#213d6e; font-size:13px; font-weight:bold;}
#lButtons img{ margin:14px 0 0 0; float:left;}
#lButtons #home{ margin:14px 0 0 20px; display:block; width:50px; height:14px; background-image:url(../img/home.gif); background-repeat:no-repeat; float:left;}
#lButtons #home a{ display:block; width:100%; height:100%; }
#lButtons #home a:hover{  background-image:url(../img/home_o.gif); background-repeat:no-repeat;}

/* center content */
#content{ position:absolute; top:40px; left:-1px;  width:100%; height:518px; display:block; background-repeat:no-repeat; z-index:0; border:1px solid #7a7c7f;}

#topLogoBack{ 
	position:absolute; 
	top:-1px; left:-1px; 
	width:218px; height:136px; 
	display:block; 
	z-index:1; 
	background-color:#FFFFFF; 
	opacity: 0.69;filter:alpha(opacity=69); /* IE's opacity*/
	border:1px solid #7a7c7f;
}
#topLogo { position:absolute; left:34px;top:20px; z-index:2;}
.mainContent{ 
	position:absolute; 
	left:34px; top:180px; 
	width:728px; height:277px; 
	display:block; 
}
#mainContentBack {background-color:#FFFFFF; z-index:1;opacity: 0.90;filter:alpha(opacity=90); border:1px solid #7a7c7f; /* IE's opacity*/}
#mainContentMain {z-index:2;}
.mainContent #blueLeft{ position:absolute; top:0; left:0; width:25px; height:279px; display:block; background-color:#213e6d;}
.mainContent #bodyImg{ display:block; position:absolute; width:208px; height:163px; left:125px; top:0px; font-size:10px; text-align:right;}
.mainContent #bodyImg IMG{border:1px solid #7a7c7f;}
.mainContent #bodyCopy {position:absolute; left:390px; top:0px; width:337px; height:100%; display:block; }
#bodyCopy a:link, #bodyCopy a:active, #bodyCopy a:visited {color: #213e6d;text-decoration: none;}
#bodyCopy a:hover{color:#9b7844;}
h1 { font-size:18px; color:#213e6d; margin:20px 0 0 0; font-weight:normal;}
.mainContent p{margin:4px 34px 4px 0; color:#454545;}
/* sub img copy */
.mainContent #subBodyCopy {position:absolute; left:62px; top:200px; width:310px; height:66px; display:block; font-size:10px; }
#subBodyCopy h1{margin-top:0px;}
#subBodyCopy p{ margin:0 4px 0 0;}
.mainContent #bodyImg p{ margin:2px 0 0 0; }
/* pop up window */
#popUp {position:absolute; display:none; width:850px; height:600px; z-index:100;}
#popUp #popBlocker{ display:block; height:100%; width:100%; background-color:#FFFFFF;opacity: 0.82;filter:alpha(opacity=82);}
#popUp #popContent{ position:absolute; top:64px; left:93px; display:block; height:476px; width:664px; background-image:url(../img/popUp.png); }
#popUp #popContent img { position:absolute; left:28px; top:41px;}

#sideLogoBack{ 
	position:absolute; 
	right:0px; top:180px; 
	width:52px; height:277px; 
	display:block; 
	z-index:1; 
	background-color:#FFFFFF; 
	opacity: 0.31;filter:alpha(opacity=31); /* IE's opacity*/
	border:1px solid #666666;
}
#sideLogo { position:absolute; right:0px; top:196px; z-index:2;}
#tinyIcon{ position:absolute; top:492px; left:800px; z-index:2;}

/* properties sub links */
#propLinks {position:absolute; right:24px; top:24px; }
#propLinks a:link, #propLinks a:active, #propLinks a:visited {color: #213e6d;text-decoration: none;}
#details, #propLinks a:hover span#fp {display: none;}
#propLinks a:hover span#details {display: inline; color:#9b7844;}
#fp_self{color:#9b7844;}
/* bottom bar content */
#btmBar{ position:absolute; top:559px; left:-1px;  width:100%; height:41px; display:block; z-index:0; color:#515255;}
#btmBar p{ font-family:Arial, Helvetica, sans-serif; margin:8px 0 0 8px; font-size:9px;}


/* contact social media icons */
.contactForm #lInfo { display:inline-block; width:168px; height:auto; margin:0; position:absolute; right:8px; bottom:8px;}
.contactForm h3 { font-style:italic; font-weight:normal; font-size:14px; margin:20px 0 0 0;}
.contactForm .socialMedia { float:right; height:auto; width:inherit; margin:8px 0; }
.contactForm .socialMedia IMG { float:right; clear:right; margin:0 0 0 8px;}
.contactForm .socialMedia p { font-size:9px; text-align:right; float:right; margin:0;  line-height:9px;}

/* neighborhood page */
.main #logos { position:absolute; bottom:12px; right:12px; z-index:1;}
/* left bar */
.neighborhood #logo { margin:20px 0 0 24px; z-index:2;}
.lBar {
	display:inline-block; float:left; clear:left; position:relative;
	width:283px; height:518px;
	margin:0 2px 2px 0;
	background:#FFFFFF url(../img/leftBar.gif) repeat-x;
}
.lBar h2 { color:#213e6d; font-size:16px; font-style:italic; font-weight:normal; margin:14px 16px 6px 24px; line-height:18px;}
.lBar h3 { color:#726B65; font-size:11px; font-style:italic; font-weight:normal; margin:0 16px 6px 24px; line-height:14px;}
.main {
	position:relative;
	display:inline-block; float:left; clear:right;
	width:565px; height:518px;
	margin:0 0 2px 0;
}
.main img { z-index:0;}
/* neighborhood */
.neighborhood { font-size:10px; color:#726B65;}
.neighborhood .lBar #l_barImg { position:absolute; bottom:0px; margin:0 22px 0 24px;}
.neighborhood .lBar h2 { margin:12px 16px 4px 24px;}
.neighborhood .lBar h3 { color:#726B65; font-size:11px; font-style:italic; font-weight:normal; margin:0 16px 6px 24px; line-height:14px;}
.neighborhood .lBar p { color:#726B65; font-size:10px; font-weight:normal; margin:0 22px 8px 24px; line-height:12px;}
.neighborhood .lBar a, .neighborhood .main a {color:#213e6d;}
.neighborhood .lBar a:hover, .neighborhood .main a:hover {color:#000000;}

.neighborhood .midBar { float:left; width:256px; height:100%; margin:0 2px 2px 0;}
.neighborhood .midBar IMG { float:left; width:334px; height:488px; }
.neighborhood .info {float:left; display:inline-block; height:30px; width:100%; }
.neighborhood .midBar .info { background-color:#213e6d;}
.neighborhood .midBar img { width:256px;}
.neighborhood .midBar .info h3 { line-height:30px; font-size:14px; font-weight:normal; font-style:italic; color:#FFFFFF; margin:0; width:100%; text-align:center;}

.neighborhood .rBar { float:left; width:307px; height:100%; margin:0 0 2px 0;}
.neighborhood .rContent {  float:left; display:inline-block; overflow:auto; width:100%; height:488px; background:url(../img/leftBar_flip.gif) repeat-x #FFFFFF;} 
.neighborhood .rContent h2 { color:#213e6d; font-size:22px; font-style:italic; font-weight:normal; margin:14px 16px 6px 24px; line-height:23px;}
.neighborhood .rContent h3 { color:#766756; font-size:13px; font-style:italic; font-weight:bold; margin:0 48px 28px 24px; line-height:14px;}

.neighborhood .rBar .info { background-color:#ffffff;}
.neighborhood .rBar .info a.button { float:left; background-color:ffffff; color:#a69d95; padding:4px 12px; margin:2px 6px 0 18px; border:1px solid #a69d95; font-size:12px; font-style:italic;}
.neighborhood .rBar .info a.button:hover { color:#ee7722; border-color:#ee7722;}

.neighborhood .story { margin:0 8px 24px 24px;}
.neighborhood .story #leaf { float:left; margin:-6px 4px 4px -6px;}
.neighborhood a.normColor { color:#726B65;}
.neighborhood a.normColor:hover { color:#213e6d;}
.neighborhood .story h3 { margin:0 0 2px 0px;}
.neighborhood .story h4 { margin:0 0 4px 0px; font-size:10px; font-weight:normal;}

/* story */
.neighborhood .pics { width:178px; margin:34px 8px 2px 0;}
.neighborhood .pics img{ width:178px; margin:0 0 12px 0;}
.neighborhood .extended { width:326px; margin:34px 16px 2px 20px; font-size:12px;}
.extended h2 {
	color:#213e6d;
	font-size:22px;
	font-weight:normal;
	line-height:23px;
	margin:0 0 2px 0;
}
.extended h3 {
	color:#726B65;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	line-height:14px;
	margin:0 0 6px 0;
}
.neighborhood.details .main { overflow:auto; }
.neighborhood.details .main img { cursor:pointer;}
.neighborhood.details #storyBar h2 {
	margin:48px 16px 8px 24px;
}
.neighborhood.details #storyBar h3 { width:220px; margin-top:16px; border-bottom:1px solid #726B65;}
.neighborhood.details #storyBar p {
	color:#726B65;
	line-height:auto;
	margin:0 22px 2px 24px;
}
.neighborhood.details #storyBar a {color:#726B65;}
.neighborhood.details #storyBar a {color:#000000;}

/* popup */
/* black pop up window */
.fullScreen {display:none; height:100%; width:100%; position:absolute; top:0; left:0; cursor:pointer; }
#blackBack { background-color:#ffffff; z-index:100; opacity: 0.85;filter:alpha(opacity=85);}
#popContainer { z-index:101;}
#popCenter { 
	position:relative;
	top:0;
	margin:0 auto;
	display:block; width:200px; height:200px;
	border:10px solid #ffffff; background-color:#FFFFFF; 
	text-align:center;
	z-index:101; 
	cursor:pointer;
}
#closeX {
	position:absolute;
	right:-26px;
	top:-24px;
	z-index:100;
}
/* useful links */
#usefulLinks .main ul.amenList{ font-size:12px;}
#usefulLinks .main ul.amenList ul { margin:8px 0 0; padding:0; font-weight:bold; font-style:normal;}

/* add to any */
#add2Any { position:absolute; bottom:8px; right:8px; width:106px; height:16px;}