/* Stylesheet - Black Butte Ranch */

body, form, table, img, pre {font-size:13px; font-family:Tahoma, Verdana, Geneva, sans-serif; color:#000; border-style:none; border-width:0px; padding:0; margin:0;}
td, p, div, a, select {font-size:13px; font-family:Tahoma, Verdana, Geneva, sans-serif; color:#000; line-height: normal;}
html, body {height: 100%;}
body.pixelsilk {text-align:center; background: #fff url('/body-bg.gif') center top;}
body.home {}

a, a:link, a:visited {color:#3b95c7;text-decoration:none; outline: none;}
a:active, a:hover {color:#3b95c7;text-decoration:underline; outline: none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 5px 0; font-weight: normal;}
h1 {font-size: 20px;}
h2 {font-size: 16px;}
h3 {font-size: 14px; font-weight: bold;}
h4 {font-size: 13px; font-weight: bold;}
h5 {}

p {margin-top: 0;}
hr {height: 1px; color: #444; background-color: #444; border-width: 0;}
object {outline: none;}

#theme {position: relative; margin: 0 auto; text-align: left; width: 100%/*900px*/; height: auto !important; height: 100%; min-height: 100%;}

/* Header styles */
#header {position: relative; margin: 0; width: 100%; height: 246px; z-index: 100;}

body.home #header {height: 386px;}

/* Site menu & search at top of window */
#navContainer {position: relative; width: 100%; height: 30px; background: url('/top-nav-bg.gif') repeat-x; z-index: 100;}
#navBar {position: relative; margin: 0 auto; width: 900px; height: 30px; z-index: 100;}

/* Menu styles */
#siteMenu {position: relative; z-index: 100;}
ul#Menu {list-style: none; margin: 0; padding: 0;}
ul#Menu li {display: inline; float: left; position: relative; height: 30px; line-height: 30px;}
ul#Menu li a, ul#Menu li a:link, ul#Menu li a:visited {display: inline-block; padding: 0; font-size: 11px; font-weight: bold; font-family: Georgia, Georgia, serif; height: 30px; line-height: 30px; color: #fff; text-decoration: none; text-transform:uppercase;}
ul#Menu li a:hover, ul#Menu li a:active {display: inline-block; padding: 0; font-size: 11px; font-weight: bold; font-family: Georgia, Georgia, serif; height: 30px; line-height: 30px; color: #fff; text-decoration: underline; text-transform:uppercase;}
ul#Menu li.current a {text-decoration: underline;}
ul#Menu li.separator {padding: 0 7px; height: 30px; font-family: Georgia, Georgia, serif; color: #fff; font-size: 12px;}

/* Submenu styles */
.subMenu {position:absolute; left: -13px; top: 30px; z-index:1000; width: 200px; height: auto; min-height: 155px; display: none; margin: 0; padding: 0 0 22px 0; background: url('/subnav-bg.gif') repeat-y;}
.subSubMenu {position: absolute; display: none; left: 160px; top: 0; width: 200px; z-index: 1000; height: auto; min-height: 155px; margin: 0; padding: 0 0 22px 0; background: url('/subnav-bg.gif') repeat-y;}

.subMenuBorderLeft {position: absolute; left: 0; top: 0; width: 10px; height: 155px;}
.subMenuInner {display: block; margin: 0 0 0 10px; padding: 12px 0 0 0; width: 180px; min-height: 145px; background: url('/subnav-bg-top.gif') repeat-x left top;}
.subSubMenu .subMenuInner {display: block; margin: 0 0 0 10px; padding: 10px 0 0 0; width: 180px; min-height: 145px; background: url('/subnav-bg-top-sub.gif') repeat-x left top;}
.subMenuBorderRight {position: absolute; right: 0; top: 0; width: 10px; height: 155px;}
.subMenuBorderBottom {position: absolute; left: 0; bottom: 0; width: 200px; height: 10px;}

ul#Menu li ul {list-style: none; list-style-position:outside; margin:0 10px; padding:0; width:160px; text-align: left; /* Match UL 'left' attribute below */ background: none;}
/*ul#Menu li ul * {list-style-position:outside;}*/
ul#Menu li ul li {position:relative; height: auto; margin:0; padding:0; width: auto; min-width:160px;}
ul#Menu li ul li a, ul#Menu li ul li a:link, ul#Menu li ul li a:visited {display:block; padding: 4px 0 5px 0; height:auto; line-height: 15px; color:#fff; font-size: 11px; font-weight: bold; font-family: Georgia, Georgia, serif; text-decoration: none; /*white-space: nowrap;*/}
ul#Menu li ul li a:hover, ul#Menu li ul li a:active, ul#Menu li ul li a:focus {color:#fff; text-decoration: underline;}
ul#Menu li ul li.separator {padding: 0; color: #A1987E; height: 1px; width: 160px; background: #A1987E;}

ul#Menu li ul li ul {/*position:absolute; top:0; left:200px;*/ width: auto; min-width: 160px; /* Match UL width above */}
ul#Menu li ul li ul li {}
ul#Menu li ul li ul li a {/*white-space: nowrap;*/}

span.menu-sub-indicator {float:right;}

/* Search box/form */
#search {position: absolute; right: 0; top: 4px; width: 167px; height: 22px; background: url('/search-bg.gif') no-repeat;}
.txtSearch {position: absolute; left: 11px; top: 5px; width: 128px; margin: 0; padding: 0 !important; height: 12px; font-family: Georgia, Georgia, sans-serif; font-size: 10px; color: #b5c1c7; line-height: 12px; border-width: 0 !important; background: #fff url('/white-spacer.gif');}
.btnSearch {position: absolute; left: 147px; top: 0; width: 20px; height: 22px;}

#mastheadContainer {position: relative; width: 100%; height: 216px; background: url('/page-masthead-bg.jpg') repeat-x; z-index: 50;}
#masthead {position: relative; margin: 0 auto; width: 900px; height: 216px;}

body.home #mastheadContainer {position: relative; width: 100%; height: 356px; background: url('/home-masthead-bg.jpg') repeat-x; z-index: 50;}
body.home #masthead {position: relative; margin: 0 auto; width: 900px; height: 356px;}

#logo {position: absolute; left: 0; top: 45px; width: 165px; height: 170px; z-index: 200;}
#divHomeFlash {position: absolute; left: 195px; top: 20px; width: 705px; height: 400px; z-index: 200;}
#sectionImage {position: absolute; left: 195px; top: 20px; width: 705px; height: 215px; z-index: 200;}
#headerCTA1 {position: absolute; left: 0; top: 249px; width: 165px; height: 38px;}
#headerCTA2 {position: absolute; left: 0; top: 299px; width: 165px; height: 38px;}

/* Main content area styles */
#contentContainer {position: relative; margin: 0; padding: 0; width: 100%; min-height: 350px; text-align: left; background: url('/body-bg-top.gif') repeat-x center top;z-index: 1;}
#content {position: relative; margin: 0 auto; padding: 0 0 85px 0; width: 900px;} /* 55 footer + 30 padding? */

#leftColumn {float: left; margin: 20px 0 0 0; width: 165px; font-family: Georgia, Georgia, serif; font-size: 14px; color: #fff;}
body.home #leftColumn {float: left; margin: 18px 0 0 0; width: 165px;}
#leftColumn h2, #leftColumn h3 {font-weight: bold; text-transform: uppercase; font-family: Georgia, Georgia, serif; font-size: 14px; color: #fff;}
#leftColumn p, #leftColumn a {font-family: Georgia, Georgia, serif; font-size: 14px; color: #fff;}

#leftCTAa {margin: 0 0 20px 0;}
.leftCTA {margin: 0 0 12px 0; width: 165px;}
.P2CP2T {margin: 0 0 12px 0; width: 165px;}
.homeCTA {float: left; position: relative; margin: 0 0 0 15px; width: 225px; height: 250px;}
.first {margin: 0;}
.homeCTA a.link {position: absolute; left: 40px; top: 40px; width: 150px; height: 25px; text-decoration: none; outline: none;}
.homeCTA .text {position: absolute; left: 95px; top: 77px; width: 120px; height: 140px; font-size: 12px;}
.homeCTA .text a {font-size: 12px;}
#ctaGolf {background: url('/home-cta-mountain-golf.gif') no-repeat;}
#ctaRentals {background: url('/home-cta-vacation-rentals.gif') no-repeat;}
#ctaWeddings {background: url('/home-cta-weddings.gif') no-repeat;}

#mainColumn {float: left; position: relative; margin: 34px 0 0 30px; width: 705px; background: #fff url('/content-bg.gif') repeat-y;}
body.home #mainColumn {float: left; position: relative; margin: 79px 0 0 30px; width: 705px; background: none;}
#mainColumn #topBorder {position: absolute; left: 0; top: 0; width: 705px; height: 20px; z-index: 10;}
#mainColumn #bottomBorder {position: absolute; left: 0; bottom: 0; width: 705px; height: 22px; z-index: 10;}
body.home #mainColumn #topBorder {display: none;}
body.home #mainColumn #bottomBorder {display: none;}
#mainInner {margin: 0; padding: 25px 20px 47px 20px; position: relative;}
body.home #mainInner {padding: 0;}

#contentHeaderContainer {position: relative; margin: -8px 0 10px 0; width: 100%; height: 34px; border-bottom: 1px #D6D8C2 solid;}
h1#headerTextStatic {position: absolute; left: 0; top: 0; margin: 0; width: 665px; height: 26px; color: #000; font-family: Georgia, Georgia, serif; font-size: 20px; font-weight: normal; text-transform:uppercase; z-index: 50;}
h1#headerTextStatic * {color: #000; font-family: Georgia, Georgia, serif; font-size: 20px; font-weight: normal; text-transform:uppercase;}
/* #flashHeader {position: absolute; left: 0; top: 0; width: 600px; height: 26px; z-index: 50px;} */

/* Breadcrumbs */
/*#breadcrumbs {float: right; margin: 8px 0 0 0; padding: 0; height: 22px; line-height: 22px; font-family: Georgia, Georgia, serif; font-size: 10px; text-align: right;}*/
#breadcrumbs {position: absolute; right: 0; top: 8px; /*margin: 8px 0 0 0; padding: 0;*/ height: 22px; line-height: 22px; font-family: Georgia, Georgia, serif; font-size: 10px; text-align: right; z-index: 100;}
#breadcrumbs a {line-height: 22px; padding: 0 10px; font-size: 10px; font-family: Georgia, Georgia, serif;}
#breadcrumbs span.separator {margin: 0; padding: 0; color: #cecece; line-height: 22px; font-weight: bold;}
#breadcrumbs .current {padding-right: 0; color: #000; font-weight: bold; line-height: 22px; text-decoration: none;}

/* General form styles */
.formLabel {clear: both; float: left; margin: 0 10px 10px 0; width: 33%; /*text-align: right;*/}
.formField {float: left; margin: 0 0 10px 0; width: 60%;}
.nextLine {clear: both;}
.required {font-weight: bold;}
.formField > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}
textarea {width: 100%; height: 150px;}
.formButton {clear: both;}

/* Contact form styles */
.contactForm {}
.contactForm .formLabel {clear: both; float: left; margin: 0 10px 10px 0; width: 33%; /*text-align: right;*/}
.contactForm .formField {float: left; margin: 0 0 10px 0; width: 60%;}
.contactForm .nextLine {clear: both;}
.contactForm .required {font-weight: bold;}
.contactForm .formField > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}
.contactForm textarea {width: 100%; height: 150px;}
.contactForm .formButton {clear: both;}

/* Misc form field styles */
.width100 > input {width: 100px;}
.width150 > input {width: 150px;}
.width200 > input {width: 200px;}
.width300 > input {width: 300px;}

/* Rentals styles */
#rentals {}
.rentalsHeader {display: block; /*margin: 0; padding: 0 0 6px 0; height: 15px; border-bottom: 1px #d9dbb3 solid;*/
height: 24px; margin: 0 0 5px; padding: 5px; border: solid 1px #ddd; background: #f3f3f3;}
.rentalHeaderLabel {float: left; text-align: center; font-size: 11px; line-height: 22px; height: 22px; text-transform: uppercase;}
.rentalHeaderLabel a {font-size: 11px; line-height: 22px; text-transform: uppercase;}
.rentalHeaderLabel img {margin: 0 0 0 5px; vertical-align: 0;}
#headerText {float: left; margin: 0; width: 75px; font-weight: bold; line-height: 22px; height: 22px;}
#headerClass {margin: 0 0 0 /*112px*/30px; width: 75px;}
#headerSleeps {margin: 0; width: 73px; border-left: solid 1px #d9dbb3;}
#headerBedrooms {margin: 0; width: 96px; border-left: solid 1px #d9dbb3;}
#headerBaths {margin: 0; width: 100px; border-left: solid 1px #d9dbb3;}
#headerLowSeason {margin: 0; width: 105px; border-left: solid 1px #d9dbb3;}
#headerHighSeason {margin: 0; width: 91px; text-align: right !important; border-left: solid 1px #d9dbb3;}

.rentalItem {clear: both; display: block; margin: 0; padding: 5px 0 6px 0; border-bottom: 1px #d9dbb3 solid;}
.rentalThumb {float: left; position: relative; width: 94px;}
.rentalSummary {float: left; margin: 0 0 0 10px; width: 560px;}
.rentalNameDesc {margin: 9px 0;}
.rentalSummaryField {float: left; text-align: center;}
.rentalClass {margin: 0 0 0 7px; width: 75px;}
.rentalSleeps {margin: 0; width: 73px; border-left: solid 1px #d9dbb3;}
.rentalBedrooms {margin: 0; width: 96px; border-left: solid 1px #d9dbb3;}
.rentalBaths {margin: 0; width: 100px; border-left: solid 1px #d9dbb3;}
.rentalLowSeason {margin: 0; width: 105px; border-left: solid 1px #d9dbb3;}
.rentalHighSeason {margin: 0; width: 91px; text-align: right !important; border-left: solid 1px #d9dbb3;}

.rentalImageInner {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
.rentalImageBorderT {position: relative; margin: 1px; height: 94%; border: 1px #fff solid; background: transparent;}
.rentalImageBorder {position: relative; margin: 1px; height: 98%; border: 1px #fff solid; background: transparent;}
#rentalImageBorder {position: absolute; left: 1px; top: 1px; width: 281px; border: 1px #fff solid; background: transparent; visibility: hidden;}

#rentalDetail {}
#detailColumn {float: left; position: relative; width: 355px;}
.detailCol1 {float: left; width: 175px;}
.detailCol2 {float: left; margin: 0 0 0 5px; width: 175px;}
.detailFullCol {clear: both; margin: 5px 0 0 0;}
.detailRow {clear: both; height: 20px; padding: 0 10px; background: #ECE9DA;}
.detailRowAlt {clear: both; height: 20px; padding: 0 10px; background: #F7F6F1;}
.detailLabel {float: left; width: 70%; line-height: 20px; text-align: left;}
.detailValue {float: right; width: 20%; line-height: 20px; text-align: right;}
.detailText {padding: 15px;}

#imageColumn {float: left; position: relative; margin: 0 0 0 25px; width: 285px;}
#virtualTourButton {margin: 0 0 10px 0; width: 285px; height: 38px; display: none;}
#requestButtom {margin: 0 0 10px 0; width: 285px; height: 38px;}
#bookNowButton {margin: 0 0 10px 0; width: 285px; height: 38px; display: none;}
#primaryImage {position: relative; width: 285px;}
.rentalThumbs {margin: 3px 0 0 0;}
.rentalThumbs .thumb {float: left; position: relative; margin: 0 3px 3px 0; width: 93px;}

/* Rental form styles */
.rentalForm {}
.rentalForm * {font-size: 12px;}
.rentalForm .col1 {float: left; width: 325px;}
.rentalForm .col2 {float: left; margin: 0 0 0 15px; width: 325px;}
.rentalForm textarea {width: 300px; height: 150px;}
.rentalForm fieldset {clear: both; float: left; margin: 0 0 10px 0; width: 300px; height: 240px; border: 1px #ccc solid;}
.rentalForm fieldset .inner {height: 228px; overflow: auto;}

#paginator {position: absolute; right: 0; top: 8px; /*margin: 8px 0 0 0; padding: 0;*/ height: 22px; line-height: 22px; font-family: Georgia, Georgia, serif; font-size: 10px; text-align: right;}

/* Staff styles */
.staffItem {float: left; width: 330px; height: 200px;}
.staffImage {float: left; margin: 0 10px 10px 0;}
.staffDetailImage {float: left; margin: 0 15px 15px 0;}

/* Photo gallery styles */
#photoLargeImage {position:relative; width:665px; min-height:500px; text-align:center;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px 0 10px 0;}
.photoItem {float:left; margin:0 15px 15px 0; width: 110px; cursor:pointer; position:relative; text-align: center;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}

#photoImageTitle {position: relative; height: 24px;}
#photoImageDescription {position: relative; height: 35px;}
.photoItemTitle {display: none;}
.photoItemDescription {display: none;}

.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 33%;}

/*
#photosLargeImage {width:590px; height:443px; position:relative; text-align:center;}
#photosLargeImage h3 {line-height:500px;}
#photosLargeImage #imgLarge {position:absolute; top:0; left:0; z-index:100;}
#photosLargeImage img {margin:0 auto;}
#photosLargeImage p {position:absolute; top:265px; left:0; z-index:200; line-height:35px; width:590px; height:35px; opacity:0.85; background:#ddd;}
#photosLargeImage p span {padding:0 10px; font-weight:bold;}
#photosItems {width:600px; margin:10px 0; clear:both;}
#photosItems div {float:left; margin:0 9px 10px 0; cursor:pointer; position:relative;}
#photosItems span.divEditControls {position:absolute; z-index:20; top:95px; left:0; width:110px; height:15px; opacity:0.85; text-align:center; background:#ddd;}
#photosItems span.divEditControls, #photosItems span.divEditControls a, #photosItems span.divEditControls a:link, #photosItems span.divEditControls a:visited {font-size:9px; color:#000; text-decoration:none;}
#photosItems span.divEditControls a:active, #photosItems span.divEditControls a:hover, #photosItems span.divEditControls a:focus {color:#df6f00;}
#photosItems img {position:relative; z-index:10;}
#photosItems a img:hover {opacity:0.85;}
*/

/* Event calendar styles */
.calendarList {}
.calendarListItems {float: left; display: inline; width: 360px;}
.calendarPicker {float: left; display: inline; margin: 0 0 0 20px; width: 285px} /* Flash calendar */
#calendarDetailDate {margin: 0 0 10px 0; font-style: italic;}
#calendarImage {float: right; margin: 0 0 15px 15px;}

/* Pagination */
.Pagination {display: block; margin: 0; text-align: right;}
.Pagination ul {list-style: none; margin: 0; padding: 0;}
.Pagination ul li {margin: 0; padding: 0; font-size: 10px; display: inline;}
.Pagination ul li a, .Pagination ul li a:link, .Pagination ul li a:visited {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.Pagination ul li a:hover, .Pagination ul li a:active {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}
.Pagination ul li.current {margin: 0; padding: 0 3px; font-size: 10px; display: inline; line-height: 18px; font-weight: bold;}

.Pagination ul li.previous a, .Pagination ul li.previous a:link, .Pagination ul li.previous a:visited {font-size: 14px; padding: 0; line-height: 18px; text-decoration: none;}
.Pagination ul li.previous a:hover, .Pagination ul li.previous a:active {font-size: 14px; padding: 0; line-height: 18px; text-decoration: none; font-weight: bold;}

.Pagination ul li.next a, .Pagination ul li.next a:link, .Pagination ul li.next a:visited {font-size: 14px; padding: 0; line-height: 18px; text-decoration: none;}
.Pagination ul li.next a:hover, .Pagination ul li.next a:active {font-size: 14px; padding: 0; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Footer styles */
#footerDiv {position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; background: #000; clear: both; z-index: 10;}
#footer {margin: 0 auto; width: 900px;}
#footerLeft {float: left; margin: 5px 0 0 0; font-family: Georgia, Georgia, sans-serif; font-size: 14px; color: #e0ded3; text-align: left;}
#footerLeft a, #footerLeft a:link, #footerLeft a:visited {font-family: Georgia, Georgia, sans-serif; font-size: 14px; color: #e0ded3;}
#footerLeft a:hover, #footerLeft a:active {font-family: Georgia, Georgia, sans-serif; font-size: 14px; color: #e0ded3;}
#footerLeft .separator {color: #e0ded3;}
#footerLeft img {margin: 3px 0 0 5px;}

#smartzLink {float: right; margin: 15px 0 0 0; font-family: Georgia, Georgia, sans-serif; font-size: 10px; color: #938f78; text-align: right;}
#smartzLink a, #smartzLink a:link, #smartzLink a:visited {font-family: Georgia, Georgia, sans-serif; font-size: 10px; color: #938f78; text-decoration: none;}
#smartzLink a:hover, #smartzLink a:active {font-family: Georgia, Georgia, sans-serif; font-size: 10px; color: #938f78; text-decoration: underline;}
#smartzLink a img {vertical-align: middle;}

/* Misc styles */
.clear {clear: both;}
.divAddControl {}
.divEditDeleteControls {}
.errorMsg {color: #cc0000;}
label.error {margin: 0 0 0 5px; color: #cc0000;}

#cse-search-results iframe {width: 600px;}

#leftCTAphone {margin: 0 0 12px 0; width: 165px; color: #fff; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; text-align: justify;}
.callFor {text-transform: uppercase; font-size: 13px;}
.phoneNumber {font-size: 26px;}

.GolfTeeTimes {margin-bottom: 12px;}

/* Vacation rental search */
div#rentalSearchForm {/*display: none;*/ position: relative; margin: 10px 0 5px; padding: 5px; border: solid 1px #ddd; background: #f3f3f3;}
div#searchLabel {position: relative; float: left; width: 65px; font-weight: bold; margin-top: 3px;}
div#searchFields {position: relative; float: left; width: 585px;}
#filter1Div {float: left; width: 150px;}
#filter2Div {float: left; width: 150px;}
#filter3Div {float: left; width: 150px;}
#filter4Div {clear: both; margin: 8px 0 0 30px;}
#filter4Div * {font-size: 11px; line-height: 16px; vertical-align: bottom;}
#filter4Div span {float: left; min-width: 100px;}
#filter5Div {clear: both; margin-left: 30px;}
#filter5Div * {font-size: 11px; line-height: 16px; vertical-align: bottom;}
#filter5Div span {float: left; min-width: 100px;}
#filter6Div {clear: both; margin-left: 30px;}
#filter6Div * {font-size: 11px; line-height: 16px; vertical-align: bottom;}
#filter6Div span {float: left; min-width: 100px;}
#filter7Div {clear: both; margin-left: 30px;}
#filter7Div * {font-size: 11px; line-height: 16px; vertical-align: bottom;}
#filter7Div span {float: left; min-width: 100px;}
#searchFieldButton {position: absolute; right: 8px; bottom: 5px; width: 120px; text-align: right;}