/* about > introduction (home) */
.home #content .right .image{ margin-right: 20px; }
#content #tripadvisor-award{ color: #000000; padding-top: 15px; height: 61px; }
#content #tripadvisor-award strong{ font-size: 17px; color: #498702; font-weight: 300; }
#content #tripadvisor-award img{ display: block; float: left; margin: 0 10px 0 0; position: relative; top: -15px; }

#visiting-box{ height: 264px; margin-top: -132px; }
#theomins-box{ height: 384px; margin-top: -192px; }
#explore-box{ height: 234px; margin-top: -117px; }

.introduction #content #gallery img{ display: none; }
.introduction #content #gallery .frame{ width: auto; max-width: 1280px; }

.introduction #gallery .content{ height: 100%; width: 400px; padding: 0 10px 0 550px !important; }
.introduction #gallery .box{ display: block; padding: 25px 40px 25px 40px; background: rgba(165, 209, 209, 0.9); position: absolute; top: 50%; }
.introduction #gallery .box a{ display: block; border: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('/images/gallery-box-arrow.png') 100% 100% no-repeat; }
.introduction #content #gallery h3{ color: #fff; text-transform: uppercase; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 2px; }
.introduction #content #gallery p{ font-weight: normal; font-size: 18px; line-height: 30px; margin-right: 0; color: #284957; }

.ie8 .introduction #gallery .box, 
.ie7 .introduction #gallery .box{ background: url('/images/ie/165-209-209-0.9.png') 0 0 repeat; width: 320px; }

.introduction #content #TA_selfserveprop263{ margin: 0; }
.introduction #content #TA_selfserveprop263 ul li{ padding: 0; }

#tripadvisor-left{ float: left; padding: 0 0 0 16px; width: 196px; }
#tripadvisor-left .tripadvisor-embed{ margin: 0 0 10px 0; }

#tripadvisor-right{ float: left; width: 160px; padding-bottom: 30px; }
#tripadvisor-right .tripadvisor-embed{ margin: 0 0 6px 0; }

.tripadvisor-embed #CDSWIDCOE{ margin: 0; }

#content .tripadvisor-embed ul li{ background: transparent; padding: 0; margin: 0; }
#content .tripadvisor-embed a{ border: none; }
#tripadvisor-embed-1{}
#tripadvisor-embed-1 #CDSWIDTCH{ height: 104px; margin: 13px 0 0 0; }
/* second tripadvisor widget */
#tripadvisor-embed-2{}
#tripadvisor-embed-2 #CDSWIDCOE{ margin: 0 0 10px 0; }

#tripadvisor-embed-7{ width: 260px; float: left; padding-bottom: 50px; }
#tripadvisor-embed-8{ padding-left: 20px; }

#rankers-embed{ padding-bottom: 40px;}

/* other awards */
#awards{ width: 100px; position: absolute; bottom: 60px; right: 370px; }
#awards a{ display: block; text-align: center; border: none; margin: 0 0 5px 0; }
#awards a.gardens{ margin-top: 20px; }


/* about > charitable foundation */
#content p.less-margin{ margin-bottom: 12px; }
#content ul.plain{ margin-left: 30px; }

/* visiting > guided tours */ 
.video.small{ margin: 0; width: 440px; height: 248px; }
.video iframe{ margin: 0; padding: 0; border: none; width: 440px; height: 248px; }
#content p.video.caption{ margin: 10px 0; padding: 0; border: none; }

/* visiting > tour packages */ 
.tour-packages #content .column.left{ padding-bottom: 40px; }
.tour-packages #content .package{ position: relative; }
.tour-packages #content .package h2{ margin-bottom: 4px; text-transform: none; }
.tour-packages #content .package p.logo{ margin: 0; padding: 0; float: left; position: absolute; top: 22px; left: 500px; }
.tour-packages #content .package p.logo a, .tour-packages #content .package p.logo img{ border: none; display: block; }

/* visiting > events */
.events-calendar #content #event-types{ width: 100%; height: 430px; padding: 0; position: relative; }
.events-calendar #content #event-types .frame{ width: 100%; height: 100%; overflow: hidden; position: relative; }
.events-calendar #content #event-types .offset{ position: relative; left: 0; top: 0; }
.events-calendar #content #event-types ul{ padding: 0; margin: 0 0 0 -480px; height: 320px; width: 960px; position: absolute; top: 60px; left: 50%; }
.events-calendar #content #event-types li{ width: 320px; height: 320px; float: left; padding: 0; margin: 0 20px 0 0; position: relative; background: #666; color: #fff; box-shadow: 3px 3px 6px #bcbcbc; cursor: pointer; }
.events-calendar #content #event-types li.last{ margin-right: 0; }
.events-calendar #content #event-types h3{ height: 70px; padding: 14px 30px 6px 20px; margin: 0; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(15,15,15,0.6); color: #fff; text-transform: uppercase; font-size: 20px; line-height: 28px; }
.events-calendar #content #event-types .plus{ display: block; height: 24px; width: 23px; position: absolute; top: -12px; right: -12px; background: url('/images/visiting-olveston/plus.png') 0 0 no-repeat; }

.events-calendar #content #event-types li.daily h3{ background: transparent; position: static; padding: 80px 0 0 36px; height: auto; font-size: 36px; line-height: 40px; letter-spacing: 1px; text-transform: capitalize; font-style: normal; }
.events-calendar #content #event-types li.daily p{ padding: 30px 0 0 36px; font-size: 20px; line-height: 28px; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; text-transform: uppercase; font-style: italic; }

.events-calendar #content #event-types .event{ display: none; width: 480px; padding: 20px; background: rgba(0,0,0,0.8); margin: 0 auto; position: absolute; top: 20px; left: 50%; margin-left: -250px; z-index: 1000; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-weight: 300; font-size: 18px; line-height: 26px; letter-spacing: 1px; color: #626262; }
.events-calendar #content #event-types .event .content{ width: auto; padding: 20px 20px 105px; background: #fff; position: relative; }
.events-calendar #content #event-types .event a{ display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 85px; line-height: 85px; padding-right: 30px; background: #626262 url('/images/book-now-arrow.png') 83% 50% no-repeat; color: #fff; font-size: 36px; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; text-align: center; border: none; }
.events-calendar #content #event-types .event a.free{ background: #626262; cursor: default; }
.events-calendar #content #event-types .event h2{ font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-weight: 400; font-size: 40px; line-height: 50px; margin: 10px 0; text-transform: none; letter-spacing: 0; font-style: normal; }
.events-calendar #content #event-types .event p{ margin-right: 0; }
.events-calendar #content #event-types .event .large{ font-size: 28px; line-height: 30px; letter-spacing: 0.6px; margin: 0 0 5px; }
.events-calendar #content #event-types .event .caps{ text-transform: uppercase; letter-spacing: 0.6px; margin: 0 0 10px 0; }
.events-calendar #content #event-types .event .flourish{ margin: 20px 0; }
.events-calendar #content #event-types .event .black-arrow{ margin-top: 0; top: 280px; left: -60px; }
.events-calendar #content #event-types .event .black-arrow.right{ left: auto; right: -60px; }


.events-calendar #content #event-days .content{ padding: 0; text-align: center; line-height: 30px; color: #fff; }
.events-calendar #content #event-days .day{ display: inline-block; cursor: pointer; width: 29px; height: 30px; line-height: 30px; border-right: 1px solid #fff; font-size: 16px; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; letter-spacing: 0.6px; }
.events-calendar #content #event-days .day.first{ border-left: 1px solid #fff; }
.events-calendar #content #event-days .day.past{ color: #626262; }
.events-calendar #content #event-days .day.active{ color: #a5d1d1; }
.events-calendar #content #event-days .day.inactive{ color: #626262; }

.events-calendar #content #event-months{ position: relative; }
.events-calendar #content #event-months .content{ padding: 50px 0; height: 85px; }
.events-calendar #content #event-months .month{ width: 300px; height: 85px; line-height: 85px; text-align: center; background: #626262; color: #fff; margin: 0 0 0 20px; padding: 0; float: left; font-size: 36px; cursor: pointer; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; text-transform: uppercase; font-style: italic;  }
.events-calendar #content #event-months .month.first{ margin-left: 0; }

.events-calendar #content #event-month .content{  }
.events-calendar #content #event-month .month{ display: none; }
.events-calendar #content #event-month .month.current{ display: block; }

.events-calendar #content #event-month h2{ width: 240px; float: left; margin: 0; padding: 0 40px 0 0; text-align: right; font-size: 20px; line-height: 32px; letter-spacing: 2px; }
.events-calendar #content #event-month h2 strong{ display: block; font-size: 30px; line-height: 40px; font-weight: 300; }
.events-calendar #content #event-month ul{ width: 640px; float: right; margin: 0; padding: 0; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; letter-spacing: 0.6px; font-size: 17px; line-height: 24px; }
.events-calendar #content #event-month li{ color: #626262; padding: 10px 160px 0 100px; height: 90px; margin: 0; background: #fff; position: relative; }
.events-calendar #content #event-month li h4{ color: inherit; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; letter-spacing: 0.6px; font-size: 17px; line-height: 24px; text-transform: uppercase; margin: 0; padding: 0; }
.events-calendar #content #event-month li p{ margin: 0; }
.events-calendar #content #event-month li img{ display: block; position: absolute; top: 20px; left: 20px; }
.events-calendar #content #event-month li a{ display: block; width: 100%; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: none; }
.events-calendar #content #event-month li a span{ display: block; width: 100px; height: 50px; padding: 5px 10px; line-height: 25px; background: #fff; color: #626262; position: absolute; top: 20px; right: 20px; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); font-family: 'Gotham Narrow A', 'Gotham Narrow B', sans-serif; font-weight: 300; font-size: 21px; letter-spacing: 6px; text-align: center; text-transform: uppercase; }
.events-calendar #content #event-month li a.na span,
.events-calendar #content #event-month li a.free span{ line-height: 50px; }
.events-calendar #content #event-month li a.free{ cursor: default; }
.events-calendar #content #event-month li a.enquiry span{ line-height: 50px; letter-spacing: 2px; font-size: 18px; }
.events-calendar #content #event-month li div{ height: 73px; padding-top: 16px; border-bottom: 1px solid #c8c8c8; }
.events-calendar #content #event-month li.daily{ color: #fff; }
.events-calendar #content #event-month li.daily div{ height: 89px; padding-top: 0; border: none; }

.events-calendar #content #event-month .month.red h2 strong,
.events-calendar #content.red #event-types .event h2{ color: #ce0101; }
.events-calendar #content #event-month .month.green h2 strong,
.events-calendar #content.green #event-types .event h2{ color: #69962e; }
.events-calendar #content #event-month .month.blue h2 strong,
.events-calendar #content.blue #event-types .event h2{ color: #00a6b1; }

.events-calendar #content #event-months .month.current.red, 
.events-calendar #content #event-month .month.red li.daily, 
.events-calendar #content.red #event-types li.daily{ background: #ce0101; }
.events-calendar #content #event-months .month.current.green, 
.events-calendar #content #event-month .month.green li.daily, 
.events-calendar #content.green #event-types li.daily{ background: #69962e; }
.events-calendar #content #event-months .month.current.blue, 
.events-calendar #content #event-month .month.blue li.daily, 
.events-calendar #content.blue #event-types li.daily{ background: #00a6b1; }

.events-calendar #content.red #event-types .event{ background: rgba(206, 1, 1, 0.6); }
.events-calendar #content.green #event-types .event{ background: rgba(105, 150, 45, 0.6); }
.events-calendar #content.blue #event-types .event{ background: rgba(0, 166, 177, 0.6); }

.ie8 .events-calendar #content.red #event-types .event,
.ie7 .events-calendar #content.red #event-types .event{ background: url('/images/ie/206-1-1-0.6.png') 0 0 repeat; }
.ie8 .events-calendar #content.green #event-types .event,
.ie7 .events-calendar #content.green #event-types .event{ background: url('/images/ie/105-150-45-0.6.png') 0 0 repeat; }
.ie8 .events-calendar #content.blue #event-types .event,
.ie7 .events-calendar #content.blue #event-types .event{ background: url('/images/ie/0-166-177-0.6.png') 0 0 repeat; }

.events-calendar #content.red #event-types span{ background-position: 0 0; }
.events-calendar #content.green #event-types span{ background-position: 50% 0; }
.events-calendar #content.blue #event-types span{ background-position: 100% 0; }

/* visiting > getting to olveston */ 
.getting-to-olveston #content .by-taxi{ background: url('/images/visiting-olveston/taxi.png') 90px 2px no-repeat; padding-top: 15px; margin: 20px 0; }
.getting-to-olveston #content .by-car{ background: url('/images/visiting-olveston/car.png') 90px 6px no-repeat; padding-top: 15px; margin: 30px 0 20px 0; }
.getting-to-olveston #content .on-foot{ background: url('/images/visiting-olveston/walk.png') 100px 0 no-repeat; padding-top: 15px; margin: 30px 0 20px 0; }

.getting-to-olveston #content p.map-image{ position: relative; left: -11px; margin-bottom: 60px; }
.getting-to-olveston #content p.map-intro{ width: 240px; margin: 0; float: left; }
.getting-to-olveston #content p.map-link{ width: 200px; margin: 0; float: right; }
.getting-to-olveston #content p.map-link a{ display: block; border: none; width: 170px; padding: 0 0 0 30px; background: url('/images/light-blue-arrow.png') 0 50% no-repeat; }
.getting-to-olveston #content p.map-link a strong{ color: #478ca2; font-weight: 300; }

.getting-to-olveston #content h2.smart-device{ background: url('/images/visiting-olveston/device.png') 92% 50% no-repeat; line-height: 36px; margin-top: 90px; }

.getting-to-olveston #content .app{ position: relative; padding: 0 110px 0 100px; height: 110px; }
.getting-to-olveston #content .app h3{ margin: 0; }
.getting-to-olveston #content .app img{ position: absolute; top: 3px; left: 0; }
.getting-to-olveston #content .app a{ display: block; width: 48px; height: 48px; position: absolute; top: 12px; right: 0; background: #0f0000 url('/images/visiting-olveston/android.png') 50% 50% no-repeat; border: none; padding: 0; margin: 0; }
.getting-to-olveston #content .app a.apple{ right: 60px; background-image: url('/images/visiting-olveston/apple.png'); }
.getting-to-olveston #content .app a span{ display: none; }

.getting-to-olveston #content .flourish{ margin-top: 40px; }
#grounds-map{ margin: 40px 0 100px; }

/* visiting > education */
.education #content .content{ padding-bottom: 100px; }

/* visiting > trade enquiries */
#content p#award-logos{ margin-top: 36px; }
#award-logos a{ display: inline-block; margin: 0 5px 0 0; border-bottom: none; vertical-align: top; }
#award-logos a.last{ position: relative; top: 5px; }

/* the theomins > the theomin family */ 
.the-theomin-family #content .black{ text-align: center; color: #fff; }
.the-theomin-family #content .profile h2{ color: #ce654e; }
.the-theomin-family #content .profile .image{ width: 400px; margin-right: 0; margin-bottom: 26px; }
.the-theomin-family #content .profile .image .caption.below{ height: 60px; line-height: 20px; }
.the-theomin-family #content .profile .caption strong{ font-weight: normal; text-transform: uppercase; }

.the-theomin-family #content .intro{ height: 654px; padding: 0; text-align: center; background-image: url('/images/the-theomins/familytree-01.jpg'); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.the-theomin-family #content .intro .content{ padding: 35px 0; }
.the-theomin-family #content .intro .right{ width: 359px; height: 532px; padding: 40px 50px 10px 50px; background: #fff; position: relative; left: 460px; }
.the-theomin-family #content .intro img{ display: block; background: #484848; color: #484848; position: absolute; top: 0; left: -441px; }
.the-theomin-family #content .intro h2{ color: #ce654e; margin-bottom: 40px; }
.the-theomin-family #content .intro p{ margin-right: 0; }
.the-theomin-family #content .intro .read-more{ color: #ce654e; cursor: pointer; padding: 0 0 30px 0; margin: 60px 60px 80px 60px; font-size: 18px; line-height: 30px; background: url('/images/read-more-down-arrow.png') 50% 100% no-repeat; }
.the-theomin-family #content .intro .credit{ background: url('/images/credit-line.png') 50% 0 no-repeat; padding-top: 20px; }

.the-theomin-family #content .tree .content{ padding-top: 40px; }
.the-theomin-family #content .tree .read-more{ color: #a5d1d1; margin: 0; font-weight: 400; }

.the-theomin-family #content .tree-map{ width: 580px; height: 580px; background: url('/images/tree-lines.png') 50% 177px no-repeat; margin: 40px auto 0; position: relative; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; text-align: center; }
.the-theomin-family #content .tree-map .member{ width: 180px; height: 268px; position: absolute; cursor: pointer; }
.the-theomin-family #content .tree-map p{ margin: 0; padding: 0; font-size: 14px; line-height: 20px; }
.the-theomin-family #content .tree-map strong{ font-weight: normal; text-transform: uppercase; }
.the-theomin-family #content .tree-map .married{ width: 220px; height: 40px; position: absolute; top: 226px; left: 180px; }
.the-theomin-family #content .tree-map .highlight{ width: 180px; height: 180px; position: absolute; top: 0; left: 0; background: #ce6543; opacity: 0.2; display: none; }
.the-theomin-family #content .tree-map .current .highlight{ display: block; }
.the-theomin-family #content .tree-map #david{ top: 0; left: 0; }
.the-theomin-family #content .tree-map #marie{ top: 0; right: 0; }
.the-theomin-family #content .tree-map #edward{ bottom: 0; left: 0; }
.the-theomin-family #content .tree-map #dorothy{ bottom: 0; right: 0; }


.the-theomin-family #family-slider .slider-left, .the-theomin-family #family-slider .slider-right{ top: 360px; }

.the-theomin-family #content ul.family-photos{ color: #284957; text-align: center; margin: 0; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-size: 14px; line-height: 20px; }
.the-theomin-family #content ul.family-photos li{ height: 580px; margin: 0; padding: 0; background: transparent; }
.the-theomin-family #content ul.family-photos img{ display: block; margin: 0 auto 15px; padding: 0; color: #e1e1e1; }

/* the theomins > timeline */

.timeline #entries .entry{ display: none; width: 482px; padding: 20px 20px 100px; background: rgba(0,0,0,0.8); margin: 0 auto; position: absolute; top: 20px; left: 50%; margin-left: -250px; z-index: 1000; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-weight: 300; font-size: 18px; line-height: 26px; letter-spacing: 1px; color: #626262; }
.timeline #entries .entry .content{ width: auto; padding: 20px 20px 80px; background: #fff; position: relative; }
.timeline #content #entries .entry h2{ font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-weight: 400; font-size: 40px; line-height: 50px; margin: 5px 0; text-transform: none; letter-spacing: 0; font-style: normal; }
.timeline #content #entries .entry p{ margin: 0 0 15px 0; }
.timeline #content #entries .entry p.date{ margin: 0; position: absolute; top: auto; bottom: 0; left: 0; right: 0; text-align: center; background: #626262; color: #fff; height: 48px;font-size: 18px; line-height: 48px; font-weight: 400; }
.timeline #content #entries .entry p.entry-image{ display: block; margin: 0 0 15px 0; padding: 0; font-size: 12px; line-height: 21px; color: #0f0000; text-align: center; }
.timeline #content #entries .entry p.entry-image.secondary-image{ margin: 40px 0 0 0; }
.timeline #content #entries .entry img{ display: block; margin: 0 auto 5px auto; }
.timeline #content #entries .entry p.category{ margin: 0; position: absolute; bottom: -80px; left: 0; right: 0; text-align: center; color: #fff; height: 60px; font-size: 18px; line-height: 60px; font-weight: 400; }
.timeline #content #entries .entry p.category strong{ text-transform: uppercase; font-weight: 400; }
.timeline #content #entries .entry p.category span{ display: block; position: absolute; top: 0; left: 20px; width: 21px; height: 60px; background: url('/images/timeline-arrows.png') 0 50% no-repeat; cursor: pointer; }
.timeline #content #entries .entry p.category span.right{ left: auto; right: 20px; background-position: 100% 50%; }
.timeline #content #entries .entry a{ display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 85px; line-height: 85px; padding-right: 30px; background: #626262 url('/images/book-now-arrow.png') 83% 50% no-repeat; color: #fff; font-size: 36px; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; text-align: center; border: none; }


.timeline #entries .entry .black-arrow{ margin-top: 0; top: 280px; left: -80px; }
.timeline #entries .entry .black-arrow.right{ left: auto; right: -80px; }

.timeline #timeline{ height: 654px; padding: 0; text-align: center; background-image: url('/images/the-theomins/familytree-01.jpg'); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; }
.timeline #timeline .frame{ overflow: hidden; width: 100%; height: 100%; }
.timeline #timeline .offset{ position: relative; left: 0; top: 0; }
.timeline #content #timeline ul{ display: block; list-style: none; padding: 76px 0 0 0; margin: 0 0 0 50%; position: absolute; top: 0; /*left: -550px;*/ left: -170px; }
.timeline #content #timeline ul .entry{ display: block; width: 300px; height: 462px; margin: 0 0 0 40px; padding: 20px; float: left; clear: none; background: #626262; }
.timeline #content #timeline ul .entry.first{ margin: 0; }
.timeline #content #timeline ul .entry.green,
.timeline #entries .entry.green{ background: rgba(105, 150, 46, 0.7); }
.timeline #content #timeline ul .entry.brown,
.timeline #entries .entry.brown{ background: rgba(186, 135, 85, 0.7); }
.timeline #content #timeline ul .entry.red,
.timeline #entries .entry.red{ background: rgba(176, 45, 37, 0.7); }
.timeline #content #timeline ul .entry.blue,
.timeline #entries .entry.blue{ background: rgba(71, 140, 162, 0.7); }

.ie8 .timeline #content #timeline ul .entry.green,
.ie8 .timeline #entries .entry.green,
.ie7 .timeline #content #timeline ul .entry.green,
.ie7 .timeline #entries .entry.green{ background: url('/images/ie/105-150-46-0.7.png') 0 0 repeat; }
.ie8 .timeline #content #timeline ul .entry.brown,
.ie8 .timeline #entries .entry.brown,
.ie7 .timeline #content #timeline ul .entry.brown,
.ie7 .timeline #entries .entry.brown{ background: url('/images/ie/186-135-85-0.7.png') 0 0 repeat; }
.ie8 .timeline #content #timeline ul .entry.red,
.ie8 .timeline #entries .entry.red,
.ie7 .timeline #content #timeline ul .entry.red,
.ie7 .timeline #entries .entry.red{ background: url('/images/ie/176-45-37-0.7.png') 0 0 repeat; }
.ie8 .timeline #content #timeline ul .entry.blue,
.ie8 .timeline #entries .entry.blue,
.ie7 .timeline #content #timeline ul .entry.blue,
.ie7 .timeline #entries .entry.blue{ background: url('/images/ie/71-140-162-0.7.png') 0 0 repeat; }

.timeline #timeline .entry div{ background: #fff; width: 300px; height: 462px; position: relative; }
.timeline #timeline .entry .plus{ display: block; height: 24px; width: 23px; position: absolute; top: -32px; right: -32px; background: url('/images/the-theomins/plus-timeline.png') 0 0 no-repeat; }
.timeline #content #timeline .entry img{ display: block; padding: 0; margin: 0; }
.timeline #content #timeline .entry p{ font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-weight: 300; font-size: 18px; line-height: 26px; letter-spacing: 0.6px; color: #0f0000; padding: 0; margin: 0; }
.timeline #content #timeline .entry p.intro{ padding: 20px; text-align: left; font-size: 16px; line-height: 24px; }
.timeline #content #timeline .entry p.date{ font-weight: 400; text-align: center; position: absolute; bottom: 20px; left: 0; right: 0; }
.timeline #content #timeline .entry.preview{ cursor: pointer; }

.timeline #timeline .entry.green .plus{ background-position: 0 0; }
.timeline #timeline .entry.brown .plus{ background-position: -23px 0; }
.timeline #timeline .entry.red .plus{ background-position: -46px 0; }
.timeline #timeline .entry.blue .plus{ background-position: -69px 0; }

.timeline #timeline .entry.section div{ background: transparent; }
.timeline #content #timeline .entry.section h2{ color: #fff; font-size: 40px; line-height: 44px; letter-spacing: 0.6px; text-transform: none; font-style: normal; text-align: left; margin: 0; padding: 20px 20px 10px 20px; }
.timeline #content #timeline .entry.section p{ color: #fff; font-size: 24px; line-height: 36px; }
.timeline #content #timeline .entry.section p.date{ background: #fff; left: 0; bottom: -20px; right: auto; float: left; font-size: 28px; line-height: 50px; letter-spacing: 2px; padding: 0 20px; }

.timeline #content #timeline .entry.green p.date{ color: #69962e; }
.timeline #content #timeline .entry.brown p.date{ color: #ba8755; }
.timeline #content #timeline .entry.red p.date{ color: #b02d25; }
.timeline #content #timeline .entry.blue p.date{ color: #478ca2; }

.timeline #line{ margin: 70px auto 60px auto; width: 900px; height: 18px; background: #626262; position: relative; }
.timeline #line .period{ height: 18px; float: left; position: relative; }
.timeline #line #green.period{ background: #69962e; }
.timeline #line #brown.period{ background: #ba8755; }
.timeline #line #red.period{ background: #b02d25; }
.timeline #line #blue.period{ background: #478ca2; }

.timeline #content #line .period .title{ position: absolute; top: -70px; width: 100%; left: 0; text-align: center; font-style: normal; font-weight: 400; letter-spacing: 3px; cursor: pointer; }
.timeline #content #line .period p.start,
.timeline #content #line .period p.end{ position: absolute; top: 30px; width: 60px; left: -30px; text-align: center; font-style: normal; color: #fff; margin: 0; padding: 0; font-size: 14px; line-height: 20px; letter-spacing: 3px; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-weight: 400; cursor: pointer; }
.timeline #content #line .period p.end{ left: auto; right: -30px; }

.timeline #line .event{ width: 3px; margin-left: -1px; height: 18px; background: url('/images/the-theomins/timeline-entry-line.gif') 50% 50% no-repeat; position: absolute; top: 0; left: 0; cursor: pointer; }
.timeline #line .arrow{ width: 15px; height: 12px; margin-left: -7px; background: url('/images/the-theomins/timeline-entry-arrow.png') 50% 50% no-repeat; position: absolute; top: -14px; left: 0; }

.timeline #content #quotes .content{ padding: 90px 0 40px 0; }
.timeline #content #quotes ul{ margin: 0; padding: 0; }
.timeline #content #quotes li{ display: none; margin: 0; padding: 0; background: none; }
.timeline #content #quotes li.current{ display: block; }
.timeline #content #quotes blockquote{ position: relative; margin: 0; padding: 0; }
.timeline #content #quotes p{ position: relative; margin: 0; padding: 0 50px 20px 50px; background: none; font-size: 28px; line-height: 37px; letter-spacing: 0.6px; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-weight: 300; }
.timeline #content #quotes p span{ position: absolute; top: 0; left: 30px; }
.timeline #content #quotes p.source{ font-style: italic; text-align: right; font-size: 24px; line-height: 33px; }

#quotes-navigation{ height: 36px; text-align: center; margin-top: 70px; }
#quotes-navigation .circle{ display: inline-block; line-height: 36px; width: 30px; height: 36px; background: #e1e1e1 url('/images/quote-inactive.png') 50% 50% no-repeat; cursor: pointer; position: relative; }
#quotes-navigation .circle.current{ background-image: url('/images/quote-active.png'); }

/* explore olveston */
.explore-olveston #content h1, .explore-olveston #content h2, .explore-olveston #content h3, .explore-olveston #content h4{ color: #ce654e; }
.explore-olveston #content p .caption.below{ font-style: italic; font-size: 18px; line-height: 20px; letter-spacing: 1px; }

.explore-olveston #content p.arrow{ width: 250px; margin: 60px 0; cursor: pointer; background: url('/images/gallery-box-arrow.png') 228px 10px no-repeat; }

/* explore olveston > virtual tour */
.virtual-tour #content .content{ padding-top: 40px; }

/* explore olveston > the home and the architect */
.the-home #content .the-architect h2{ text-transform: none; }
.the-home #content .the-architect h2 strong{ text-transform: uppercase; font-weight: 300; }

/* explore olveston > room by room tour */
.tour #content .tour-instructions h4{ margin: 30px 0 0 0; font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif; font-style: italic; }
.tour #content .right .image{ width: 340px; margin: 0 auto 30px; position: relative; } 
.tour #content .right .image .highlight{ display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; background: url('/images/map-highlight.png') 50% 50% no-repeat; } 

.tour #content .right .image .highlight.vestibule{ top: 299px; left: 70px; } 
.tour #content .right .image .highlight.hall{ top: 225px; left: 119px; } 
.tour #content .right .image .highlight.drawing{ top: 302px; left: 144px; } 
.tour #content .right .image .highlight.dining{ top: 147px; left: 81px; } 
.tour #content .right .image .highlight.library{ top: 147px; left: 161px; }
.tour #content .right .image .highlight.kitchen{ top: 36px; left: 247px; }
.tour #content .right .image .highlight.first-floor{ top: 205px; left: 204px; }
.tour #content .right .image .highlight.billiards{ top: 324px; left: 152px; }
.tour #content .right .image .highlight.card{ top: 300px; left: 79px; }

/* explore olveston > the collection */
.the-collection #content #gallery .caption{ display: none; }
.the-collection #content table th{ width: 120px; }

/* site map */
.site-map #content ul{ margin: 0; padding: 0; }
.site-map #content .main{ text-transform: uppercase; }
.site-map #content ul ul{ padding: 0 0 0 30px; }
.site-map #content ul li{ margin: 5px 0; padding: 0; background: transparent; }

/* disable text highlighting for some elements */
#header, #navigation, #footer, #closure, #gallery, .slider, .the-theomins{
    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
           -o-user-select: none;
              user-select: none;
}