/* @import "wireframe.css"; */

#page, #page-wrapper,
#page-header, #page-header-wrapper,
#page-footer, #page-footer-wrapper,
#page-body, #page-body-wrapper,
#page-sidebar, #page-sidebar-wrapper,
#page-content, #page-content-wrapper {
	position: relative; margin: 0 auto; padding: 0;
	vertical-align: top; zoom: 1; height: 100%;
}
#page-header, #page-footer, #page-sidebar, #page-content {
	display: inline-block; float: left;
}
#page:after, #page-wrapper:after, #page-body:after, #page-body-wrapper:after,
#page-header:after, #page-header-wrapper:after, #page-footer:after, #page-footer-wrapper:after { 
	position: relative; display: block; content: ' '; clear: both;
}

html {
	background: url(../images/PageBackgroundRepeatX.png) #f1f2ea repeat-x;
}

#page {
	width: 1000px; margin: 0px auto;
	
}

/** HEADER **/
#page-header {
	width: 900px; padding: 0 50px; clear: both;
	background: url(../images/HeaderBackground.png) no-repeat;
	height: 160px;
}
#page-header, #page-header * {
	color: white; text-decoration: none;
}

#page-header a.logo { position: absolute; top: 0px; left: 2px; }
#page-header nav.main-menu li, #page-header .main-menu li a {
	display: inline-block; height: 40px; vertical-align: bottom;
}
#page-header nav.main-menu li+li {
	margin-left: -3px;
}
#page-header nav.main-menu li:before {
	display: inline-block; background: url(../images/TabLeftOff.png) no-repeat;
	width: 8px; height: 40px; content: ' '; overflow: hidden; vertical-align: bottom;
}
#page-header nav.main-menu li:after {
	display: inline-block; background: url(../images/TabRightOff.png) no-repeat;
	width: 8px; height: 40px; content: ' '; overflow: hidden; vertical-align: bottom;
}
#page-header nav.main-menu li a {
	background: url(../images/TabBackgroundOff.png) repeat-x;
	line-height: 50px; text-transform: uppercase; font-size: 18px;
	padding: 0 2px; color: #eee;
}
#page-header nav.main-menu li.section:before {
	background: url(../images/TabLeftOn.png) no-repeat;
}
#page-header nav.main-menu li.section:after {
	background: url(../images/TabRightOn.png) no-repeat;
}
#page-header nav.main-menu li.section a {
	background: url(../images/TabBackgroundOn.png) repeat-x;
	color: #fff;
}
#page-header nav.main-menu li a:hover {
	color: #fff;
}
#page-header nav.main-menu {
	position: absolute; bottom: 6px; font-size: 0;
}
#page-header nav.main-menu li.fb:before, #page-header nav.main-menu li.fb:after { background-image:none;}
#page-header nav.main-menu li.fb iframe{
	margin: 0 0 7px 10px;
}

/** FOOTER **/
#page-footer { 
	width: 800px; padding: 0 100px; clear: both; 
	font-size: 11px; margin-bottom: 20px;
}
#page-footer, #page-footer a {
	color: #B3B3B3;
}

#page-footer nav.main-menu li, #page-footer .main-menu li a {
	display: inline-block; text-decoration: none;
}
#page-footer nav.main-menu li+li:before {
	content: ' | ';
}
#page-footer .main-menu li a {
	text-transform: uppercase;
}
#page-footer .main-menu li.section a {
	font-weight: bold;
}

#page-body { 
	width: 900px; padding: 0 50px; clear: both;	
}
	
/** SIDEBAR/CONTENT **/
#page-sidebar {
	width: 210px; padding: 30px;
}
#page-sidebar-wrapper>*+* {
	margin-top: 20px;
}
#page-content {
	width: 590px; padding: 30px 0;
}

/** Cards **/
#page-content .person-list, #page-content .person-list li {
	display: block; margin: 0; padding: 0; text-indent: 0; list-style: none;
	font-size: 11px;
}
#page-content .person-list li {
	width: 487px; height: 182px; padding: 24px 29px; 
	background: url(../images/CardBackground.png) no-repeat; overflow: hidden;
	margin-left: -9px; margin-top: 9px;
}
#page-content .person-list li article {
	position: relative;
}
#page-content .person-list article h1 {
	font-family: Georgia, serif; font-weight: bold; font-size: 24px; line-height: 1.2; margin: 0; 
	white-space: nowrap; color: black; 
}
#page-content .person-list article h2 {
	font-family: Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.2; margin: 0;
	white-space: nowrap;  
}
#page-content .person-list article h3 {
	font-family: Arial, sans-serif; font-weight: normal; font-size: 11px; line-height: 1.5; margin: 0;
	white-space: nowrap;  
}
#page-content .person-list article img.headshot {
	position: absolute; width: 112px; height: 121px; top: 7px; right: 6px;
}
#page-content .person-list article p {
	position: absolute; top: 22px; width: 345px;
}
#page-content .person-list article p a {
	color: #C1A97D; font-weight: bold; text-decoration: none;
}
#page-content .person-list article a.button {
	position: absolute; top: 143px; left: -2px; width: 493px; height: 53px;
	background: url(../images/CardButton.png) no-repeat;
	font-family: Georgia, serif; font-weight: bold; font-size: 22px;
	text-align: center; color: black; text-decoration: none;
	line-height: 52px; white-space: nowrap; overflow: hidden;
	text-indent: -20px;
	
	text-shadow: -1px 1px 1px white;
	text-shadow: -1px 1px 1px rgba(255,255,255,0.75);
}
#page-content .person-list article a.button:hover {
	opacity: 0.8;
}
#page-content .person-list {
	margin-top: -18px;
}

/** Category Menu **/
#page-sidebar .category-list, #page-sidebar .category-list li {
	display: block; margin: 0; padding: 0; text-indent: 0; list-style: none;
	width: 250px;
}
#page-sidebar .category-list li a {
	display: block; width: 191px; height: 30px; padding: 1px 15px;
	background: url(../images/InnerMenuOff.png) no-repeat; overflow: hidden;
	margin-left: 30px; margin-top: 0; text-decoration: none;
}
#page-sidebar .category-list li a h1 {
	font-family: Georgia, serif; font-weight: bold; font-size: 13px; line-height: 28px; margin: 0; 
	color: #4D4D4D;
}
#page-sidebar .category-list li a h2 {
	display: none;
}
.HomePage #page-sidebar .category-list li.active a, .ResidencyPage #page-sidebar .category-list li.active a, #page-sidebar .category-list li a:hover {
	background: url(../images/InnerMenuOn.png) no-repeat;
}
.HomePage #page-sidebar .category-list li.active a h1, .ResidencyPage #page-sidebar .category-list li.active a h1, #page-sidebar .category-list li a:hover h1,
.HomePage #page-sidebar .category-list li.active a h2, .ResidencyPage #page-sidebar .category-list li.active a h2, #page-sidebar .category-list li a:hover h2 {
	color: black;
					
	text-shadow: -1px 1px 1px white;
	text-shadow: -1px 1px 1px rgba(255,255,255,0.75);
}
#page-sidebar .category-list {
	margin-top: 0px; margin-left: -30px;
}

/** Advertisements **/
#page-sidebar .advertisement {
	text-align:center;
}

/** Basic Pages **/
.Page article>footer {
	border-top: 1px solid #9E9F9A; margin-top: 30px; padding-top: 10px; font-size: 10px;
	line-height: 1; clear: both;
}

/** Home Page **/
.HomePage #page-sidebar {
	width: 255px; padding: 30px;
}
.HomePage #page-content {
	width: 525px; margin-left: 30px;
}
.HomePage #page-sidebar .category-list, .HomePage #page-sidebar .category-list li {
	width: 294px;
}
.HomePage #page-sidebar .category-list li a {
	display: block; width: 214px; height: 42px; padding: 5px 40px; 
	background: url(../images/SidebarButtonOff.png) no-repeat; overflow: hidden;
	margin-left: -9px; margin-top: 9px; text-decoration: none;
}
.HomePage #page-sidebar .category-list li a .s1 {
	display: table-cell; width: 214px; height: 42px; vertical-align: middle;
}
.HomePage #page-sidebar .category-list li a .s2 {
	display: inline-block;
}
.HomePage #page-sidebar .category-list li a h1 {
	font-size: 20px; line-height: 1;
}
.HomePage #page-sidebar .category-list li a h2 {
	display: block; font-family: Arial, sans-serif; font-weight: normal; font-size: 10px; line-height: 1; margin: 0; 
	color: #4D4D4D; margin-top: 1px;
}
.HomePage #page-sidebar .category-list li.active a, .HomePage #page-sidebar .category-list li a:hover {
	background: url(../images/SidebarButtonOn.png) no-repeat;
}
.HomePage #page-sidebar .category-list {
	margin-top: 1px; margin-left: -11px;
}
.HomePage #page-sidebar nav:first-child .category-list {
	margin-top: -9px;
}

/** Residency Pages */
.ResidencyPage #page-sidebar {
	padding-top: 30px;
}
.ResidencyPage #page-sidebar .addressMap {
	width: 210px; height: 210px; overflow: hidden;
	border: 1px solid #9E9F9A; padding: 1px; 
	margin-left: -2px;
}
.ResidencyPage article header {
	margin-left: -250px; text-align: center; line-height: 1;
	color: black; margin-bottom: 30px; height: 46px;
}
.ResidencyPage article>h1 {
	font-family: Georgia, serif; font-weight: bold; font-size: 26px;
	margin: 0; color: black; text-align: center; margin-top: 20px;
}
.ResidencyPage article.orientation-portrait>h1 {
	margin: 0;
}
.ResidencyPage article>h2 {
	font-family: Tahoma, sans-serif; font-weight: normal; font-size: 20px;
	margin: 0; color: black; text-align: center;
}
.ResidencyPage article.orientation-landscape .photos  {
	width: 600px; height: 400px; background: white; padding: 2px;
	margin-left: -3px; border: 1px solid #615E59;
	position: relative;
}
.ResidencyPage article.orientation-portrait .photos {
	width: 273px; height: 410px; background: white; padding: 2px;
	margin-left: -3px; border: 1px solid #615E59; position: relative;
	float: right; margin-left: 30px; margin-bottom: 35px;
}

.ResidencyPage article.orientation-landscape .photos header {
	position: absolute; color: white; text-align: left;
	left: 377px; top: 322px; z-index: 1;
}
.ResidencyPage article.orientation-portrait .photos header {
	position: absolute; color: white; text-align: left;
	left: 354px; top: 344px; z-index: 1;
}
.ResidencyPage article.orientation-landscape .photos header h1 {
	font-family: Georgia, serif; font-weight: normal; font-size: 22px;
	color: white; text-align: left; margin: 0;
}
.ResidencyPage article.orientation-portrait .photos header h1 {
	font-family: Georgia, serif; font-weight: normal; font-size: 18px;
	color: white; text-align: left; margin: 0;
}
.ResidencyPage article.orientation-landscape .photos header h2 {
	font-family: Arial, sans-serif; font-weight: normal; font-size: 15px;
	color: #ccc; text-align: left; margin: 0;
}
.ResidencyPage article.orientation-portrait .photos header h2 {
	font-family: Arial, sans-serif; font-weight: normal; font-size: 13px;
	color: #ccc; text-align: left; margin: 0;
}
.ResidencyPage article .photos .property-photo {
	position: absolute; left: 2; top: 2;
	margin: 0; padding: 0;
}
.ResidencyPage article.orientation-landscape .photos .resident-photo {
	position: absolute; left: 2px; bottom: 2px; width: 600px; height: 130px;
	background: url(../images/LandscapeOverlay.png) no-repeat;
	margin: 0; padding: 0;
}
.ResidencyPage article.orientation-portrait .photos .resident-photo {
	position: absolute; left: 2px; bottom: 2px; width: 273px; height: 108px;
	background: url(../images/PortraitOverlay.png) no-repeat;
	margin: 0; padding: 0;
}
.ResidencyPage article.orientation-landscape .photos .resident-photo img {
	position: absolute; top: 16px; left: 18px;
}
.ResidencyPage article.orientation-portrait .photos .resident-photo img {
	position: absolute; top: 15px; left: 15px;
}
.ResidencyPage article h3 {
	font-family: 'Georgia', serif; font-weight: bold; font-size: 14px;
	padding-left: 27px; line-height: 18px;
	color: black;
}
.ResidencyPage article.orientation-landscape .other-properties,
.ResidencyPage article.orientation-landscape .other-residents {
	display: table-cell; width: 295px; padding-top: 20px;
	font-size: 11px;
}
.ResidencyPage article.orientation-portrait .other-properties,
.ResidencyPage article.orientation-portrait .other-residents {
	display: block; width: 295px; padding-top: 10px;
	font-size: 11px;
}
.ResidencyPage article .other-properties ul,
.ResidencyPage article .other-residents ul {
	margin-left: 27px;
}
.ResidencyPage article .other-properties a,
.ResidencyPage article .other-residents a {
	font-size: 13px;
}
.ResidencyPage article .other-properties h3 {
	background: url(../images/OtherProperties.png) no-repeat;
}
.ResidencyPage article .other-residents h3 {
	background: url(../images/OtherResidents.png) no-repeat;
}
.ResidencyPage article strong {
	font-family: 'Georgia', serif; font-weight: bold; font-size: 18px;
	color: black;
}
.ResidencyPage article>footer .previous-property {
	float: left; text-align: left;
}
.ResidencyPage article>footer .next-property {
	float: right; text-align: right;
}
.ResidencyPage article>footer h4 {
	font: normal 20px/1 Arial, sans-serif; margin: 0;
}
.ResidencyPage article>footer h4 a {
	font-weight: normal; text-decoration: none;
}
.ResidencyPage article>footer h4 a:hover {
	text-decoration: underline;
}
.ResidencyPage article>footer h5 {
	font: normal 10px/1 Arial, sans-serif; margin: 0; margin-top: 5px;
}
.ResidencyPage article>footer .previous-property h5:before {
	content: '\25C4  ';
}
.ResidencyPage article>footer .next-property h5:after {
	content: ' \25BA';
}
.ResidencyPage .contact {
	font-size: 75%; margin-top: 20px;
}
.ResidencyPage .contact a {
	font-weight: normal;
}

.ResidencyPage article .resources ul { font-size: smaller; }