/* Font Type */

.homesColumn {
   font-family: palatino linotype;
}

.leftMarginDetails, .splashDetails, .article {
  font-family: palatino linotype;
}

.bottomNav {
 font-family: palatino linotype;
 font-size: 8pt;
}

.bottomNav {
 background-color: #3A4F7A;
 font-family: palatino linotype;
 font-size: 8pt;
 color: #EEEEEE;
 padding: 7px 9px 7px 9px;
 border-top: 5px solid #E6C253;
 line-height: 150%;
}

.footer {
 padding-top: 10px;
 text-align: center;
 font-family: palatino;
 font-size: 8pt;
 color: #EEEEEE;
 text-align: center;
}

.footer a {
 padding: 0px;
 color: #EEEEEE;
}

.ART_content {
 font-family: palatino;
 font-size: 10pt;
}

/* */

a {
 color: #556B96;
}

.bookmark {
 height: 52px;
 color: #EFEFEF;

 text-decoration: none;
 font-size: 7pt;
 text-align: right;
 font-family: palatino linotype;
 padding: 5px 0px 0px 0px;
}

.bookmark a {
 text-decoration: none;
 color: #EFEFEF;
 color: #E6C253;

}

.main {
 font-family: palatino linotype;
 font-size: 9pt;
 color: #666666;
 line-height: 150%;
}

.articlesMain {
 background-color: #FFFFFF;
 padding: 20px 10px 10px 10px;
 font-family: palatino linotype;
 font-size: 9pt;
 color: #666666;
 line-height: 150%;
}

.main a {
 text-decoration: none;
 color: #666666;
}

body {
 background: url(/images/framework/background.gif) top left repeat;
}

.aspenLuxuryText {
 margin-right: 1px;
 vertical-align: 0%;
}

img {
 border: 0px;
}

.main {
 background: url(/images/framework/content_bg.gif) top left repeat-y #FFFFFF;
}


.shell {
 background-color: #E6C253;
 width: 748px;
 padding: 5px;
 margin-left: auto;
 margin-right: auto;
}


.rightTop {
 background: url(/images/framework/aspen_luxury_home_rentals.gif) top left no-repeat #314572;
 float: right;
 /* padding-left: 258px; */
 padding-left: 28px;
 height: 88px;
 text-align: right;
}


* html .rightTop {
 margin-bottom: -5px;
}

.topNav {
 clear: both;
 padding-top: 5px;
 padding-bottom: 5px;
 height: 27px;
}

* html .topNav {
 margin-top: -1px;
}

.column {
 float: left;
 margin-right: 6px;
 margin-bottom: 5px;
 background-color: #FFFFFF;
 width: 245px;
}

.columnRight {
 background-color: #FFFFFF;
 margin: 0px;
 float: left;
 width: 245px;
}

.homesColumn {
 float: left;
 margin-top: 10px;
 margin-right: 6px;
 margin-bottom: 5px;
 background-color: #FFFFFF;
 width: 240px;
overflow: hidden;
}


* html .columnRight {
 width: 244px;
}


.content {
 padding: 10px 14px 10px 12px;
}


.bottomRow {
 clear: both;
 margin-top: 5px;
 background-color: #556B96;
 padding: 16px 24px 16px 24px;
 font-family: palatino linotype;
 font-size: 8pt;
 color: #EEEEEE;
}


.bottomRowTitle {
 font-family: palatino linotype;
 font-variant: small-caps;
 font-size: 13pt;
 font-weight: bold;
}


.bottomNav a {
 color: #E9E9E9;
 text-decoration: none;
 padding: 8px;
}

.phoneNumber {
 font-weight: bold;
 font-size: 7pt;
 padding: 0px;
}

.clear {
 clear: both;
 line-height: 1%;
 height: 0px;
}

.links {
 float: right;
}

.pageHeader {
 font-size: 16pt;
 font-family: arial;
 color: #7D3644;
 margin-left: 8px;
}

#colorBlue .pageHeader {
 color: #015369;
}

#colorPurple .pageHeader {
 color: #453F6B;
}

#colorGreen .pageHeader {
 color: #3B5B50;
}

#colorScarlet .pageHeader {
 color: #7F3542;
}


#colorTeal  {
 background-color: #015369;
}

#colorPurple  {
 background-color: #453F6B;
}

#colorGreen  {
 background-color: #3B5B50;
}

#colorScarlet {
 background-color: #7F3542;
}


h1 {
 font-size: 16pt;
 font-family: arial;
 color: #000000;
 padding: 0px;
 padding-left: 8px;
}

h1 {
 margin: 0px 0px 10px 0px;
 font-weight: normal;
}


.ARTICLE_title {
 color: #556B96;
 font-weight: bold;
}

.homePageRentalLink {
 line-height: 250%;
 text-transform: uppercase;
}

.articleContent {
 margin-top: 13px;
 border-top: 6px solid #E6C253;
 padding-left: 8px;
 padding-right: 8px;
 padding-bottom: 15px;
}

#rentalsSplash .articleContent {
 padding-left: 0px;
 padding-right: 0px;
}

.rentalSplashContent {
 margin-top: 13px;
 border-top: 6px solid #E6C253;
 padding-bottom: 15px;
 color: #333333;
}


.rentalLink {
 padding-top: 10px;
}

.article {
 background-color: #7F3542;
 min-height: 300px;
}


* html .article {
 height: 300px;
}

* html .mainBody {
 height: 550px;
}


.mainBody {
 float: right;
 background-color: #FFFFFF;
 width: 521px;
 padding-top: 12px;
 padding-bottom: 10px;
 min-height: 550px;
 font-family: Trebuchet MS;
 font-size: 9pt;
 color: #666666;
 line-height: 150%;
 border-left: 6px solid #E6C253;
}


#rentalsSplash {
 border-left: 0px;
 padding-top: 0px;
}


.mainBodySplash {
 margin: 0px;
 padding: 0px;
 padding-top: 12px;
 font-family: palatino linotype;
 font-size: 9pt;
 color: #666666;
 line-height: 150%;
 border-left: 6px solid #E6C253;
 background-color: #FFFFFF;
 float: left;
 width: 521px;
}

* html .mainBodySplash {
 margin-left: 1px;
}


.leftMargin {
 float: left;
 width: 221px;
 font-family: palatino linotype;
 font-weight: bold;
 font-weight: normal;
 font-size: 15pt;
 color: #FEFEFE;

}


.leftMarginQuote {
 padding: 15px;
}



.previewImage {
 float: left;
 width: 130px;
 padding-right: 17px;
 min-height: 10px;
 padding-bottom: 24px;
}


* html .previewImage {
 height: 10px;
}

.previewDescription {
 width: 205px;
 padding-right: 10px;
 float: left;
 padding-bottom: 24px;
}

.previewBedrooms {
 float: left;
 width: 58px;
 width: 28px;
 padding-right: 30px;
}

.previewRates {
 width: 50px;
 float: left;
}

.previewTable th {
 color: #3E5382;
 font-family: arial;
 text-transform: uppercase;
 font-size: 8pt;
 font-weight: bold;
 padding-bottom: 9px;
 padding-top: 15px;
}

.previewTable td {
 clear: both;
 font-family: palatino linotype;
 font-size: 8pt;
 color: #333333;
 vertical-align: top;
 padding-bottom: 15px;
}

.previewTable img {
 margin-right: 5px;
}

.previewRatesCell {
 width: 100px;
}


.previewHeaders {
 color: #3E5382;
 font-family: arial;
 text-transform: uppercase;
 font-size: 8pt;
 font-weight: bold;
 padding-bottom: 9px;
 padding-top: 15px;
}


.previewData {
 clear: both;
 font-family: palatino linotype;
 font-size: 8pt;
 color: #333333;
}

.previewData .previewBedrooms {
 text-align: center;
}

a.propertyHeaderLink {
 font-weight: bold;
 color: #333333;
}

a.allTheDetailsLink {
 color: #333333;
}

.ART_title {
 font-weight: bold;
 font-family: palatino linotype;
 font-size: 13pt;
 line-height: 125%;
 color: #556B96;
}

.splashImages {
 width: 481px;
 float: left;
 font-size: 7pt;

}

.splashImages img {
 margin-right:2px;
 margin-bottom: 2px;
}


.splashDetails {
 padding: 20px 20px 15px 20px;
}

.detailsBody {
 padding-left: 0px;
}

.previewHeaders .previewImage {
 padding-bottom: 0px;
}

.previewHeaders .previewDescription {
 padding-bottom: 0px;
}

.previewHeaders {
 height: 15px;
}

.searchForm {
 padding-left: 75px;
 padding-top: 30px;
 width: 300px;
}

.searchForm .searchHeader {
 float: left;
 width: 90px;
 clear: both;
}

.searchForm input, .searchForm select  {
 float: left;
 margin-bottom: 10px;
}

#rentalsSplash .previewData, .rentalsSplash .previewHeaders, .searchResults {
 padding-top: 12px;
 padding-left: 12px;
}

select, input {
 font-family: Trebuchet MS;
 font-size: 9pt;
 color: #666666;
 line-height: 150%;
}

.searchComponent {
 width: 196px;
}

select.searchComponent {
 width: 200px;
}

.splashImagesSection img {
 margin-bottom: 20px;
}

.leftMarginDetails {
 font-size: 10pt;
 padding-left: 10px;
 padding-right: 5px;
}

.detailsHeader {
 padding-top: 15px;
 padding-bottom: 5px;
}

ul {
 padding: 0px 0px 0px 20px;
 margin: 0px;
}

li {
 padding: 0px;
 padding-bottom: 8px;
 margin: 0px;
}

.rentalsDetail .mainBody {
 padding: 0px;
}

.rentalsDetail .articleContent {
 margin-top: 0px;
}

#rentalsPageHeader {
 font-size: 16pt;
 font-family: arial;
 padding-left: 8px;
 padding-bottom: 12px;
 padding-top: 12px;
}

.leftMargin a {
 color: white;

}
/* Snowmass Homes Iframe Page */
#wide {
 background-color: #FFFFFF;
 min-height: 550px;
 padding-top: 12px;
}

#wide .articleContent {
 padding: 0px;
}

#wide .articleContent iframe {
 width: 800px;
 margin-top: -10px;
 margin-left: -29px;
}

.ie #wide .articleContent iframe {
 margin-top: -17px;
 margin-left: -27px;
}

#wide .article {
 background-color: #7F3542;
}

h1.headers  {
 font-size: 16pt;
 font-family: arial;
 color: #7D3644;
 padding: 0px;
 margin: 0px;
}

/* Splash page headers were breaking, so custom styled these. 
  Also see styles custom/SIFR-screen.css and modified js call in lra.js  */
.splashHeader {
 font-size: 16pt;
 font-family: arial;
 color: #7D3644;
 padding: 0px;
 margin: 0px; 
}

.splashHeaderLine {
 height: 45px;
 color: #7D3644;
 padding: 10px 0px 0px 5px;
 margin: 0px; 
}