@import "reset.css";
@import "clearfix.css";
@import "classes.css";

body{ font-family: Tahoma, Arial, Verdana; color: #666666; background: url(/media/img/bg/body.jpg) repeat center top; }
a{ text-decoration: underline; color: #ff6600; }
a:hover{ text-decoration: none; color: #ff6600; }
span.orange{ color: #ff6600; }

p, ul{ font-size: 14px; line-height: 24px; margin-bottom: 24px; }
h2{ height: 27px; margin: 0 0 24px 0; text-indent: -9999px; overflow: hidden; }
	h2.about-windrock-lodge{ background: url(/media/img/h/about-windrock-lodge.gif) no-repeat left top; }
	h2.available-results{ background: url(/media/img/h/available-results.gif) no-repeat left top; }
	h2.windrock-lodge-booking{ background: url(/media/img/h/windrock-lodge-booking.gif) no-repeat left top; }
	h2.testimonials{ background: url(/media/img/h/testimonials.gif) no-repeat left top; }
	h2.make-contact{ background: url(/media/img/h/make-contact.gif) no-repeat left top; }
	h2.directions{ background: url(/media/img/h/directions.gif) no-repeat left top; }
	h2.lodge-unit-options{ background: url(/media/img/h/lodge-unit-options.gif) no-repeat left top; }
	h2.photo-gallery{ background: url(/media/img/h/photo-gallery.gif) no-repeat left top; }
	h2._404{ background: url(/media/img/h/404.gif) no-repeat left top; }
	h2.place-reservation{ background: url(/media/img/h/place-reservation.gif) no-repeat left top; }
h3{ font-size: 18px; line-height: 24px; margin-bottom: 24px; font-weight: normal; }
h4{ height: 14px; text-indent: -9999px; overflow: hidden; color: #666666; font-size: 14px; line-height: 1; margin-bottom: 28px; font-weight: bold; }
	h4.frequent-questions{ background: url(/media/img/h/frequent-questions.gif) no-repeat left top; }
h5{ color: #006666; font-size: 14px; line-height: 18px; margin-bottom: 2px; font-weight: bold; }

p.success{ border: 1px solid #90cd9a; background: #b3ffc0; padding: 6px; color: #40804a; }
p.error{ border: 1px solid #cd9090; background: #ffb3b3; padding: 6px; color: #804040; }

#masthead{ height: 151px; position: relative; }
#masthead h1{ text-indent: -9999px; position: absolute; top: 0; left: 0; }
#masthead h1 a{ width: 421px; height: 107px; display: block; overflow: hidden; background: url(/media/img/bg/logo2.png) no-repeat left top; }

#masthead #aux-nav{ position: absolute; top: 0; right: 15px; width: 460px; }
#masthead #aux-nav li{ display: inline; text-indent: -9999px; }
#masthead #aux-nav li a{ height: 34px; display: block; background: url(/media/img/bg/aux-nav.png) no-repeat left top; float: left; }
#masthead #aux-nav li.about a{ width: 104px; background-position: 0 0; }
#masthead #aux-nav li.test a{ width: 120px; background-position: -104px 0; }
#masthead #aux-nav li.contact a{ width: 129px; background-position: -224px 0; }
#masthead #aux-nav li.bookmark a{ width: 107px; background-position: -353px 0; }
#masthead #aux-nav li.about a:hover{ background-position: 0 -34px; }
#masthead #aux-nav li.test a:hover{ background-position: -104px -34px; }
#masthead #aux-nav li.contact a:hover{ background-position: -224px -34px; }
#masthead #aux-nav li.bookmark a:hover{ background-position: -353px -34px; }

#masthead #main-nav{ position: absolute; top: 107px; left: 0; width: 557px; background: url(/media/img/bg/main-nav-end.gif) no-repeat right top; line-height: 1; margin: 0; }
#masthead #main-nav li{ text-indent: -9999px; display: inline; }
#masthead #main-nav li a{ height: 44px; display: block; float: left; background: url(/media/img/bg/main-nav.png) no-repeat left top; }
#masthead #main-nav li.main a{ width: 114px; background-position: 0 0; }
#masthead #main-nav li.booking a{ width: 101px; background-position: -114px 0; }
#masthead #main-nav li.gallery a{ width: 144px; background-position: -215px 0; }
#masthead #main-nav li.tour a{ width: 140px; background-position: -359px 0; }
#masthead #main-nav li.main a:hover{ background-position: 0 -44px; }
#masthead #main-nav li.booking a:hover{ background-position: -114px -44px; }
#masthead #main-nav li.gallery a:hover{ background-position: -215px -44px; }
#masthead #main-nav li.tour a:hover{ background-position: -359px -44px; }

#masthead #check-availability{ width: 484px; height: 133px; position: absolute; top: 76px; right: 4px; z-index: 10; background: url(/media/img/bg/check-availability.png) no-repeat left top; }
#masthead #check-availability form{ position: relative; }
#masthead #check-availability form .check-in{ width: 142px; height: 23px; position: absolute; top: 58px; left: 55px; }
#masthead #check-availability form input{ border: 0; margin: 0; padding: 0; }
#masthead #check-availability form .check-in input{ width: 117px; height: 23px; float: left; }
#masthead #check-availability form .check-in a.dp-choose-date{ width: 25px; height: 23px; float: left; text-indent: -9999px; background: url(/media/img/btn/date-btn.gif) no-repeat left top; overflow: hidden; }
#masthead #check-availability form .check-out{ width: 142px; height: 23px; position: absolute; top: 58px; right: 120px; }
#masthead #check-availability form .check-out input{ width: 117px; height: 23px; float: left; }
#masthead #check-availability form .check-out a.dp-choose-date{ width: 25px; height: 23px; display: block; text-indent: -9999px; overflow: hidden; background: url(/media/img/btn/date-btn.gif) no-repeat left top; float: left; }
#masthead #check-availability form input.submit{ position: absolute; top: 35px; right: 49px; }
#masthead #check-availability form img.ui-datepicker-trigger{ float: right; }

#footer{ clear: both; padding: 0 0 50px 0; }
#footer .module{ width: 320px; float: left; margin: 0 10px 50px 0; }
#footer #get-directions{ margin-right: 0; }
#footer .module h6{ text-indent: -9999px; }
#footer .module h6 a{ width: 320px; height: 156px; display: block; }
#footer .module p{ padding: 12px; margin: 0; background: url(/media/img/bg/featurette-blue.jpg) repeat-y center bottom; font-size: 11px; line-height: 18px; color: #ffffff; text-align: center; border-bottom: 6px solid #26313b; }
#footer #tour-the-lodge h6 a{ background: url(/media/img/bg/tour-the-lodge.png) no-repeat left top; }
#footer #see-some-photos h6 a{ background: url(/media/img/bg/see-some-photos.png) no-repeat left top; }
#footer #get-directions h6 a{ background: url(/media/img/bg/get-directions.png) no-repeat left top; }
#footer #tour-the-lodge h6 a:hover{ background-position: left bottom; }
#footer #see-some-photos h6 a:hover{ background-position: left bottom; }
#footer #get-directions h6 a:hover{ background-position: left bottom; }
#footer ul{ text-align: center; margin: 0 0 10px 0; }
#footer ul li{ display: inline; line-height: 1; font-size: 11px; font-weight: bold; padding: 0 10px; }
#footer ul li a{ color: #fff; padding: 3px 6px; text-decoration: none; }
#footer ul li a:hover{ background: #cf2400; }
#footer p.copy{ text-align: center; color: #FFFFFF; line-height: 1; font-size: 11px; margin: 0; }

#site-wrap{ width: 980px; margin: 0 auto; }
#content-wrap{ background: #FFFFFF url(/media/img/bg/content-top.jpg) no-repeat left top; margin: 0 0 8px 0; }

#content-wrap .template-home{ height: 400px; background: url(/media/img/masts/now-all-you-need.jpg) no-repeat left top; }
.template-home h2{ text-indent: -9999px; }
.template-home p{ text-align: right; width: 330px; float: right; margin-right: 40px !important; margin-right: 20px; font-size: 12px; line-height: 16px; margin-top: 140px; margin-bottom: 15px; color: #ffffff; }

#content-wrap .template-editorial,
#content-wrap .template-contact{ background: url(/media/img/bg/editorial-btm.jpg) no-repeat left bottom; padding: 85px 50px 250px; }
.template-editorial .left-column,
.template-contact .left-column{ width: 600px; float: left; }
.template-editorial .right-column,
.template-contact .right-column{ width: 255px; float: right; }
.template-editorial .right-column p,
.template-contact .right-column p{ font-size: 12px; line-height: 20px; margin-bottom: 20px; }
.template-editorial .right-column ul,
.template-contact .right-column ul{ list-style: disc; font-size: 12px; line-height: 20px; margin-bottom: 20px; padding-left: 20px; }

#content-wrap .template-booking { background: url(/media/img/bg/booking-btm.jpg) no-repeat left bottom; padding: 85px 50px 50px; }
.template-booking .left-column{ width: 420px; float: left; }
.template-booking .right-column{ width: 420px; float: right; }

#content-wrap .template-gallery{ background: url(/media/img/bg/booking-btm.jpg) no-repeat left bottom; padding: 85px 50px 50px; }
#content-wrap .template-404{ padding: 85px 50px 50px; }

/* RESULTS STYLES */
.template-editorial .each-result{ margin-bottom: 30px; }
.template-editorial .each-result a.image{ float: left; padding: 3px; background: #ead2ac; border: 1px solid #e2ae79; }
.template-editorial .each-result .details{ margin-left: 160px; }
.template-editorial .each-result .details p{ margin: 0; }
.template-editorial .each-result .title{ text-indent: -9999px; overflow: hidden; width: 328px; height: 26px; border-top: 3px solid #808080; border-right: 3px solid #808080; }
.template-editorial .wr-one .title{ background: #fff url(/media/img/results/WR-one.gif) no-repeat left top; }
.template-editorial .wr-two .title{ background: #fff url(/media/img/results/WR-two.gif) no-repeat left top; }
.template-editorial .wr-one .amenities{ background: #fff url(/media/img/wr1/u1/amenities.gif) no-repeat left top; }
.template-editorial .wr-two .amenities{ background: #fff url(/media/img/wr1/u2/amenities.gif) no-repeat left top; }

.template-editorial .each-result .people{ float: left; text-indent: -9999px; width: 86px; background: url(/media/img/results/people.gif) no-repeat left; height: 59px; border-top: 3px solid #808080; border-right: 3px solid #808080; border-bottom: 3px solid #808080; }
.template-editorial .wr-one .people{ background: url(/media/img/wr1/u1/people.gif) no-repeat left; }
.template-editorial .wr-two .people{ background: url(/media/img/wr1/u2/people.gif) no-repeat left; }

.template-editorial .each-result .amenities{ float: left; text-indent: -9999px; width: 239px; height: 59px; border-top: 3px solid #808080; border-right: 3px solid #808080; border-bottom: 3px solid #808080; }
.template-editorial .each-result .reserve{ float: left; text-indent: -9999px; border-top: 3px solid #808080; border-right: 3px solid #808080; border-bottom: 3px solid #808080; }
.template-editorial .each-result .reserve a{ width: 100px; height: 59px; display: block; background: url(/media/img/results/reserve.gif) no-repeat left; }

/* BOOKING STYLES */
.template-booking .each-result{ margin-bottom: 3px; padding-bottom: 23px; border-bottom: 3px solid #808080; }
.template-booking .each-result .details{ margin-top: -29px; position: relative; }
.template-booking .each-result .details p{ margin: 0; }
.template-booking .each-result .title{ text-indent: -9999px; overflow: hidden; width: 314px; height: 26px; border-top: 3px solid #808080; border-right: 3px solid #808080; }
	.template-booking .wr-one .title{ background: #fff url(/media/img/wr1/u1/title.gif) no-repeat left top; }
	.template-booking .wr-two .title{ background: #fff url(/media/img/wr1/u2/title.gif) no-repeat left top; }
.template-booking .each-result .people{ float: left; text-indent: -9999px; width: 86px; height: 59px; border-top: 3px solid #808080; border-right: 3px solid #808080; border-bottom: 3px solid #808080; }
	.template-booking .wr-one .people{ background: url(/media/img/wr1/u1/people.gif) no-repeat left; }
	.template-booking .wr-two .people{ background: url(/media/img/wr1/u2/people.gif) no-repeat left; }
.template-booking .each-result .amenities{ float: left; text-indent: -9999px; width: 225px; height: 59px; border-top: 3px solid #808080; border-right: 3px solid #808080; border-bottom: 3px solid #808080; }
	.template-booking .wr-one .amenities{ background: url(/media/img/wr1/u1/amenities.gif) no-repeat left; }
	.template-booking .wr-two .amenities{ background: url(/media/img/wr1/u2/amenities.gif) no-repeat left; }
.template-booking .each-result .learn-more{ float: left; text-indent: -9999px; border-top: 3px solid #808080; border-right: 3px solid #808080; border-bottom: 3px solid #808080; }
.template-booking .each-result .learn-more a{ width: 100px; height: 59px; display: block; background: url(/media/img/booking/learn-more.gif) no-repeat left top; }
.template-booking .each-result .learn-more a:hover{ background-position: left bottom; }
.template-booking .each-result .book-online{ float: left; text-indent: -9999px; border-top: 3px solid #808080; border-right: 3px solid #808080; border-bottom: 3px solid #808080; }
.template-booking .each-result .book-online a{ width: 100px; height: 59px; display: block; background: url(/media/img/booking/book-online.gif) no-repeat left top; }
.template-booking .each-result .book-online a:hover{ background-position: left bottom; }
.template-booking .amenities{ margin-top: 20px; }
.template-booking .amenities p{ font-size: 12px; line-height: 20px; }
.template-booking #windrock-one .amenities p strong{ font-size: 14px; color: #ff6600; }
.template-booking #windrock-two .amenities p strong{ font-size: 14px; color: #009999; }

a.thumb{ float: left; width: 115px; height: 115px; display: block; background: #d8d3d0; border: 1px solid #b3a8a0; margin: 0 23px 25px 0; text-align: center; }
a.thumb img{ padding: 5px; }
.template-booking #windrock-one a.thumb:hover{ border: 1px solid #ff8c40; }
.template-booking #windrock-two a.thumb:hover{ border: 1px solid #009999; }

/* Gallery Styles 
----------------- */
.template-gallery .gal-nav{ margin: 0 0 25px; }
.template-gallery .gal-nav li{ float: left; margin: 0 25px 0 0; font-size: 18px; line-height: 1; }
.template-gallery .gal-nav li a{ color: #666; text-decoration: none; }
.template-gallery .gal-nav li.ui-tabs-selected a,
.template-gallery .gal-nav li a:hover{ color: #ff6600; text-decoration: underline; }




/* CALENDER STYLE */
.cal-wrap{ margin: 0 0 3px 0; }

#windrock-one .cal-wrap p.select{ text-indent: -9999px; overflow: hidden; background: url(/media/img/calendar/select-windrock-one.gif) no-repeat left top; height: 26px; border-top: 3px solid #808080; border-bottom: 3px solid #808080; margin: 0; }
#windrock-two .cal-wrap p.select{ text-indent: -9999px; overflow: hidden; background: url(/media/img/calendar/select-windrock-two.gif) no-repeat left top; height: 26px; border-top: 3px solid #808080; border-bottom: 3px solid #808080; margin: 0; }

.cal-wrap p.cal-month{ font-size: 24px; font-weight: bold; margin: 0; }
.cal-wrap .cal-top{ padding: 10px 0 5px; }
.cal-wrap ul.cal-controls{ float: right; margin: 0; }
.cal-wrap ul.cal-controls li{ text-indent: -9999px; display: inline; }
.cal-wrap ul.cal-controls li a{ height: 20px; width: 37px; float: right; display: block; }
.cal-wrap ul.cal-controls li.next a{ background: url(/media/img/calendar/btn/next.gif) no-repeat left top; }
.cal-wrap ul.cal-controls li.back a{ background: url(/media/img/calendar/btn/back.gif) no-repeat left top; }

.calendar{ width: 420px; line-height: 1; }
.calendar div{ width: 60px; float: left; text-align: center; }
.calendar div a{ position: relative; }
#windrock-one .calendar div a{ width: 60px; padding: 8px 0; display: block; color: #ff6600; text-decoration: none; height: 1%; }
#windrock-two .calendar div a{ width: 60px; padding: 8px 0; display: block; color: #009999; text-decoration: none; height: 1%; }
.calendar div.today{ font-weight: bold; }
.calendar div.dow{ padding: 4px 0 5px; background: #808080; color: #ccc; font-size: 9px; font-weight: bold; text-transform: uppercase; }
.calendar div.day{ padding: 2px 0; border-bottom: 3px solid #808080; }
.calendar div.pm,
.calendar div.nm{ background: #fff; }
#windrock-one .calendar div.day a:hover,
#windrock-two .calendar div.day a:hover{ color: #fff; background: #ff6600; }
#windrock-one .calendar div.booked a,
#windrock-two .calendar div.booked a,
#windrock-one .calendar div.booked a:hover,
#windrock-two .calendar div.booked a:hover{ color: #ddd; background: #eee; cursor: default; }
#windrock-one .calendar div.bookedInOnly a,
#windrock-two .calendar div.bookedInOnly a{ background: transparent url(/media/img/calendar/bookedInOnly.gif) no-repeat right bottom; cursor: pointer; }
#windrock-one .calendar div.bookedOutOnly a,
#windrock-two .calendar div.bookedOutOnly a{ background: #eee; cursor: pointer; }
#windrock-one .calendar div.checkIn a,
#windrock-one .calendar div.checkOut a{ color: #fff; background: #ff6600 none; }
#windrock-two .calendar div.checkIn a,
#windrock-two .calendar div.checkOut a{ color: #fff; background: #ff6600 none; }
#windrock-one .calendar div.past a,
#windrock-two .calendar div.past a{ color: #e5e5e5; cursor: default; background: #fff none; text-decoration: line-through; }
#windrock-one .calendar div.past a:hover,
#windrock-two .calendar div.past a:hover{ color: #888; background: #fff none; text-decoration: line-through; }
.monthinfo{ position: absolute; font-size: 8px; left: 22px; text-transform: uppercase; top: 0; }
div.checkIn a,
div.checkOut a{ position: relative; }
div.checkIn span.checkIn{ position: absolute; width: 80px; height: 32px; background: url(/media/img/calendar/check-in-arrow.gif) no-repeat left top; bottom: 24px; left: -10px; z-index: 200; }
div.checkOut span.checkOut{ position: absolute; width: 80px; height: 32px; background: url(/media/img/calendar/check-out-arrow.gif) no-repeat left top; top: 24px; left: -10px; z-index: 201; }
.calendar div.interval a{ color: #ff6600; background: #ffb27f; }
.calendar div.unavailable a{ color: #cccccc; }
.selectionRange{ border-top: 3px solid #808080; border-bottom: 3px solid #808080; margin: 0 0 30px 0; }
.selectionRange p{ margin: 0; line-height: 1; }
#windrock-one .selectionRange p.dates{ float: left; width: 230px; height: 23px; background: url(/media/img/calendar/selection-range.gif) no-repeat left top; padding: 8px 0 0 85px; color: #ff6600; font-size: 13px; }
#windrock-two .selectionRange p.dates{ float: left; width: 230px; height: 23px; background: url(/media/img/calendar/selection-range.gif) no-repeat left top; padding: 8px 0 0 85px; color: #009999; font-size: 13px; }
.selectionRange p.continue{ text-indent: -9999px; }
.selectionRange p.continue a{ float: right; width: 102px; height: 31px; overflow: hidden; background: url(/media/img/calendar/btn/continue.gif) no-repeat left top; border-left: 3px solid #808080; }
.fineprint{ font-size: 10px; line-height: 14px; margin: 0; }

.contact label{ display: block; font-size: 11px; font-weight: bold; line-height: 20px; }
.contact input,
.contact textarea{ font-size: 16px; color: #222; margin: 0 0 10px 0; font-family: Tahoma, Arial, Verdana; padding: 2px; }

.reserve{ margin-bottom: 20px; }
.reserve fieldset{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.reserve legend{ font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #222; font-weight: bold; margin: 0; }
.reserve label{ font-size: 11px; }
.reserve input,
.reserve select{ padding: 3px; font-size: 14px; font-weight: bold; color: #222; }
.reserve input.submit{ float: none; }
.reserve label.sel{ width: auto; float: none; clear: none; line-height: 2; }
label span.r{ color: red; margin: 0 0 0 3px; }
form .e{ clear: both; margin-bottom: 10px; }
form .e .l{ float: left; width: 175px; }
form .e .i{ float: left; }
ul.errors{ margin: 20px; padding: 10px; background: #ffffcc; border: 1px solid #333; color: red; font-size: 11px; line-height: 16px; }