/*-----------------------------------------------------
	location layout
-----------------------------------------------------*/

#locationContainerLoader,
#locationContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 480px;
	z-index: 20;
}

#locationContainerLoader .background,
#locationContainer .background {
	width: 640px;
	height: 480px;
	display: block;
}

.screenSaver {
	background-color: #000;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 480px;
}

/*-----------------------------------------------------
	global elements
-----------------------------------------------------*/

.hotspot {
	cursor: url(../images/ui/cursor_arrow_pointer.png), pointer;
	position: absolute;
}

.illustration {
	position: absolute;
}

.hereIam {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 50px;
	min-height: 50px;
	height: 100%;
    width: 100%;
    z-index: 3;
	background: transparent url(../images/ui/hereIam.png) no-repeat scroll center;
}

.item {
	cursor: url(../images/ui/cursor_arrow_pointer.png), pointer;
	position: absolute;
}

.item div,
.hotspot div {
	display: none;
}

.item div.hitArea {
	display: block;
	cursor: url(../images/ui/cursor_arrow_pointer.png), pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
}

.thinkingAloud,
.comment {
	display: none;
}

.disabled,
.disabled div.hitArea {
	cursor: url(../images/ui/cursor_arrow.png), default;
}

.helper {
	display: none;
}

.devMode .hotspot,
.devMode .itemAsHitArea,
.devMode .hitArea {
	border: 1px solid #78BCEE;
	margin-top: -1px;
	margin-left: -1px;
}

.devMode .hotspot:hover,
.devMode .itemAsHitArea:hover,
.devMode .hitArea:hover {
	border: 1px solid yellow;
}

.devMode .hotspot:active,
.devMode .hotspot.jsHover,
.devMode .itemAsHitArea:active,
.devMode .itemAsHitArea.jsHover,
.devMode .hitArea:active,
.devMode .hitArea.jsHover {
	border: 1px solid red;
}

.devMode .disabled,
.devMode .disabled div.hitArea {
	border: 1px solid #ccc;	
}


/*-----------------------------------------------------
	hills
-----------------------------------------------------*/

#location_hills {
	background: transparent url(../images/locations/hills/background.jpg) no-repeat scroll 0 0;
}

#location_hills #lonelyTree {
	width: 100px;
	height: 100px;
	top: 182px;
	left: 436px;
}

#location_hills #hillsFloatingStone {
	cursor: url(../images/ui/cursor_arrow.png), default;
	width: 80px;
	height: 135px;
	left: 131px;
	top: 269px;
	background: transparent url(../images/locations/hills/floating_stone.jpg) no-repeat scroll 0 0;
}

#location_hills #hillsFloatingStone .hitArea {
	height: 60px;
}

#location_hills #cloud {
	width: 300px;
	height: 200px;
	top: 0px;
	left: 0px;
}


/*-----------------------------------------------------
	lonelyTree
-----------------------------------------------------*/

#location_lonelyTree {
	background: transparent url(../images/locations/lonely_tree/background.jpg) no-repeat scroll 0 0;
}

#location_lonelyTree #hills {
	width: 100%;
	height: 50px;
	left: 0;
	bottom: 0;
}

#location_lonelyTree #cloudEater {
	width: 80px;	
	height: 90px;
	left: 60px;
	top: 154px;
	background: transparent url(../images/locations/lonely_tree/cloud_eater_silhouette.jpg) no-repeat scroll 0 0;
}

#location_lonelyTree #zephyrSilhouette {
	width: 80px;	
	height: 50px;
	left: 58px;
	top: 195px;
	background: transparent url(../images/locations/lonely_tree/zephyr_silhouette.jpg) no-repeat scroll 0 0;
}

#location_lonelyTree #boundlessPlain {
	height: 60px;
    left: 385px;
    top: 182px;
    width: 70px;
}

#location_lonelyTree #treeFloatingStone {
	cursor: url(../images/ui/cursor_arrow.png), default;
	height: 318px;
    left: 262px;
    top: 101px;
    width: 50px;
	background: transparent url(../images/locations/lonely_tree/floating_stone.png) no-repeat scroll 0 0;
}

#location_lonelyTree #treeFloatingStone .hitArea {
	height: 35px;
}

#location_lonelyTree #singleTree {
	height: 330px;
	right: 60px;
	top: 60px;
	width: 70px;
}

/*-----------------------------------------------------
	boundlessPlain
-----------------------------------------------------*/

#location_boundlessPlain {
	background: transparent url(../images/locations/boundless_plain/background.jpg) no-repeat scroll 0 0;
}

#location_boundlessPlain #lonelyTree {
	width: 100%;
	height: 50px;
	left: 0;
	bottom: 0;
}

#location_boundlessPlain #floatingRocks {
	height: 165px;
	left: 0;
	top: 232px;
	width: 640px;
}

#location_boundlessPlain #cloud {
	width: 340px;
	height: 150px;
	left: 150px;
	top: 50px;
}

#location_boundlessPlain #plainWagon {
	background: transparent url(../images/locations/boundless_plain/wagon.jpg) no-repeat scroll 0 0;
	top: 313px;
	left: 293px;
	width: 45px;
	height: 40px;
}

#location_boundlessPlain #plainShell {
	background: transparent url(../images/locations/boundless_plain/shell.jpg) no-repeat scroll 0 0;
	top: 297px;
	left: 303px;
	width: 118px;
	height: 82px;
}

#location_boundlessPlain #plainShell .hitArea {
	left: 30px;
	right: 0;
	height: 82px;
	width: auto;
}


/*-----------------------------------------------------
	cloudeEater
-----------------------------------------------------*/

#location_cloudEater {
	background: transparent url(../images/locations/cloud_eater/background.jpg) no-repeat scroll 0 0;
}

#location_cloudEater #lonelyTree {
	width: 100%;
	height: 50px;
	left: 0;
	bottom: 0;
}

#location_cloudEater #frontDeck {
 	height: 100px;
    left: 261px;
    top: 115px;
    width: 205px;
}

#location_cloudEater #animalHead {
 	height: 50px;
    left: 470px;
    top: 40px;
    width: 100px;
}

/*-----------------------------------------------------
	zephyr
-----------------------------------------------------*/

#location_zephyr {
	background: transparent url(../images/locations/zephyr/background.jpg) no-repeat scroll 0 0;
}

#location_zephyr #lonelyTree {
	bottom: 0;
	height: 95px;
	left: 0;
	width: 274px;
}

#location_zephyr #zephyr {
	height: 220px;
	left: 90px;
	top: 50px;
	width: 500px;
}


/*-----------------------------------------------------
	frontDeck
-----------------------------------------------------*/

#location_frontDeck {
	background: transparent url(../images/locations/front_deck/background.jpg) no-repeat scroll 0 0;
}

#location_frontDeck #cloudEater {
	height: 200px;
	right: 0;
	top: 156px;
	width: 65px;
}

#location_frontDeck #bow {
	height: 98px;
	left: 214px;
	top: 0;
	width: 159px;
}

#location_frontDeck #rearDeck {
	bottom: 0;
	height: 60px;
	left: 282px;
	width: 159px;
}

#location_frontDeck #crane {
	height: 180px;
	left: 0px;
	top: 0px;
	width: 200px;
}

#location_frontDeck #sailor1 {
	height: 229px;
	left: 409px;
	top: 35px;
	width: 105px;
}

#location_frontDeck #sailor5 {
	height: 205px;
	left: 109px;
	top: 125px;
	width: 195px;
}

#location_frontDeck #sailor6 {
    height: 128px;
    left: 109px;
    top: 350px;
    width: 162px;
}


/*-----------------------------------------------------
	rearDeck
-----------------------------------------------------*/

#location_rearDeck {
	background: transparent url(../images/locations/rear_deck/background.jpg) no-repeat scroll 0 0;
}

#location_rearDeck #frontDeck {
    bottom: 0;
    height: 50px;
    left: 0;
    right: 0;
}

#location_rearDeck #captainCabin {
	height: 301px;
	left: 200px;
	top: 24px;
	width: 134px;
}

#location_rearDeck #sailor2 {
    height: 230px;
    left: 60px;
    top: 95px;
    width: 135px;
}

#location_rearDeck #sailor3 {
	bottom: 55px;
	height: 406px;
	right: 0;
	width: 150px;
}

#location_rearDeck #sailor4 {
	height: 117px;
	right: 165px;
	top: 135px;
	width: 132px;
}


/*-----------------------------------------------------
	bow
-----------------------------------------------------*/

#location_bow {
	background: transparent url(../images/locations/bow/background.jpg) no-repeat scroll 0 0;
}

#location_bow #frontDeck {
	height: 265px;
	left: 0;
	top: 128px;
	width: 95px;
}

#location_bow #telescope {
	height: 175px;
    left: 195px;
    top: 185px;
    width: 115px;
}

#location_bow #craneBow {
	height: 135px;
    left: 125px;
    top: 0px;
    width: 125px;
}

#location_bow #net {
	height: 115px;
    left: 421px;
    top: 23px;
    width: 50px;
	background: transparent url(../images/locations/bow/net.jpg) no-repeat scroll 0 0;
}

#location_bow #clothBow {
	height: 65px;
    left: 444px;
    top: 296px;
    width: 60px;
	background: transparent url(../images/locations/bow/cloth.jpg) no-repeat scroll 0 0;
}

#location_bow #cloudCollector1 {
	height: 140px;
	left: 295px;
	top: 0;
	width: 100px;
}

#location_bow #cloudCollector2 {
	height: 132px;
	left: 490px;
	top: 338px;
	width: 100px;
}

#location_bow #cloudCollector3 {
    height: 125px;
    left: 405px;
    top: 175px;
    width: 82px;
}

#location_bow #cloud {
	height: 113px;
	right: 0;
	top: 0;
	width: 160px;
}


/*-----------------------------------------------------
	captainCabin
-----------------------------------------------------*/

#location_captainCabin {
	background: transparent url(../images/locations/captain_cabin/background.jpg) no-repeat scroll 0 0;
}

#location_captainCabin #rearDeck {
	height: 270px;
	left: 314px;
	top: 0;
	width: 120px;
}

#location_captainCabin #map {
	height: 70px;
	left: 45px;
	top: 208px;
	width: 123px;
}

#location_captainCabin #lamp {
	background: transparent url(../images/locations/captain_cabin/lamp.jpg) no-repeat scroll 0 0;
	height: 88px;
	left: 173px;
	top: 120px;
	width: 50px;
}

#location_captainCabin #painting {
	height: 60px;
	left: 447px;
	top: 305px;
	width: 73px;
}

#location_captainCabin #captain {
	height: 147px;
	left: 178px;
	top: 216px;
	width: 100px;	
}

/*-----------------------------------------------------
	valley
-----------------------------------------------------*/

#location_valley {
	background: transparent url(../images/locations/valley/background.jpg) no-repeat scroll 0 0;
}

#location_valley #boundlessPlain {
	height: 50px;
	left: 0px;
	right: 0;
	bottom: 0;
}

#location_valley #entrance {
	height: 210px;
	left: 353px;
	top: 128px;
	width: 158px;
}

#location_valley #excavations {
	height: 55px;
	left: 152px;
	top: 276px;
	width: 78px;
}

#location_valley #wisemanPlain {
	background: transparent url(../images/locations/valley/wiseman.jpg) no-repeat scroll 0 0;
	height: 50px;
	left: 167px;
	top: 9px;
	width: 50px;
}

#location_valley #valleyShell {
	background: transparent url(../images/locations/valley/shell.jpg) no-repeat scroll 0 0;
	height: 53px;
	left: 338px;
	top: 395px;
	width: 73px;
}

#location_valley #valleyFloatingStone {
	background: transparent url(../images/locations/valley/floating_stone.jpg) no-repeat scroll 0 0;
	height: 104px;
	left: 523px;
	top: 353px;
	width: 67px;
	cursor: url(../images/ui/cursor_arrow.png), default;
}

#location_valley #valleyFloatingStone .hitArea {
	height: 50px;
}

/*-----------------------------------------------------
	excavations
-----------------------------------------------------*/

#location_excavations {
	background: transparent url(../images/locations/excavations/background.jpg) no-repeat scroll 0 0;
}

#location_excavations #valley {
	height: 40px;
	left: 0px;
	right: 0;
	bottom: 0;
}

#location_excavations #digSite {
	height: 145px;
	width: 185px;
	left: 210px;
	bottom: 50px;
}

#location_excavations #floatingRocks {
	height: 340px;
	width: 160px;
	right: 0;
	top: 0;
}

#location_excavations #chair {
	height: 80px;
	width: 120px;
	right: 80px;
	top: 350px;
}

#location_excavations #axe {
	height: 55px;
	left: 128px;
	top: 334px;
	width: 50px;
	background: transparent url(../images/locations/excavations/axe.png) no-repeat scroll 0 0;
}

#location_excavations #excavationsFloatingStone {
	width: 78px;
	height: 96px;
	top: 108px;
	left: 8px;
	background: transparent url(../images/locations/excavations/stone.jpg) no-repeat scroll 0 0;
	cursor: url(../images/ui/cursor_arrow.png), default;
}

#location_excavations #stone .hitArea {
	height: 50px;
	top: 0;
	left: 10px;
	right: 0;
	width: auto;
}

#location_excavations #sticksWithoutAxe {
	width: 123px;
	height: 191px;
	top: 218px;
	left: 81px;
	background: transparent url(../images/locations/excavations/sticks.jpg) no-repeat scroll 0 0;
}

#location_excavations #sticksWithAxe {
	width: 123px;
	height: 191px;
	top: 218px;
	left: 81px;
	background-image: url(../images/locations/excavations/sticks_with_axe.jpg);
}

#location_excavations #sticks {
	width: 60px;
	height: 182px;
	top: 218px;
	left: 111px;
}


/*-----------------------------------------------------
	digSite
-----------------------------------------------------*/

#location_digSite {
	background: transparent url(../images/locations/dig_site/background.jpg) no-repeat scroll 0 0;
}

#location_digSite #excavations {
	height: 50px;
	left: 0;
	right: 0;
	bottom: 0;
}

#location_digSite #stethoscope {
	background: transparent url(../images/locations/dig_site/stethoscope.jpg) no-repeat scroll 0 0;
	width: 150px;
	height: 95px;
	top: 321px;
	left: 227px;
}

#location_digSite #pageDigSite {
	background: transparent url(../images/locations/dig_site/page.jpg) no-repeat scroll 0 0;
	width: 95px;
	height: 85px;
	top: 183px;
	left: 432px;
}

#location_digSite #strangeGlow {
	height: 90px;
	left: 236px;
	top: 219px;
	width: 100px;
}


/*-----------------------------------------------------
	cleft
-----------------------------------------------------*/

#location_cleft {
	background: transparent url(../images/locations/cleft/background.jpg) no-repeat scroll 0 0;
}

#location_cleft #pageCleft {
	background: transparent url(../images/locations/cleft/page.png) no-repeat scroll 0 0;
	height: 50px;
	left: 160px;
	top: 385px;
	width: 50px;
}

#location_cleft #ropeAttached {
	background: transparent url(../images/locations/cleft/rope.png) no-repeat scroll 0 0;
	height: 122px;
	left: 8px;
	top: 190px;
	width: 614px;
}

#location_cleft #clothCleft {
	background: transparent url(../images/locations/cleft/cloth.png) no-repeat scroll 0 0;
	height: 85px;
	left: 533px;
	top: 312px;
	width: 70px;
}

#location_cleft #entrance {
	bottom: 100;
	height: 250px;
	left: 236px;
	width: 140px;
}

#location_cleft #cleft {
	bottom: 0;
	height: 160px;
	left: 236px;
	width: 140px;
}

#location_cleft #leftCave {
	height: 186px;
	left: 0;
	top: 157px;
	width: 130px;
}

#location_cleft #rightCave {
	height: 161px;
	right: 14px;
	top: 122px;
	width: 118px;
}

/*-----------------------------------------------------
	cave
-----------------------------------------------------*/

#location_cave {
	background: transparent url(../images/locations/cave/background.jpg) no-repeat scroll 0 0;
}

#location_cave #clothCave {
	background: transparent url(../images/locations/cave/cloth.png) no-repeat scroll 0 0;
	left: 459px;
	top: 245px;
	width: 108px;
	height: 62px;
}

#location_cave #myosotis {
	background: transparent url(../images/locations/cave/myosotis.jpg) no-repeat scroll 0 0;
	left: 356px;
	top: 38px;
	width: 128px;
	height: 150px;
}

#location_cave #myosotisAfter {
	background: transparent url(../images/locations/cave/myosotis_after.jpg) no-repeat scroll 0 0;
	left: 182px;
	top: 269px;
	width: 112px;
	height: 138px;
	display: none;
}

#location_cave #glowBackground {
	background: transparent url(../images/locations/cave/glow.jpg) no-repeat scroll 0 0;
	left: 75px;
	top: 240px;
	width: 410px;
	height: 225px;
	cursor: url(../images/ui/cursor_arrow.png), default;
}

#location_cave #glow,
#location_cave #glowAfterVision {
	height: 80px;
	left: 216px;
	top: 362px;
	width: 174px;
}

#location_cave #stairs {
    height: 139px;
    left: 311px;
    top: 15px;
    width: 120px;
}

#location_cave #pillow {
	background: transparent url(../images/locations/cave/pillow.png) no-repeat scroll 0 0;
	left: 242px;
	top: 368px;
	width: 140px;
	height: 60px;
}

#location_cave #pillowAfter {
	background: transparent url(../images/locations/cave/pillow_after.png) no-repeat scroll 0 0;
	left: 124px;
	top: 369px;
	width: 90px;
	height: 56px;
}

/*-----------------------------------------------------
	library
-----------------------------------------------------*/

#location_library {
	background: transparent url(../images/locations/library/background.jpg) no-repeat scroll 0 0;
}

#location_library #pageLibrary {
	background: transparent url(../images/locations/library/page.jpg) no-repeat scroll 0 0;
	height: 95px;
	left: 271px;
	top: 245px;
	width: 75px;
}

#location_library #journal {
	height: 95px;
	left: 271px;
	top: 245px;
	width: 75px;
}

#location_library #oil {
	background: transparent url(../images/locations/library/oil.jpg) no-repeat scroll 0 0;
	left: 91px;
	top: 366px;
	width: 55px;
	height: 65px;
}

#location_library #caveExit {
	height: 190px;
	right: 0;
	top: 91px;
	width: 102px;
}

#location_library #stairs {
	bottom: 0;
	height: 76px;
	left: 170px;
	right: 0;
}

#location_library #desk {
	height: 120px;
	left: 66px;
	top: 134px;
	width: 178px;
}

#location_library #sketches {
	height: 129px;
	left: 235px;
	top: 0;
	width: 155px;
}

#location_library #lamp {
	height: 91px;
	left: 34px;
	top: 134px;
	width: 63px;
}

#location_library #books {
	height: 85px;
	left: 11px;
	top: 36px;
	width: 147px;
}


/*-----------------------------------------------------
	floating rocks
-----------------------------------------------------*/

#location_floatingRocks {
	background: transparent url(../images/locations/floating_rocks/background.jpg) no-repeat scroll 0 0;
}

#location_floatingRocks #exit {
	height: 50px;
	left: 0;
	right: 0;
	bottom: 0;
}

#location_floatingRocks #rock1 {
	height: 240px;
	left: 44px;
	top: 73px;
	width: 107px;
}

#location_floatingRocks #rock2 {
	height: 260px;
	left: 152px;
	top: 30px;
	width: 168px;
}

#location_floatingRocks #rock3 {
	height: 275px;
	left: 321px;
	top: 64px;
	width: 164px;
}

#location_floatingRocks #rock4 {
	height: 280px;
	left: 486px;
	top: 28px;
	width: 120px;
}

#location_floatingRocks #clothFloatingRocks {
	background: transparent url(../images/locations/floating_rocks/cloth.jpg) no-repeat scroll 0 0;
	width: 95px;
	height: 50px;
	bottom: 0px;
	right: 121px;
}

/*-----------------------------------------------------
	bedroom
-----------------------------------------------------*/

#location_bedroom {
	background: transparent url(../images/locations/bedroom/background.jpg) no-repeat scroll 0 0;
}

#location_bedroom #cloth {
	background: transparent url(../images/locations/bedroom/cloth.jpg) no-repeat scroll 0 0;
	top: 0;
	height: 480px;
	left: 50px;
	width: 409px;
}

#location_bedroom #clothBedroom {
	height: 151px;
	left: 58px;
	top: 0;
	width: 177px;
}

#location_bedroom #shelves {
	height: 150px;
	left: 400px;
	top: 0;
	width: 280px;
}

#location_bedroom #window {
	height: 151px;
	left: 58px;
	top: 0;
	width: 177px;
}

#location_bedroom #water {
	height: 50px;
	left: 265px;
	top: 123px;
	width: 113px;
}

#location_bedroom #pageBedroom {
	background: transparent url(../images/locations/bedroom/page.png) no-repeat scroll 0 0;
	top: 269px;
	height: 50px;
	left: 197px;
	width: 90px;
}

#location_bedroom #openChest {
	background: transparent url(../images/locations/bedroom/open_chest.jpg) no-repeat scroll 0 0;
	top: 224px;
	height: 205px;
	left: 459px;
	width: 165px;
}

#location_bedroom #chest {
	height: 205px;
	left: 459px;
	top: 247px;
	width: 140px;
}

#location_bedroom #wiseman {
	background: transparent url(../images/locations/bedroom/wiseman.jpg) no-repeat scroll 0 0;
	height: 200px;
	left: 342px;
	top: 111px;
	width: 175px;
}

#location_bedroom #wiseman .hitArea {
	height: 185px;
	left: 15px;
	top: 9px;
	width: 115px;
}

#location_bedroom #stairs {
	height: 218px;
	left: 14px;
	top: 252px;
	width: 120px;
}

/*-----------------------------------------------------
	bedroom chest
-----------------------------------------------------*/

#location_bedroomChest {
	background: transparent url(../images/locations/bedroom/chest.jpg) no-repeat scroll 0 0;
}

#location_bedroomChest #ticket {
	height: 50px;
	left: 366px;
	top: 255px;
	width: 50px;
}

#location_bedroomChest #bedroomExit1 {
	left: 0px;
	top: 0;
	bottom: 0;
	width: 65px;
}

#location_bedroomChest #bedroomExit2 {
	right: 0;
	width: 65px;
	top: 0;
	bottom: 0;
}

/*-----------------------------------------------------
	workshop
-----------------------------------------------------*/

#location_workshop {
	background: transparent url(../images/locations/workshop/background.jpg) no-repeat scroll 0 0;
}

#location_workshop #pageWorkshop {
	background: transparent url(../images/locations/workshop/page.jpg) no-repeat scroll 0 0;
	left: 290px;
	top: 268px;
	width: 50px;
	height: 50px;
}

#location_workshop #drawerClosed {
	left: 241px;
	top: 123px;
	width: 70px;
	height: 50px;
}

#location_workshop #drawerOpened,
#location_workshop #drawerEmpty {
	left: 241px;
	top: 123px;
	width: 70px;
	height: 65px;
}

#location_workshop #drawerOpened {
	background: transparent url(../images/locations/workshop/drawer_opened_with_filters.jpg) no-repeat scroll 0 0;	
}

#location_workshop #drawerEmpty {
	background: transparent url(../images/locations/workshop/drawer_opened.jpg) no-repeat scroll 0 0;	
}

#location_workshop #trapdoorClosed {
	background: transparent url(../images/locations/workshop/trapdoor_closed.jpg) no-repeat scroll 0 0;	
	left: 441px;
	top: 0px;
	width: 118px;
	height: 219px;
}

#location_workshop #trapdoorOpened {
	background: transparent url(../images/locations/workshop/trapdoor_opened.jpg) no-repeat scroll 0 0;	
	left: 458px;
	top: 0px;
	width: 154px;
	height: 144px;
}

#location_workshop #trapdoor {
	height: 219px;
	left: 454px;
	top: 0;
	width: 168px;
}

#location_workshop #vesselEmpty {
	background: transparent url(../images/locations/workshop/vessel.jpg) no-repeat scroll 0 0;	
	left: 394px;
	top: 224px;
	width: 50px;
	height: 65px;
}

#location_workshop #projectorLight2 {
	background: transparent url(../images/locations/workshop/light2.jpg) no-repeat scroll 0 0;	
	left: 44px;
	top: 183px;
	width: 142px;
	height: 125px;
	opacity: 0;
}

#location_workshop #projectorAnimation {
	background: transparent url(../images/locations/workshop/animation.jpg) no-repeat scroll -1050px 0;	
	left: 0;
	top: 0;
	width: 175px;
	height: 165px;
	opacity: 0;
}

#location_workshop #clothScreen {
	left: 53px;
	top: 193px;
	width: 127px;
	height: 92px;
}

#location_workshop #clothScreen .cloths {
	display: block;
	position: relative;
	width: 127px;
	height: 92px;
}

#location_workshop #clothScreen .cloths div {
	position: absolute;	
	top: 0;
	left: 0;
	width: 127px;
	height: 92px;
}

#location_workshop #clothScreen .cloths div.attached {
	display: block;
}

#location_workshop #clothScreen .cloth1 { background: transparent url(../images/locations/workshop/cloth1.png) no-repeat scroll 0 0; }
#location_workshop #clothScreen .cloth2 { background: transparent url(../images/locations/workshop/cloth2.png) no-repeat scroll 0 0; }
#location_workshop #clothScreen .cloth3 { background: transparent url(../images/locations/workshop/cloth3.png) no-repeat scroll 0 0; }
#location_workshop #clothScreen .cloth4 { background: transparent url(../images/locations/workshop/cloth4.png) no-repeat scroll 0 0; }
#location_workshop #clothScreen .cloth5 { background: transparent url(../images/locations/workshop/cloth5.png) no-repeat scroll 0 0; }

#location_workshop #lampBroken {
	left: 146px;
	top: 373px;
	width: 60px;
	height: 67px;
}

#location_workshop #lamp {
	background: transparent url(../images/locations/workshop/light1.jpg) no-repeat scroll 0 0;	
	left: 123px;
	top: 343px;
	width: 102px;
	height: 122px;
}

#location_workshop #lamp .hitArea {
	height: 50px;
	left: 30px;
	top: 43px;
	width: 50px;
}

#location_workshop #lampBroken {
	background: transparent url(../images/locations/workshop/lamp_broken.jpg) no-repeat scroll 0 0;	
}

#location_workshop #filterbox {
	height: 77px;
	left: 114px;
	top: 290px;
	width: 70px;
}

#location_workshop #cleftLocation {
	bottom: 0;
	height: 86px;
	left: 347px;
	width: 186px;
}

#location_workshop #map {
	height: 91px;
	left: 304px;
	top: 27px;
	width: 144px;
}

#popup_mapWorkshop {
	background: transparent url(../images/closeups/map_workshop.jpg) no-repeat scroll 0 0;
}


/*-----------------------------------------------------
	even Higher
-----------------------------------------------------*/

#location_evenHigher {
	background: transparent url(../images/locations/even_higher/background.jpg) no-repeat scroll 0 0;
}

#location_evenHigher #floatingRocks {
	bottom: 0;
	height: 133px;
	left: 0;
	width: 188px;
}

#location_evenHigher #wisemanRock {
	height: 226px;
	right: 31px;
	top: 105px;
	width: 153px;
}

#location_evenHigher #nest {
	height: 70px;
	left: 305px;
	top: 393px;
	width: 135px;
}

#location_evenHigher #greatOak {
	height: 375px;
	left: 145px;
	top: 0px;
	width: 345px;
}

#location_evenHigher #wisemanFigure {
	background: transparent url(../images/locations/even_higher/wiseman.jpg) no-repeat scroll 0 0;
	height: 90px;
	left: 518px;
	top: 47px;
	width: 65px;
}

#location_evenHigher #string {
	background: transparent url(../images/locations/even_higher/string.jpg) no-repeat scroll 0 0;
	height: 50px;
	left: 334px;
	top: 401px;
	width: 85px;
}


/*-----------------------------------------------------
	wiseman
-----------------------------------------------------*/

#location_wiseman {
	background: transparent url(../images/locations/wiseman/background.jpg) no-repeat scroll 0 0;
}

#location_wiseman #sittingWiseman {
	background: transparent url(../images/locations/wiseman/wiseman.jpg) no-repeat scroll 0 0;
	height: 315px;
	left: 223px;
	bottom: 0px;
	width: 385px;
}

#location_wiseman #point {
	height: 65px;
	left: 360px;
	top: 355px;
	width: 135px;
}

#location_wiseman #wiseman {
	bottom: 40px;
	height: 274px;
	left: 285px;
	width: 220px;
}

#location_wiseman #evenHigher {
	height: 165px;
	left: 42px;
	top: 250px;
	width: 190px;
}


/*-----------------------------------------------------
	at the top
-----------------------------------------------------*/

#location_atTheTop {
	background: transparent url(../images/locations/at_the_top/background.jpg) no-repeat scroll 0 0;
}


#location_atTheTop #rope {
	background: transparent url(../images/locations/at_the_top/rope.jpg) no-repeat scroll 0 0;
	height: 108px;
	left: 347px;
	top: 242px;
	width: 102px;
}

#location_atTheTop #ropeAfterCut {
	height: 108px;
	left: 347px;
	top: 242px;
	width: 102px;
}

#location_atTheTop #bedroom {
	bottom: 0;
	height: 100px;
	left: 347px;
	width: 100px;
}

#location_atTheTop #evenHigher {
	height: 261px;
	left: 470px;
	top: 0;
	width: 110px;
}

#location_atTheTop #cleftTop {
	bottom: 158px;
	height: 190px;
	left: 141px;
	width: 250px;
}

#location_atTheTop #viewTop {
	top: 0px;
	height: 150px;
	left: 0px;
	width: 430px;
}


/*-----------------------------------------------------
	entrance
-----------------------------------------------------*/

#location_entrance {
	background: transparent url(../images/locations/entrance/background.jpg) no-repeat scroll 0 0;
}

#location_entrance #brokenPath {
	height: 195px;
	left: 335px;
	top: 0;
	width: 116px;
}

#location_entrance #valley {
	height: 85px;
	left: 50px;
	top: 165px;
	width: 125px;
}

#location_entrance #zephyr {
	width: 110px;
	height: 110px;
	left: 55px;
	top: 275px;
	background: transparent url(../images/locations/entrance/zephyr.jpg) no-repeat scroll 0 0;
}

#location_entrance #zephyrShell {
	width: 110px;
	height: 110px;
	left: 55px;
	top: 275px;
	background: transparent url(../images/locations/entrance/zephyr_shell.jpg) no-repeat scroll 0 0;
}

#location_entrance #rope {
	width: 155px;
	height: 68px;
	left: 430px;
	top: 412px;
	background: transparent url(../images/locations/entrance/rope.png) no-repeat scroll 0 0;
}

#location_entrance #ladder {
	bottom: 0px;
	height: 60px;
	left: 120px;
	width: 300px;
}

#location_entrance #stoneSteps {
	bottom: 88px;
	height: 50px;
	left: 288px;
	width: 75px;
}

#location_entrance #stoneSteps.stone1 {
    height: 76px;
    width: 112px;
}

#location_entrance #stoneSteps.stone2 {
    height: 117px;
    width: 112px;
}

#location_entrance #stoneSteps.stone3 {
    height: 144px;
    width: 130px;
}

#location_entrance #stoneSteps.stone4 {
	height: 190px;
	width: 130px;
}

#location_entrance #stoneSteps .stone1,
#location_entrance #stoneSteps .stone2,
#location_entrance #stoneSteps .stone3,
#location_entrance #stoneSteps .stone4 {
	bottom: 0;
	left: 0;
	height: 190px;
	width: 130px;
	display: block;
	position: absolute;
}

#location_entrance #stoneSteps .stone1 {
	background: transparent url(../images/locations/entrance/stone1.png) no-repeat scroll 0 0;
}

#location_entrance #stoneSteps .stone2 {
	background: transparent url(../images/locations/entrance/stone2.png) no-repeat scroll 0 0;
}

#location_entrance #stoneSteps .stone3 {
	background: transparent url(../images/locations/entrance/stone3.png) no-repeat scroll 0 0;
}

#location_entrance #stoneSteps .stone4 {
	background: transparent url(../images/locations/entrance/stone4.png) no-repeat scroll 0 0;
}


/*-----------------------------------------------------
	popups / closeUps
-----------------------------------------------------*/

#popup_pageDigSite {
	background: transparent url(../images/closeups/page5.jpg) no-repeat scroll 0 0;
}
#popup_pageBedroom {
	background: transparent url(../images/closeups/page4.jpg) no-repeat scroll 0 0;
}
#popup_pageWorkshop {
	background: transparent url(../images/closeups/page1.jpg) no-repeat scroll 0 0;
}

#popup_pageWorkshop #pageMark80 {
	background: transparent url(../images/closeups/page1_80.png) no-repeat scroll 0 0;
	position: absolute;
	top: 237px;
	left: 185px;
	width: 29px;
	height: 47px;
	display: none;
}

#popup_pageWorkshop #pageMark90 {
	background: transparent url(../images/closeups/page1_90.png) no-repeat scroll 0 0;
	position: absolute;
	top: 280px;
	left: 197px;
	width: 33px;
	height: 20px;
	display: none;
}

#popup_pageCleft {
	background: transparent url(../images/closeups/page2.jpg) no-repeat scroll 0 0;
}

#popup_pageLibrary {
	background: transparent url(../images/closeups/page6.jpg) no-repeat scroll 0 0;
}

#popup_nest {
	background: transparent url(../images/closeups/nest.jpg) no-repeat scroll 0 0;
}
#popup_nest #stringWithKnots {
	background: transparent url(../images/closeups/nest_string.jpg) no-repeat scroll 0 0;
	top: 87px;
	left: 65px;
	width: 390px;
	height: 185px;
}

#popup_window {
	background: transparent url(../images/closeups/window.jpg) no-repeat scroll 0 0;
}
#popup_window #atTheTop {
	top: 0px;
	left: 0px;
	width: 275px;
	height: 155px;
}

#popup_painting {
	background: transparent url(../images/closeups/painting.jpg) no-repeat scroll 0 0;
}

#popup_map {
	background: transparent url(../images/closeups/map.jpg) no-repeat scroll 0 0;
}

#popup_ticket {
	background: transparent url(../images/closeups/ticket.jpg) no-repeat scroll 0 0;
}

#popup_desk {
	background: transparent url(../images/closeups/desk_first_page.jpg) no-repeat scroll 0 0;
}
#popup_desk #deskSecondPage {
	background: transparent url(../images/closeups/desk_second_page.jpg) no-repeat scroll 0 0;
	top: 0px;
	left: 90px;
	width: 360px;
	height: 330px;
}
#popup_desk #firstPage {
	height: 308px;
	left: 225px;
	top: 33px;
	width: 200px;
}

#popup_sketches {
	background: transparent url(../images/closeups/sketches.jpg) no-repeat scroll 0 0;
}

#popup_drawer {
	background: transparent url(../images/closeups/drawer.jpg) no-repeat scroll 0 0;
}

#popup_drawer #filters {
	background: transparent url(../images/closeups/drawer_filters.jpg) no-repeat scroll 0 0;
	top: 82px;
	left: 129px;
	width: 302px;
	height: 214px;
}