<!--
/*-----------------------------------------------------------------------
  Cascading Style Sheet for House Tour Presentation. 
  (C) Ian McInnes, 2015                                                 
------------------------------------------------------------------------*/

/* --- image locations --- */
/* Outside... */
#h001 { background-image:url('Thumbs/HouseFromCanal1.jpg'); }
#h001:active { background-image:url('Images/HouseFromCanal1.jpg'); }
#h002 { background-image:url('Thumbs/HouseFromCanal2.jpg'); }
#h002:active { background-image:url('Images/HouseFromCanal2.jpg'); }
#h003 { background-image:url('Thumbs/HouseFromField.jpg'); }
#h003:active { background-image:url('Images/HouseFromField.jpg'); }
#h004 { background-image:url('Thumbs/HouseFromGate.jpg'); }
#h004:active { background-image:url('Images/HouseFromGate.jpg'); }
#h005 { background-image:url('Thumbs/HouseToEntrance.jpg'); }
#h005:active { background-image:url('Images/HouseToEntrance.jpg'); }
#h006 { background-image:url('Thumbs/HouseNorthSide.jpg'); }
#h006:active { background-image:url('Images/HouseNorthSide.jpg'); }
#h007 { background-image:url('Thumbs/MainHouseFromCasita.jpg'); }
#h007:active { background-image:url('Images/MainHouseFromCasita.jpg'); }
#h008 { background-image:url('Thumbs/CoveredPatioKitchen.jpg'); }
#h008:active { background-image:url('Images/CoveredPatioKitchen.jpg'); }
#h009 { background-image:url('Thumbs/CoveredPatioFromFamilySteps.jpg'); }
#h009:active { background-image:url('Images/CoveredPatioFromFamilySteps.jpg'); }
#h010 { background-image:url('Thumbs/OutsideSouthSide.jpg'); }
#h010:active { background-image:url('Images/OutsideSouthSide.jpg'); }
#h011 { background-image:url('Thumbs/OutsideBalconyStairs.jpg'); }
#h011:active { background-image:url('Images/OutsideBalconyStairs.jpg'); }
#h012 { background-image:url('Thumbs/EntranceFromPatioShelter.jpg'); }
#h012:active { background-image:url('Images/EntranceFromPatioShelter.jpg'); }
#h013 { background-image:url('Thumbs/FrontEntranceNight.jpg'); }
#h013:active { background-image:url('Images/FrontEntranceNight.jpg'); }

/* Lower Floor... */
#h014 { background-image:url('Thumbs/EntranceHallScreen.jpg'); }
#h014:active { background-image:url('Images/EntranceHallScreen.jpg'); }
#h015 { background-image:url('Thumbs/EntranceHallStairsScreen.jpg'); }
#h015:active { background-image:url('Images/EntranceHallStairsScreen.jpg'); }
#h016 { background-image:url('Thumbs/EntranceHallDoorBathroom.jpg'); }
#h016:active { background-image:url('Images/EntranceHallDoorBathroom.jpg'); }
#h017 { background-image:url('Thumbs/EntranceHallBathroomCloakroom.jpg'); }
#h017:active { background-image:url('Images/EntranceHallBathroomCloakroom.jpg'); }
#h018 { background-image:url('Thumbs/KitchenDiningOverview.jpg'); }
#h018:active { background-image:url('Images/KitchenDiningOverview.jpg'); }
#h019 { background-image:url('Thumbs/KitchenToPantries.jpg'); }
#h019:active { background-image:url('Images/KitchenToPantries.jpg'); }
#h020 { background-image:url('Thumbs/KitchenUnits.jpg'); }
#h020:active { background-image:url('Images/KitchenUnits.jpg'); }
#h021 { background-image:url('Thumbs/KitchenToEntranceHall.jpg'); }
#h021:active { background-image:url('Images/KitchenToEntranceHall.jpg'); }
#h022 { background-image:url('Thumbs/DiningToLivingRoom.jpg'); }
#h022:active { background-image:url('Images/DiningToLivingRoom.jpg'); }
#h023 { background-image:url('Thumbs/LivingRoomToFront.jpg'); }
#h023:active { background-image:url('Images/LivingRoomToFront.jpg'); }
#h024 { background-image:url('Thumbs/LivingRoomToPatio.jpg'); }
#h024:active { background-image:url('Images/LivingRoomToPatio.jpg'); }
#h025 { background-image:url('Thumbs/LivingRoomToBookcase.jpg'); }
#h025:active { background-image:url('Images/LivingRoomToBookcase.jpg'); }
#h026 { background-image:url('Thumbs/LivingRoomSteps.jpg'); }
#h026:active { background-image:url('Images/LivingRoomSteps.jpg'); }
#h027 { background-image:url('Thumbs/LivingRoomBack.jpg'); }
#h027:active { background-image:url('Images/LivingRoomBack.jpg'); }
#h028 { background-image:url('Thumbs/DiningAreaToFamilyRoom.jpg'); }
#h028:active { background-image:url('Images/DiningAreaToFamilyRoom.jpg'); }
#h029 { background-image:url('Thumbs/FamilyRoomToWindows.jpg'); }
#h029:active { background-image:url('Images/FamilyRoomToWindows.jpg'); }
#h030 { background-image:url('Thumbs/FamilyRoomToGarden.jpg'); }
#h030:active { background-image:url('Images/FamilyRoomToGarden.jpg'); }
#h031 { background-image:url('Thumbs/FamilyRoomToEntranceDoors.jpg'); }
#h031:active { background-image:url('Images/FamilyRoomToEntranceDoors.jpg'); }
#h032 { background-image:url('Thumbs/EntranceHallDoorStairs.jpg'); }
#h032:active { background-image:url('Images/EntranceHallDoorStairs.jpg'); }
#h033 { background-image:url('Thumbs/StairsUp.jpg'); }
#h033:active { background-image:url('Images/StairsUp.jpg'); }

/* Upper Floor... */
#h034 { background-image:url('Thumbs/StairsDown.jpg'); }
#h034:active { background-image:url('Images/StairsDown.jpg'); }
#h035 { background-image:url('Thumbs/CoveredBalconyByDoor.jpg'); }
#h035:active { background-image:url('Images/CoveredBalconyByDoor.jpg'); }
#h036 { background-image:url('Thumbs/CoveredBalconyToEast.jpg'); }
#h036:active { background-image:url('Images/CoveredBalconyToEast.jpg'); }
#h037 { background-image:url('Thumbs/CoveredBalconyToWest.jpg'); }
#h037:active { background-image:url('Images/CoveredBalconyToWest.jpg'); }
#h038 { background-image:url('Thumbs/Bedroom2Windows.jpg'); }
#h038:active { background-image:url('Images/Bedroom2Windows.jpg'); }
#h039 { background-image:url('Thumbs/Bedroom2OverBed.jpg'); }
#h039:active { background-image:url('Images/Bedroom2OverBed.jpg'); }
#h040 { background-image:url('Thumbs/Bedroom2Closet.jpg'); }
#h040:active { background-image:url('Images/Bedroom2Closet.jpg'); }
#h041 { background-image:url('Thumbs/SittingAreaLaundryRoom.jpg'); }
#h041:active { background-image:url('Images/SittingAreaLaundryRoom.jpg'); }
#h042 { background-image:url('Thumbs/SittingAreaToBalcony.jpg'); }
#h042:active { background-image:url('Images/SittingAreaToBalcony.jpg'); }
#h043 { background-image:url('Thumbs/LandingToLaundry.jpg'); }
#h043:active { background-image:url('Images/LandingToLaundry.jpg'); }
#h044 { background-image:url('Thumbs/MasterBedroomToBalcony.jpg'); }
#h044:active { background-image:url('Images/MasterBedroomToBalcony.jpg'); }
#h045 { background-image:url('Thumbs/MasterBedroomAlcove.jpg'); }
#h045:active { background-image:url('Images/MasterBedroomAlcove.jpg'); }
#h046 { background-image:url('Thumbs/MasterBedroomCeiling.jpg'); }
#h046:active { background-image:url('Images/MasterBedroomCeiling.jpg'); }
#h047 { background-image:url('Thumbs/MasterBedroomFurniture.jpg'); }
#h047:active { background-image:url('Images/MasterBedroomFurniture.jpg'); }
#h048 { background-image:url('Thumbs/MasterBedroomSeating.jpg'); }
#h048:active { background-image:url('Images/MasterBedroomSeating.jpg'); }
#h049 { background-image:url('Thumbs/MasterBathroomToilet.jpg'); }
#h049:active { background-image:url('Images/MasterBathroomToilet.jpg'); }
#h050 { background-image:url('Thumbs/MasterBathroomSink.jpg'); }
#h050:active { background-image:url('Images/MasterBathroomSink.jpg'); }
#h051 { background-image:url('Thumbs/MasterBathroomClosets.jpg'); }
#h051:active { background-image:url('Images/MasterBathroomClosets.jpg'); }
#h052 { background-image:url('Thumbs/MasterBedroomBalconyToBathroom.jpg'); }
#h052:active { background-image:url('Images/MasterBedroomBalconyToBathroom.jpg'); }
#h053 { background-image:url('Thumbs/MasterBedroomBalconyToGate.jpg'); }
#h053:active { background-image:url('Images/MasterBedroomBalconyToGate.jpg'); }
#h054 { background-image:url('Thumbs/MasterBedroomBalconyToChilchota.jpg'); }
#h054:active { background-image:url('Images/MasterBedroomBalconyToChilchota.jpg'); }
#h055 { background-image:url('Thumbs/MasterBedroomBalconyNight.jpg'); }
#h055:active { background-image:url('Images/MasterBedroomBalconyNight.jpg'); }
#h056 { background-image:url('Thumbs/MasterBedroomToBedroom3.jpg'); }
#h056:active { background-image:url('Images/MasterBedroomToBedroom3.jpg'); }
#h057 { background-image:url('Thumbs/Bedroom3Closet.jpg'); }
#h057:active { background-image:url('Images/Bedroom3Closet.jpg'); }
#h058 { background-image:url('Thumbs/Bedroom3Ceiling.jpg'); }
#h058:active { background-image:url('Images/Bedroom3Ceiling.jpg'); }
#h059 { background-image:url('Thumbs/Bedroom3Bed.jpg'); }
#h059:active { background-image:url('Images/Bedroom3Bed.jpg'); }
#h060 { background-image:url('Thumbs/ByStudyToZamora.jpg'); }
#h060:active { background-image:url('Images/ByStudyToZamora.jpg'); }
#h061 { background-image:url('Thumbs/SharedBathroomShower.jpg'); }
#h061:active { background-image:url('Images/SharedBathroomShower.jpg'); }
#h062 { background-image:url('Thumbs/SharedBathroomTub.jpg'); }
#h062:active { background-image:url('Images/SharedBathroomTub.jpg'); }
#h063 { background-image:url('Thumbs/SharedBathroomSink.jpg'); }
#h063:active { background-image:url('Images/SharedBathroomSink.jpg'); }
#h064 { background-image:url('Thumbs/StudyFromDoor.jpg'); }
#h064:active { background-image:url('Images/StudyFromDoor.jpg'); }
#h065 { background-image:url('Thumbs/StudyOverDesk.jpg'); }
#h065:active { background-image:url('Images/StudyOverDesk.jpg'); }
#h066 { background-image:url('Thumbs/StudyOverTerrace.jpg'); }
#h066:active { background-image:url('Images/StudyOverTerrace.jpg'); }
#h067 { background-image:url('Thumbs/ByStudyToSouth.jpg'); }
#h067:active { background-image:url('Images/ByStudyToSouth.jpg'); }
#h068 { background-image:url('Thumbs/StudyLighting.jpg'); }
#h068:active { background-image:url('Images/StudyLighting.jpg'); }
#h069 { background-image:url('Thumbs/ByStudyToWest.jpg'); }
#h069:active { background-image:url('Images/ByStudyToWest.jpg'); }
#h070 { background-image:url('Thumbs/LaundryRoomClosets.jpg'); }
#h070:active { background-image:url('Images/LaundryRoomClosets.jpg'); }
#h071 { background-image:url('Thumbs/LaundryRoomAppliance.jpg'); }
#h071:active { background-image:url('Images/LaundryRoomAppliance.jpg'); }
#h072 { background-image:url('Thumbs/DryingPatioWaterHeater.jpg'); }
#h072:active { background-image:url('Images/DryingPatioWaterHeater.jpg'); }
#h073 { background-image:url('Thumbs/DryingPatioStairs.jpg'); }
#h073:active { background-image:url('Images/DryingPatioStairs.jpg'); }

/* Roof... */
#h074 { background-image:url('Thumbs/AzoteaOverview.jpg'); }
#h074:active { background-image:url('Images/AzoteaOverview.jpg'); }
#h075 { background-image:url('Thumbs/AzoteaToChilchota.jpg'); }
#h075:active { background-image:url('Images/AzoteaToChilchota.jpg'); }
#h076 { background-image:url('Thumbs/AzoteaToZamora.jpg'); }
#h076:active { background-image:url('Images/AzoteaToZamora.jpg'); }
#h077 { background-image:url('Thumbs/AzoteaToWest.jpg'); }
#h077:active { background-image:url('Images/AzoteaToWest.jpg'); }
#h078 { background-image:url('Thumbs/AzoteaToLaBeata.jpg'); }
#h078:active { background-image:url('Images/AzoteaToLaBeata.jpg'); }
#h079 { background-image:url('Thumbs/AzoteaOverGarden1.jpg'); }
#h079:active { background-image:url('Images/AzoteaOverGarden1.jpg'); }
#h081 { background-image:url('Thumbs/AzoteaOverGarden2.jpg'); }
#h081:active { background-image:url('Images/AzoteaOverGarden2.jpg'); }
#h082 { background-image:url('Thumbs/AzoteaViewSunset.jpg'); }
#h082:active { background-image:url('Images/AzoteaViewSunset.jpg'); }

/* thumbnail images with non-standard heights */
#h001, #h002, #h006, #h007, #h010, #h012, #h018, #h028, #h029, #h030,
#h050, #h051, #h060, #h066, #h067, #h077, #h079, #h081
{
  height:107px;
}
#h005 { height:100px; }
#h069 { height:83px; }
#h076 { height:61px; }

/* pop-up images with non-standard sizes */
#h001:active, #h002:active, #h006:active, #h007:active, #h010:active,
#h012:active, #h018:active, #h028:active, #h029:active, #h030:active,
#h050:active, #h051:active, #h060:active, #h066:active, #h067:active,
#h077:active, #h079:active, #h081:active 
{
  height:534px;
}
#h076:active
{
  height:303px;
}
#h069:active
{
  height:416px;
}
#h004:active, #h005:active, #h013:active, #h052:active
{
  height:500px;
}

/* static highlighted sidebar icons indicating current page */
nav.sidebar div.button0EN { background-image:url('Icons/H0sEN.png'); }
nav.sidebar div.button1EN { background-image:url('Icons/H1sEN.png'); }
nav.sidebar div.button2EN { background-image:url('Icons/H2sEN.png'); }
nav.sidebar div.button3EN { background-image:url('Icons/H3sEN.png'); }
nav.sidebar div.button0ES { background-image:url('Icons/H0sES.png'); }
nav.sidebar div.button1ES { background-image:url('Icons/H1sES.png'); }
nav.sidebar div.button2ES { background-image:url('Icons/H2sES.png'); }
nav.sidebar div.button3ES { background-image:url('Icons/H3sES.png'); }
/* sidebar icons giving links to other pages */
nav.sidebar a.button0EN { background-image:url('Icons/H0nEN.png'); }
nav.sidebar a.button1EN { background-image:url('Icons/H1nEN.png'); }
nav.sidebar a.button2EN { background-image:url('Icons/H2nEN.png'); }
nav.sidebar a.button3EN { background-image:url('Icons/H3nEN.png'); }
nav.sidebar a.button0ES { background-image:url('Icons/H0nES.png'); }
nav.sidebar a.button1ES { background-image:url('Icons/H1nES.png'); }
nav.sidebar a.button2ES { background-image:url('Icons/H2nES.png'); }
nav.sidebar a.button3ES { background-image:url('Icons/H3nES.png'); }
nav.sidebar a, nav.sidebar div
{
  display:block;
  width:120px;
  height:58px;
  margin-bottom:5px;
}
nav.sidebar a:hover
{
  filter: brightness(135%) contrast(85%) saturate(130%) hue-rotate(345deg);
}
-->