/* style sheet created August 2007 by Jason Millward (www.nineseveninteractive.com) for www.robotrcreative.co.uk */ *{margin:0; padding:0;} /* clear all margins and padding */ html {font-size:72.5%;} body { background-color:#655D55; color:#F5F5F4; line-height:16px; font-family:Arial, Helvetica, sans-serif;} .clearing { height:0; clear:both;} a:link {color:#ffffff; text-decoration:underline; cursor:pointer;} a:visited {color:#ffffff; text-decoration:underline; cursor:pointer;} a:hover {text-decoration:none; cursor:pointer;} a:active {color:#ffffff; text-decoration:underline; cursor:pointer;} p {margin-bottom:10px;} em {font-family:"Times New Roman", Times, serif; font-size:0.9em;} img {border:0;} h1 {text-indent:-99999px; margin-bottom:15px;} h2 {text-indent:-99999px; font-size:1.0em;} /*-----------------------------------------------------------*/ /*-------------------- MAIN LAYOUT --------------------------*/ /*-----------------------------------------------------------*/ #wrapper {width:968px; margin-left:auto; margin-right:auto; margin-top:10px; padding-left:16px; padding-right:16px;} #leftBorder {width:19px; height:629px;float:left; background:url(../images/backgroundLeftBorder.jpg) repeat-y top left;} #rightBorder {width:19px; height:629px;float:right; background:url(../images/backgroundRightBorder.jpg) repeat-y top right; margin-bottom:10px; } #mainContent {width:884px; padding:0 23px; float:left; } #header {height:100px; padding-top:10px; width:884px; background:url(../images/backgroundHeader.jpg) no-repeat; } #header h1 {text-indent:-9999px;} #header .logo {position:relative; left:15px; bottom:10px; width:345px; height:77px;} #leftColumn {float:left; width:179px; height:346px; background:url(../images/backgroundLeftColumn.jpg) no-repeat; margin-bottom:20px;} #rightColumnLocations {float:right; width:330px; margin-top:20px;} #rightColumnOurFuture{float:right; width:193px; margin-top:20px;} #centreColumnLocations {float:left; width:357px; margin-top:20px; margin-bottom:20px;} #rightColumnLocations ul li { margin-bottom:10px; list-style-type:none; } #rightColumn {float:right; width:154px; margin-top:20px; height:346px;} #rightColumn img {margin-bottom:5px;} #centreColumn {float:left; width:478px; margin-top:20px; margin-bottom:20px;} #ulOurPrinciples {margin-top:25px; list-style-position:inside;} #ulOurPrinciples a {font-weight:bold;} .teamMembers {margin-top: 15px; height:40px;} .teamMembers img {float:left; margin-right:10px;} .icon {width:15px; height:15px; padding-right:2px;} /*-----------------------------------------------------------*/ /*-------------------- MAIN NAV -----------------------------*/ /*-----------------------------------------------------------*/ #mainNav { width:884px; height:27px; border-top:1px solid #938E8A; border-bottom:1px solid #938E8A; margin-bottom:3px;} #mainNav li { list-style-type:none; float:left; display:inline; text-align:center; } #mainNav a { display:block; text-indent:-9999px; height:27px;} #mainNav { outline: none; } a:active #mainNav a:active { outline: none; } #mainNav li.nav1 a { background:url(../images/topNavHome.jpg) no-repeat top left; width:51px; height: 27px; } #mainNav li.nav1 a:hover { background-position:-51px 0;} .homepage ul#mainNav li a#navHome { background-position:-51px 0;} #mainNav li.nav2 a { background:url(../images/topNavAboutUs.jpg) no-repeat top left; width:72px; height: 27px; } #mainNav li.nav2 a:hover { background-position:-72px 0;} .aboutUs ul#mainNav li a#navAbout { background-position:-72px 0;} #mainNav li.nav3 a { background:url(../images/topNavWhatIs.jpg) no-repeat top left; width:187px; height: 27px; } #mainNav li.nav3 a:hover { background-position:-187px 0;} .whatIs ul#mainNav li a#navWhatIs { background-position:-187px 0;} #mainNav li.nav4 a { background:url(../images/topNavLocations.jpg) no-repeat top left; width:78px; height: 27px; } #mainNav li.nav4 a:hover { background-position:-78px 0;} .locations ul#mainNav li a#navLocations { background-position:-78px 0;} #mainNav li.nav5 a { background:url(../images/topNavLuxuryResidences.jpg) no-repeat top left; width:139px; height: 27px; } #mainNav li.nav5 a:hover { background-position:-139px 0;} .luxuryResidences ul#mainNav li a#navLuxuryResidences { background-position:-139px 0;} #mainNav li.nav6 a { background:url(../images/topNavReservations.jpg) no-repeat top left; width:100px; height: 27px; } #mainNav li.nav6 a:hover { background-position:-100px 0;} .reservations ul#mainNav li a#navReservations { background-position:-100px 0;} #mainNav li.nav7 a { background:url(../images/topNavPartners.jpg) no-repeat top left; width:69px; height: 27px; } #mainNav li.nav7 a:hover { background-position:-69px 0;} .partners ul#mainNav li a#navPartners { background-position:-69px 0;} #mainNav li.nav8 a { background:url(../images/topNavNewsMedia.jpg) no-repeat top left; width:106px; height: 27px; } #mainNav li.nav8 a:hover { background-position:-106px 0;} .newsMedia ul#mainNav li a#navNewsMedia { background-position:-106px 0;} #mainNav li.nav9 a { background:url(../images/topNavContactUs.jpg) no-repeat top left; width:81px; height: 27px; } #mainNav li.nav9 a:hover { background-position:-81px 0;} .contactUs ul#mainNav li a#navContact { background-position:-81px 0;} /*-----------------------------------------------------------*/ /*-------------------- LEFT NAV -----------------------------*/ /*-----------------------------------------------------------*/ #leftNav {margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; width:159px;} #leftNav a:link {color:#D1CFCC; text-decoration:none;} #leftNav a:visited {color:#D1CFCC; text-decoration:none;} #leftNav a:hover {color:#ffffff; text-decoration:underline;} #leftNav a:active {color:#D1CFCC; text-decoration:none;} #leftNav li { list-style-type:none; margin-bottom:12px; width:159px;} #leftSubNav {margin:5px 0 0 10px;} #leftSubNav li { list-style-type:none; margin:0;} .greaterVision ul#leftNav li a#navGreaterVision, .ourFuture ul#leftNav li a#navOurFuture, .ourHistory ul#leftNav li a#navOurHistory, .ourPeople ul#leftNav li a#navOurPeople, .ourPrinciples ul#leftNav li a#navOurPrinciples, .environment ul#leftNav li a#navEnvironment, .nature ul#leftNav li a#navNature, .readyToLearn ul#leftNav li a#navReadyToLearn, .sustainability ul#leftNav li a#navSustainability, .registerDetails ul#leftNav li a#navRegisterDetails, .guestbook ul#leftNav li a#navGuestbook, .sites ul#leftNav li a#navChooseSites,.luxuryMeets ul#leftNav li a#navLuxuryMeets, .signUp ul#leftNav li a#navAlerts, .sanctuary ul#leftNav li a#navSanctuary, .lakeDistrict ul#leftNav li a#navLakeDistrict, .snowdonia ul#leftNav li a#navSnowdonia, .yorkshireDales ul#leftNav li a#navYorkshireDales, .northyorkmoors ul#leftNav li a#navNorthYorkMoors, .designStory ul#leftNav li a#navDesignStory, .redefiningLuxury ul#leftNav li a#navRedefiningLuxury, .gallery ul#leftNav li a#navGallery, .greenbuild ul#leftNav li a#navGreenBuild, .corporate ul#leftNav li a#navCorporate, .carbon ul#leftNav li a#navCarbon {color:#ffffff;} #leftNav li.reserveRetreat {margin-top:20px; width:142px; height:64px;} /*-----------------------------------------------------------*/ /*-------------------- NEWS AND GUESTBOOK -------------------*/ /*-----------------------------------------------------------*/ .newsMedia #centreColumn {min-height:700px;} .newsMedia h2 {font-size:1.em; text-indent:0; margin-bottom:10px; font-weight:normal;} .newsMedia ha a {font-size:1.em; font-weight:bold; } .newsDivider {width:478px; background:url(../images/backgroundDivider.gif) repeat-x top left; height:1px; margin:5px 0 ;} .guestbookQuote {font-size:1.1em; margin-bottom:30px; font-weight:bold;} .guestbookComments {width:700px; height:605px; text-indent:-99999px; background:url(../images/backgroundGuestbook.jpg) no-repeat top left;} .guestbookComments p { text-indent:-99999px;} .newsMedia #centreColumn ul {list-style-position:inside; margin-left:20px; margin-bottom:10px;} .yearHeader {font-weight:bold; font-size:1.1em;} .nov08 ul#leftNav li a#navNov08, .oct08 ul#leftNav li a#navOct08, .septNews08 ul#leftNav li a#navseptNews08, .aug08 ul#leftNav li a#navAug08, .july08 ul#leftNav li a#navJul08, .june08 ul#leftNav li a#navJune08, .may08 ul#leftNav li a#navMay08, .apr08 ul#leftNav li a#navApr08, .mar08 ul#leftNav li a#navMar08, .feb08 ul#leftNav li a#navFeb08, .jan08 ul#leftNav li a#navJan08, .dec07 ul#leftNav li a#navDec07, .Nov07 ul#leftNav li a#navNov07, .oct07 ul#leftNav li a#navOct07, .sep07 ul#leftNav li a#navSep07, .aug07 ul#leftNav li a#navAug07, .jul07 ul#leftNav li a#navJul07, .may07 ul#leftNav li a#navMay07, .mar07 ul#leftNav li a#navMar07, .feb07 ul#leftNav li a#navFeb07, .jan09 ul#leftNav li a#navJan09, .mar09 ul#leftNav li a#navMar09 { color:#ffffff; } /*-----------------------------------------------------------*/ /*-------------------- HOMEPAGE -----------------------------*/ /*-----------------------------------------------------------*/ .homepage-flash {width:884px; height:151px;} .homePageLeftImage { float:left; width:440px; height:134px; background:url(../images/imageLuxuryOfNature.jpg) no-repeat; text-indent:-9999px; margin-bottom:10px;} .homePageRightImage { float:right; width:419px; height:114px; padding:10px 5px 10px 20px;line-height:14px; background:url(../images/imageNewConcept.jpg) no-repeat; margin:0 0 10px 0; text-align:center;} .homePageRightImage h2 {font-weight:bold; margin: 0 0 10px 0; text-indent:0!important;} #homepageBoxes {width:884px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; margin-bottom:10px; height:190px;} #homepageBoxes li {width:190px; padding:12px; height:178px; border:1px solid #8D8781; display:inline; float:left;} #homepageBoxes li.box1, #homepageBoxes li.box2, #homepageBoxes li.box3 {margin-right:6px;} #homepageBoxes li h2 { width:189px; height:28px; padding:0; margin:0;} #homepageBoxes li.box1 h2 { background:url(../images/headerUniqueExperience.png) no-repeat;} #homepageBoxes li.box2 h2 { background:url(../images/headerRoomWithView.png) no-repeat; } #homepageBoxes li.box3 h2{ background:url(../images/h2-own-residence.png) no-repeat; } #homepageBoxes li.box3 { padding:12px 3px 12px 12px; width:197px;} /*#homepageBoxes li.box4 { padding:5px 0 12px 12px; width:201px; height: 185px;background-color:#604E37;}*/ #homepageBoxes li.box4 { padding:5px 0 12px 12px; width:201px; height: 185px; background:url(../images/bg-exclusive-offers.gif) no-repeat top left;} #homepageBoxes li.box4 h2{ background:url(../images/h2-exclusive-offers-dark-brown.png) no-repeat; width:204px; height:38px;} /*-----------------------------------------------------------*/ /*-------------------- PAGE TITLES -----------------------------*/ /*-----------------------------------------------------------*/ .whatIs h1 {width:293px; height:30px; background:url(../images/headerWhatIs.jpg) no-repeat top left; } .aboutUs h1 {width:105px; height:30px; background:url(../images/headerAboutUs.gif) no-repeat top left; } .greaterVision h1 {width:176px; height:30px; background:url(../images/headerGreaterVision.gif) no-repeat top left; } .ourPrinciples h1 {width:176px; height:30px; background:url(../images/headerOurPrinciples.gif) no-repeat top left; } .environment h1 {width:176px; height:30px; background:url(../images/headerEnvironment.gif) no-repeat top left; } .sustainability h1 {width:176px; height:30px; background:url(../images/headerSustainability.gif) no-repeat top left; } .readyToLearn h1 {width:176px; height:30px; background:url(../images/headerReadyToLearn.gif) no-repeat top left; } .ourHistory h1 {width:176px; height:30px; background:url(../images/headerOurHistory.gif) no-repeat top left; } .ourPeople h1 {width:176px; height:30px; background:url(../images/headerOurPeople.gif) no-repeat top left; } .registerDetails h1 {width:224px; height:30px; background:url(../images/headerRegisterYourDetails.gif) no-repeat top left; } .ourFuture h1 {width:224px; height:30px; background:url(../images/headerOurFuture.gif) no-repeat top left; } .nature h1 {width:300px; height:30px; background:url(../images/headerNature.gif) no-repeat top left; } .partners h1 {width:300px; height:30px; background:url(../images/headerPartners.gif) no-repeat top left; } .luxuryResidences h1 {width:200px; height:30px; background:url(../images/headerLuxuryResidences.gif) no-repeat top left; } .designStory h1 {width:200px; height:30px; background:url(../images/headerDesignStory.gif) no-repeat top left; } .gallery h1 {width:200px; height:30px; background:url(../images/headerGallery.gif) no-repeat top left; } .redefiningLuxury h1 {width:200px; height:30px; background:url(../images/headerRedefiningLuxury.gif) no-repeat top left; } .locations h1 {width:200px; height:30px; background:url(../images/headerLocations.gif) no-repeat top left; } .lakeDistrict h1 {width:359px; height:30px; background:url(../images/headerLakeDistrict.png) no-repeat top left; } .yorkshireDales h1 {width:359px; height:30px; background:url(../images/headerYorkshireDales.png) no-repeat top left; } .northyorkmoors h1 {width:417px; height:30px; background:url(../images/headerNorthYorkMoors.png) no-repeat top left; } .snowdonia h1 {width:359px; height:30px; background:url(../images/headerSnowdonia.png) no-repeat top left; } .contactUs h1 {width:200px; height:30px; background:url(../images/headerContactUs.gif) no-repeat top left; } .sites h1 {width:300px; height:30px; background:url(../images/headerChooseSites.gif) no-repeat top left; } .luxuryMeets h1 {width:300px; height:30px; background:url(../images/headerLuxuryMeets.gif) no-repeat top left; } .sanctuary h1 {width:300px; height:30px; background:url(../images/headerSanctuary.gif) no-repeat top left; } .signUp h1 {width:300px; height:30px; background:url(../images/headerSignUp.gif) no-repeat top left; } .guestbook h1 {width:300px; height:30px; background:url(../images/headerGuestbook.gif) no-repeat top left; } .newsMedia h1{width:300px; height:30px; background:url(../images/headerNewsMedia.gif) no-repeat top left; } .greenbuild h1 {width:300px; height:30px; background:url(../images/headerGreenBuild.gif) no-repeat top left; } .corporate h1 {width:300px; height:30px; background:url(../images/headerCorporate.gif) no-repeat top left; } .carbon h1 {width:300px; height:30px; background:url(../images/headerCarbon.gif) no-repeat top left; } /*-----------------------------------------------------------*/ /*-------------------- FORMS --------------------------*/ /*-----------------------------------------------------------*/ .readyToLearn label, .registerDetails label, .signUp label {width:200px; font-weight:bold; float:left;} .readyToLearn #form1 div .textarea{width:478px; background-color:#ffffff; border:1px solid #ffffff; float:left; margin-top:10px;} .readyToLearn #form1 .btnSubmit, .registerDetails #form1 .btnSubmit, .signUp #form1 .btnSubmit {width:93px; height:27px; background:url(../images/btnSubmit.gif) no-repeat top left; float:left; margin-top:10px; border:0; cursor:pointer;} .registerDetails #form1 div, .signUp #form1 div {clear: left;margin-top: 10px;} .registerDetails .text, .signUp .text {padding: 0.2em;width: 300px;border: 1px solid #ffffff;} /*-----------------------------------------------------------*/ /*-------------------- GALLERY --------------------------*/ /*-----------------------------------------------------------*/ #centreColumnGallery {width:700px; float:left; margin-top:20px;} #centreColumnGallery ul#gallery {list-style-type:none;} #centreColumnGallery ul#gallery li {float:left; width:154px; padding:0 18px 25px 0;} #rightColumn img, #centreColumnGallery img {border:0;} /*-----------------------------------------------------------*/ /*-------------------- NEWSLETTER--------------------------*/ /*-----------------------------------------------------------*/ h2.h2-sept-news { Font-size:2.5em; line-height:2.5em; height:2.5em; } .newsletter-img { width:181px; float:right; } .newsletter-text { float:left; width:509px; } .newsletter-row-1 { width:700px; margin-bottom:20px; border-bottom:1px dotted #fff; clear:both; height:240px; } .newsletter-row-2{ width:700px; margin-bottom:20px; border-bottom:1px dotted #fff; clear:both; height:250px; } .newsletter-row-3 { width:700px; margin-bottom:20px; border-bottom:1px dotted #fff; clear:both; height:230px; } .newsletter-row-4 { width:700px; margin-bottom:20px; border-bottom:1px dotted #fff; clear:both; height:220px; } .newsletter-row-5 { width:700px; margin-bottom:20px; border-bottom:1px dotted #fff; clear:both; height:180px; } .newsletter-row-6 { width:700px; margin-bottom:20px; border-bottom:1px dotted #fff; clear:both; height:150px; } .newsletter-row-7 { width:700px; margin-bottom:20px; border-bottom:1px dotted #fff; clear:both; height:120px; } .newsletter-row-8 { width:700px; margin-bottom:20px; border-bottom:1px dotted #fff; clear:both; height:150px; } /*-----------------------------------------------------------*/ /*-------------------- FOOTER --------------------------*/ /*-----------------------------------------------------------*/ #footer { position:relative; top:10px;clear:both; width:884px; height:27px; line-height:27px; border-top:1px solid #8D8883; border-bottom:1px solid #8D8883; margin-bottom:5px; margin-left:42px; }