@charset "UTF-8";

/* Body and Page Container
-------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/16px Helvetica, Arial, sans-serif;
	color: #333;
	width: 100%;
}

#pageContainer {
	display:block;
	margin: 0 auto;
	width: 960px;
}

/* H Tags
-------------------------------------------------------------- */
h1, h2, h3, h5{
	font: normal 16px/24px Helvetica, Arial, sans-serif;
	text-align: left;
}

h1#title {
	font: 100 40px/40px Avenir, Helvetica, Arial, sans-serif;
	width: 900px;
	height: 30px;
	text-transform:uppercase;
	margin: 15px 0 25px 0;
}

h2, h3, h4 {
	font: normal 24px/30px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
}

h3, h4 {
	color: #9d0514;
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 0;
	text-transform:uppercase;
}

h4 {
	color: #333;
}

#callOut h3 {
	margin-bottom: 20px;
}

#callOut h5 {
	display:block;
	font-weight: bold;
	font-size: 18px;
	line-height:20px;
	margin-bottom: 10px;
}

#callOut h5 em {
	font-size: 9px;
	line-height:10px;
	font-weight:normal;
	font-style:normal;
	display:block;
}
/* P + General Content Tags
-------------------------------------------------------------- */
p {
	margin-bottom: 14px;
}

sup {
	text-align: vertical;
	line-height:0;
}

blockquote {
	margin: 20px;
}

hr {
	width: 100%;
	height: 1px;
	border:none;
	outline:none;
	border-bottom: 1px #ccc solid;
	margin: 15px 0;
}

/* A Tags
-------------------------------------------------------------- */
#sliderButtons a:link, #sliderButtons a:visited {
	color:#ccc;
}

#sliderButtons a:hover {
	color:#fff;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #9d0514;
}

a:hover {
	color: #000;
}

/* Global Header
-------------------------------------------------------------- */
#globalHeader {
	width: 960px;
	height: 100px;
	position: relative;
}

#headerContainer {
	display:none;
}

#mainLogo {
	display:none;
}

#printLogo {
	display:block;
}

#toolsContainer {
	display:none;
}

/* Main Menu Navigation
-------------------------------------------------------------- */
#mainMenu {
	display:none;
}

/* Main Container
-------------------------------------------------------------- */
#mainContainer {
	clear:both;
	width: 960px;
	background-color: #e0dad6;
}
#noscript {
	display:none;
}

/* Sub Navigation
-------------------------------------------------------------- */
#subNavBar {
	width: 960px;
	vertical-align:middle;
	margin: 0 auto 20px;
	padding: 4px 0;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	list-style:none;
}

#subNavBar li {
	font-size: 13px;
	display:inline;
	margin-right: 20px;
}

#noSubNav {
	margin-bottom:20px;
}

/* Content Container and Columns
-------------------------------------------------------------- */
#contentContainer {
	width: 960px;
	margin: 0 auto;
}

#colWhite, .colWhiteHalf, #colWhiteFull, #colTan, #colGrey, #colNone {
	float: left;
	width: 630px;
	margin: 0 10px 10px 0;
}

#colWhiteFull {
	width: 940px;
}

.colWhiteHalf {
	width: 465px;
}

#colGrey, #colNone{
	width: 300px;
}

.bufferBoxBottom {
	margin-bottom: 10px;
}

/* Content Boxes
-------------------------------------------------------------- */
.whiteBox, .lightGreyBox, .darkGreyBox, .tanBox, .optionsBox {
	padding: 10px;
	background: #fff;
	clear:both;
}

.optionsBox ul {
	list-style-type: none;
}

.optionsBox li {
	display:inline;
	background: url(../images/common/button_form_plus.gif) left center no-repeat;
	padding-left: 15px;
}

.galleryBox {
	padding-right: 0;
	padding-bottom: 10px;
}

.galleryBox img {
	float:left;
	margin: 0 10px 10px 0;
}

.darkGreyBox a:link, .darkGreyBox a:visited, .lightGreyBox a:link, .lightGreyBox a:visited, .tanBox a:link, .tanBox a:visited {
	color: #fff;
	font-weight:bold;
}

.lightGreyBox img {
	border: 5px solid #4c4a4a;
}

.hotProjectHomePage img, .hotProject img, .galleryBox img {
	border: 5px solid #e0dad6;
}

/* Callout Content Box
-------------------------------------------------------------- */
#callOut {
	width: 300px;
}


/* Section Content (Accompanies .sectionOverview)
-------------------------------------------------------------- */
.sectionContent {
	width: 365px;
	float:left;
}

/* Image Slider
-------------------------------------------------------------- */
.projectsSliderContainer {
	width: 630px;
	height: 320px;
	overflow:hidden;
	position:relative;
}			

.projectsSliderContainer .stripViewer .panelContainer .panel ul	{ 
	text-align: left; margin: 0 20px 0 0;
}

.projectsSliderContainer .stripViewer {
	position: relative;
	overflow: hidden;
	width: 630px;
	height: 320px;
}

.projectsSliderContainer .stripViewer .panelContainer {
	position: relative;
	left: 0;
	top: 0;
}

.projectsSliderContainer .stripViewer .panelContainer .panel {
	float: left; height: 100%; position: relative; width: 630px;
}

.projectsSliderContainer .stripNavL, .projectsSliderContainer .stripNavR, .projectsSliderContainer .stripNav {
	display: none;
}

.photoMetaData {
	font-size: 9px;
	line-height:16px;
	color: white;
	background: url(../images/common/transparent_black.png);
	padding: 10px 20px;
	height: 55px;
	margin-top: -55px;
	position: relative;
	z-index: 9999;
}

.photoMetaData span {
	font-size: 18px;
	font-weight:bold;
	text-transform:none;
}

#sliderButtons {
	display:block; overflow:hidden;
	position:relative;
	height: 16px;
	left: 20px;
	bottom: 67px !important;
	bottom: 71px;
}

.crossLink {
	background-color:#131313;
	display: block;
	height:16px;
	float:left;
	margin-right: 1px; 
	overflow:hidden; 
	/* padding:3px 5px;  */
	padding: 0 3px;
	z-index: 9999;
}

.crossLink span {
	font-size: 10px;
	/* padding: 0;
	margin:0; */
}

.activeThumb {
	background-color: #8f0a16;
}

/* List Items
-------------------------------------------------------------- */
.unorderedList, .orderedList {
	margin: 20px;
}

.unorderedList ul, .orderedList ol{
	margin: 10px 20px;
}

.unorderedList {
	list-style-type:square;
}

.articles, .sectionOverview, .sectionExcerpt, .projectOverview, .availableModels, .twoColumn, .projectSearchSummary {
	margin-top: -10px;
	list-style-type:none;
}

.articles li, .sectionOverview li, .sectionExcerpt li, .projectOverview li, .availableModels li, .twoColumn li, .projectSearchSummary li {
	padding: 10px 0;
	border-bottom: 1px solid #d7d7d7;
	line-height:14px;
}

.projectListing li, .twoColumn li, .sectionOverview li, .sectionExcerpt li {
	border-bottom: 1px solid #d7d7d7;
}

.tanBorder li, .projectSearchSummary li {
	border-bottom: 1px solid #d7d7d7;
}

.newsList li.mostRecentArticle img, .otherResources li img {
	float: left;
	margin-right: 10px;
}

.newsList li.mostRecentArticle img {
	border:none;
}

.newsList li.mostRecentArticle a {
	display:block;
	float:left;
	width: 150px !important;
	width: 140px;
	font-size: 18px;
	line-height:19px;
}

.newsList li a em {
	display:block;
	font-style:normal;
	font-size:9px;
}

.hotProjectHomePage, .hotProject {
	display: block;
	float: left;
	width: 110px;
	margin-right:30px;
	font-size:11px;
	line-height:14px;
}

.hotProject {
	margin-right:40px;
}

.hotProjectHomePage div, .hotProject div {
	margin: 5px 0 0 0;
	font-weight: normal;
	color:#a8a8a8;
}

.hotProject a, .availableModels a, .contractList a {
	display:block;
}

.hotProject div {
	display:block;
	color: #333;
}

.hotProjectHomePage strong, .hotProject strong {
	color:#fff;
	display:block;
}

.hotProjectHomePage strong, .hotProject strong {
	color:#fff;
	display:block;
}

.projectListing, .twoColumn {
	float:left;
	width: 182px;
	margin-right: 20px;
}

.projectListing li {
	padding-left: 10px;
	background:url(../images/common/bullet_red.gif) no-repeat 0 14px;
}

.projectListing li.projectListingHeader {
	background: none;
	padding-left: 0px;
}

.projectListing li a:link, .projectListing li a:visited {
	color:#333;
}

.twoColumn {
	width: 275px;
}

.otherResources li div {
	margin-top:0px !important;
	margin-top:10px;
	float: left;
	width: 145px;
}

.otherResources li img {
	margin-top:0px !important;
	margin-top:10px;
}

.otherResources li div ul {
	list-style:none;
}

.otherResources li div ul li {
	padding: 0 0 5px 12px;
	border:none;
	background:  url(../images/common/button_plus_tan.gif) no-repeat 0 2px;
}

.projectOverview {
	width: 490px;
	margin-top:0;
	border-top: 1px solid #d7d7d7;
	display:block;
	float: left;
}

.projectOverview li {
	border-bottom: 1px solid #d7d7d7;	
}

.projectOverview li strong, .twoColumn li strong{
	float:left;
	width: 150px;
	margin-right: 20px;
}

.projectOverview li div, .twoColumn li div {
	float: left;
	width: 300px;
}

.twoColumn li div {
	width: 150px;
}

.twoColumn li strong {
	width: 100px;
}

.projectSearchSummary {
	width: 280px;
	float: left;
	margin: 0 30px 0 0;
	border-top: 1px solid #988b83;
}

.projectSearchSummary li {
	display:list-item;
	width: 280px;
}

.projectSearchSummary li strong {
	color: #fff;
	display:block;
	float: left;
	width: 100px;
	margin-right: 20px;
}

.projectSearchSummary li p {
	margin: 0;
	display:block;
	float: left;
	width: 150px;
}

li.spacer {
	display:block;
	border-bottom: none;
	height: 10px;
}

/* Overview List
-------------------------------------------------------------- */
.sectionOverview, .sectionExcerpt {
	margin: -6px 30px 0 0;
	width: 180px;
	float: left;
}

.sectionExcerpt {
	margin-top:0;
	border-top: 1px solid #d7d7d7;
	padding: 10px 0 0 0;
}

.sectionOverview li, .sectionExcerpt li{
	padding: 6px 0;
	font-size: 11px;
}

.sectionOverview li a {
	display:block;
}


/* Form Elements
-------------------------------------------------------------- */
form {
	display:block;
}

fieldset {
	border:none;
}

input, textarea, select {
	font: 11px/14px Helvetica, Arial, sans-serif;
	padding: 2px;
	color: #333;
}

.formCallOut .inputText, .formCallOut .inputTextArea {
	width: 120px;
}

.inputText, .inputTextArea, .selectOne, .selectMultiple {
	width: 200px;
}

.inputTextNews {
	width: 430px;
	margin-right: 10px;
}

.checkBox {
	margin-right: 10px;
}

.formStatus {
	display:block;
	background: #666;
	padding: 8px;
	color:#fff;
	font-weight: bold;
	margin-bottom: 10px; 
}

.formBasic {
	border-top: 1px solid #d7d7d7;
	clear:both;
}

.formHalf {
	width: 423px;
}

.formThreeQuarters {
	width: 585px;
}

.formBasic .moreOptions, .formBasic .moreOptions div, .formBasic .moreOptionsNoMargins, .formBasic .moreOptionsNoMargins div {
	border:none;
}

.formBasic div  {
	padding: 10px 0;
	border-bottom: 1px solid #d7d7d7;
}

.formBasic a, .formCallOut div.moreOptions a{
	font-weight: bold;
	font-size: 11px;
	color: #9d0514;
}

.formCallOut div.moreOptions a, .formCallOut a {
	font-weight: normal;
}

.formCallOut a {
	font-size: 12px;
}

.formBasic div {
	display:block;
	width: auto;
}

.formBasic small, .formBasic small.noMargin {
	padding: 5px 0;
	margin-left: 140px;
	font-style:italic;
	font-size:11px;
	line-height:14px;
}
.formBasic small.noMargin {
	margin-left: 0;
}

.formBasic label, .formBasic strong.label {
	display:block;
	float:left;
	font-weight:bold;
	margin-right: 20px;
}

.formHalf label, .formHalf strong.label, .formCallOut label, .formCallOut strong.label {
	width: 120px;
}

.formThreeQuarters label, .formThreeQuarters strong.label {
	width: 175px;
}

.formBasic fieldset input, .formBasic fieldset label, .formBasic fieldset button, .formBasic fieldset span, .formBasic span.formEntry {
	display:table-cell;
	display:inline-block;
	float:left;
	margin-right:5px;
	width:auto;
}

.formCallOut span.formEntry {
	width: 140px;
}
.formHalf span.formEntry, .formThreeQuarters span.formEntry {
	width: 250px;
}

.formBasic fieldset span.phoneEntry {
	padding-top: 5px;
}

.formHalf fieldset span.phoneEntry {
	width: 275px;
}

.formThreeQuarters fieldset span.phoneEntry {
	width: 300px;
}

.formBasic input, .formBasic textarea, .formBasic select {
	float:left;
}

.formBasic .moreOptions, .formBasic .moreInfo, .formBasic moreOptionsNoMargins {
	clear:both;
	display:block;
	border:none;
	width: auto;
	padding: 0;
}

.formBasic .moreOptionsNoMargins {
	margin-left:0;
}

.formHalf .moreOptions, .formHalf .moreInfo, .formCallOut .moreOptions, .formCallOut .moreInfo {
	margin-left: 140px;
}

.formThreeQuarters .moreOptions, .formThreeQuarters .moreInfo {
	margin-left: 195px;
}

.formBasic .moreInfo label {
	width:auto;
}

.formPlusButton, .formButton, button {
	border: none;
	color: #fff;
}

a.formButton:link, a.formButton:visited {
	color:#fff;
}

.formPlusButton {
	background: url(../images/common/button_form_plus.gif) no-repeat 0 4px;
	padding-left: 11px !important;
	padding-left: 5px;
	font-size: 13px;
	color: #fff;
}

.formButton, button {
	display:block;
	float: left;
	padding: 4px;
	font-weight:bold;
	font-size:9px;
	background-color:#9d0514;
}

.projectOfInterest {
	margin-bottom:40px;
}

.projectOfInterest .formBasic{
	border:none;
}

.projectOfInterestHeader h3 {
	float:left;
}

.projectOfInterestHeader button {
	float:right;
}

.agentProjectType {
	margin-bottom: 15px;
	border:none;
}

.agentProjectRow div {
	border:none;
	width: 190px;
	padding:0;
	margin-right: 20px;
	float: left;
}

div.editBox {
	clear:both;
	width: auto;
	padding: 0;
	margin-bottom:10px;
}

div.checked, div.unchecked {
	background:url(../images/common/bullet_check.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	border:none;
	width:auto;
}

div.unchecked {
	background:none;
}

.agentProjectRow div.checked, .agentProjectRow div.unchecked {
	width: 175px;
}

.formBasic label.threeColumn, .formBasic label.threeColumn .selectMultiple {
	width: 165px;
	display:inline;
	margin-right:15px;
}

/* General Page Listing Elements
-------------------------------------------------------------- */
.newsDisplay, .purchasingHistory, .projectsDisplay, .availableUnits {
	margin:0;
	border-top: 1px solid #d7d7d7;
	clear:both;
}

.newsDisplay div, .purchasingHistory div, .projectsDisplay div, .availableUnits div.unitRow {
	padding: 10px 0;
	border-bottom: 1px solid #d7d7d7;
}

.newsDisplay .newsDisplayHeader, .purchasingHistory .purchasingHistoryHeader, .projectsDisplay .projectsDisplayHeader {
	font-weight:bold;
}

.newsDisplay div.projectArchive, .newsDisplay div.titleArchive, .newsDisplay div.project, .newsDisplay div.title, .newsDisplay div.keywords, .newsDisplay div.date, 
.purchasingHistory div.date, .purchasingHistory div.project, .purchasingHistory div.unit, .purchasingHistory div.downloads, 
.projectsDisplay div.check, .projectsDisplay div.project, .projectsDisplay div.price, .projectsDisplay div.bedrooms, .projectsDisplay div.type, .projectsDisplay div.location, .projectsDisplay div.projectMember, .projectsDisplay div.priceMember, .projectsDisplay div.bedroomsMember, .projectsDisplay div.typeMember, .projectsDisplay div.locationMember, .projectsDisplay div.model {
	display: block;
	float: left;
	margin: 0 30px 0 0;
	padding:0;
	border:none;
}

/* News Display Listing Elements
-------------------------------------------------------------- */
.newsDisplay div.titleArchive {
	width: 240px;
}

.newsDisplay div.title {
	width: 130px;
}

.newsDisplay div.projectArchive {
	width: 160px;
}

.newsDisplay div.project {
	width: 120px;
}

.newsDisplay div.keywords {
	width: 125px !important;
	width: 120px;
}

.newsDisplay div.date {
	width: 125px;
	margin: 0;
}

/* Purchasing History Elements
-------------------------------------------------------------- */
.purchasingHistory div.date {
	width: 125px;
}

.purchasingHistory div.project {
	width: 195px;
}

.purchasingHistory div.unit {
	width: 50px;
}

.purchasingHistory div.downloads {
	width: 125px;
	margin: 0;
}

/* Project Search Summmary
-------------------------------------------------------------- */
.projectResultsPagination div {
	width: 33.3%;
	float: left;
}
.projectResultsPagination div.middle {
	text-align:center;
}

.projectsDisplay div.check {
	width: 15px;
}

.projectsDisplay div.project {
	width: 170px;
}

.projectsDisplay div.price {
	width: 170px;
}

.projectsDisplay div.bedrooms {
	width: 140px;
}

.projectsDisplay div.bedroomsMember {
	width: 110px;
}

.projectsDisplay div.model {
	width: 100px;
}

.projectsDisplay div.type, .projectsDisplay div.location, .projectsDisplay div.projectMember, .projectsDisplay div.priceMember {
	width: 120px
}

.projectsDisplay div.location {
	margin: 0;
}

/* Available Units Layout
-------------------------------------------------------------- */
div.unitRow div {
	display:block;
	float:left;
	width: 130px;
	margin-right: 20px;
}

div.unitRow div a {
	display:block;
}

/* Contact Layout
-------------------------------------------------------------- */
.threeColumn {
	display:block;
	float:left;
	width: 33.3%;
}

/* Image Treatment
-------------------------------------------------------------- */
img {
	border:none;
	vertical-align:text-bottom;
	display:block;
}

.profileBox {
	width: 75px;
	float: left;
	margin: 0 12px 12px 0;
	background-color:#dedede;
	padding: 10px;
	font-size:10px;
	line-height:12px;
	clear:both;
}
.profileBox p {
	margin: 5px 0 0 0;
}

.profileBox strong {
	color:#9d0514;
}

.teamMember {
	float:left;
	clear:both;
	margin: 0 10px 10px 0;
}

.projectLogo {
	float: left;
	margin-right:20px;
	border: 5px solid #e0dad6;
}


/* Search & Result Elements
-------------------------------------------------------------- */
.pagination {
	color: #333;
}

.pagination strong, .pagination a {
	padding: 0 2px;
}

/* Universal Classes
-------------------------------------------------------------- */
.bufferTop {
	margin-top: 10px;
}
.bufferBottom {
	margin-bottom: 10px;
}
.bufferLeft {
	margin-left: 10px;
}
.bufferLeftDouble {
	margin-left: 20px;
}
.bufferRight {
	margin-right: 10px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clearBoth {
	clear:both;
}

.borderTop {
	border-top: 1px solid #d7d7d7;
	margin-top:0;
}

.noBorder {
	border: none;
}
.noMargin {
	margin: 0;
}
.noPadding {
	padding: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	clear: both;
	width: 960px;
	height: 120px;
}

#footer ul {
	display:block;
	list-style:none;
	margin-top: 10px;
	padding: 5px 0;
	width: 960px;
	background-color: #290204;
}

#footer li {
	display:inline;
	margin-right: 10px;
}

#footer li a:link, #footer li a:visited {
	color: #333;
}

#disclaimer {
	width: 960px;
	margin: 10px auto 0;
	font-size:11px;
	line-height:normal;
}