@charset "utf-8";
/*-------------------------
Homepage Stylesheet
Jaina Bee
Author: Adrienne Rice Adams
Company: Cloud Islands
URL: http://cloudislands.com 
Created: June 30, 2008
Last Updated: October 23, 2008
--------------------------*/

/*---Main styles---*/
body#home {
background: url(../images/plush_tile.jpg);
background-attachment: fixed;
}
body#home #wrap {
position: relative;
border: 5px dotted #fff;
width: 1285px;
padding: 15px;
margin: 15px auto;
z-index: 20;
}
body#home #info {
position: relative;
background: #000;
width:1270px;
padding: 8px;
}
body#home #desc {
color: #fff;
padding: 15px;
text-align: center;
z-index: 50;
}
body#home p#loading{
color: #fff;
position: absolute;
background: url(../images/dance.gif) no-repeat;
padding: 240px 5px 5px 5px;
width: 146px;
height: 212px;
top: 250px;
left: 600px;
}
/*---Image Map---*/

#map-c {
	display:block;
	width:1252px;
	height:840px;
	background:url(../images/cottage_new-3.jpg) no-repeat;
	position:relative;
	margin: 15px auto;
}
#map-c li {
	position:absolute;
	padding:0;
	margin:0;
}
#map-c a, #map-c a:visited {
	display:none;
}
#map-c a:hover {
	position:absolute;
	display:block;
}
#map-c a img {
	border: none;
}
/*---Cottage---*/

#map-c #cottage{
	left:274px;
	top:0px;
	z-index:20;
}
#map-c a#link_cottage {
	display:block;
	width:570px;
	height:120px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_cottage:hover  {
background: url(../images/cottage_hover.jpg) no-repeat;
height: 145px;
width: 570px;
left: 0; 
top: 11px;
}

/*---Ganesha---*/
#map-c #artists {
	left: 750px;
	top: 250px;
	z-index: 20;
}
#map-c a#link_artists {
	display: block;
	width: 180px;
	height: 250px;
	text-decoration: none;
	z-index: 20;
}
#map-c a#link_artists:hover {
background: url(../images/ganesha_hover.jpg) no-repeat;
height: 415px;
width: 375px;
	left: -102px;
	top: -105px;
}
/*---Tweet---*/
#map-c #tweet {
	left: 1070px;
	top:360px;
	z-index:20;
}
#map-c a#link_tweet {
	display:block;
	width:100px;
	height:100px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_tweet:hover {
background: url(../images/tweet.gif) no-repeat;
height: 298px;
width: 325px;
	left:-143px;
	top:-139px;
}
/*---Secret Raindrop Room---*/
#map-c #raindrop {
	left: 230px;
	top: 170px;
	z-index:20;
}
#map-c a#link_secret {
	display: block;
	width: 80px;
	height: 80px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_secret:hover {
background: url(../images/raindrop_hover.jpg) no-repeat;
height: 200px;
width: 350px;
	left: -229px;
	top: -99px;
}
/*---Opium Den---*/
#map-c #opium {
	left: 500px;
	top: 180px;
	z-index:20;
}
#map-c a#link_den {
	display: block;
	width: 80px;
	height: 80px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_den:hover {
background: url(../images/opium_hover.jpg) no-repeat;
height: 200px;
width: 330px;
	left: -44px;
	top: -91px;
}
/*---Pencil-Vania---*/
#map-c #pencil {
	left: 410px;
	top: 280px;
	z-index:20;
}
#map-c a#link_vania {
	display: block;
	width: 80px;
	height: 80px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_vania:hover {
background: url(../images/pencil_hover.jpg) no-repeat;
height: 190px;
width: 320px;
	left: -137px;
	top: -86px;
}
/*---The Boudoir---*/
#map-c #boudoir {
	left: 260px;
	top: 270px;
	z-index:20;
}
#map-c a#link_bedroom {
	display: block;
	width: 80px;
	height: 150px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_bedroom:hover {
background: url(../images/boudoir_hover.jpg) no-repeat;
height: 240px;
width: 330px;
	left: -206px;
	top: -12px;
}
/*---The Powder Room---*/
#map-c #powder {
	left: 440px;
	top: 450px;
	z-index:20;
}
#map-c a#link_toilet {
	display: block;
	width: 80px;
	height: 80px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_toilet:hover {
background: url(../images/powder_hover.jpg) no-repeat;
height: 200px;
width: 320px;
	left: -121px;
	top: -70px;
}
/*---The Study---*/
#map-c #study {
	left: 530px;
	top: 350px;
	z-index:20;
}
#map-c a#link_workroom {
	display: block;
	width: 80px;
	height: 100px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_workroom:hover {
background: url(../images/study_hover.jpg) no-repeat;
height: 220px;
width: 325px;
	left: -70px;
	top: -74px;
}
/*---The Haunted Parlour---*/
#map-c #haunted {
	left: 310px;
	top: 515px;
	z-index:20;
}
#map-c a#link_parlour {
	display: block;
	width: 80px;
	height: 140px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_parlour:hover {
background: url(../images/parlour_hover.jpg) no-repeat;
height: 210px;
width: 320px;
	left: -183px;
	top: -38px;
}
/*---Kountry Kitschen--*/
#map-c #kitschen {
	left: 490px;
	top: 650px;
	z-index:20;
}
#map-c a#link_kountry {
	display: block;
	width: 80px;
	height: 80px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_kountry:hover {
background: url(../images/kitschen_hover.jpg) no-repeat;
height: 195px;
width: 320px;
	left: -97px;
	top: -87px;
}
/*---Gaudi Submarine---*/
#map-c #gaudi {
	left: 690px;
	top: 700px;
	z-index:20;
}
#map-c a#link_submarine {
	display: block;
	width: 80px;
	height: 80px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_submarine:hover {
background: url(../images/gaudi_hover.jpg) no-repeat;
height: 200px;
width: 320px;
	left: -32px;
	top: -62px;
}
/*---The Garden---*/
#map-c #garden {
	left: 80px;
	top: 460px;
	z-index:20;
}
#map-c a#link_growing {
	display: block;
	width: 130px;
	height: 130px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_growing:hover  {
background: url(../images/garden_hover.jpg) no-repeat;
height: 281px;
width: 275px;
	left: -64px;
	top: -56px;
}
/*---Mushrooms---*/
#map-c #mushroom {
	left: 30px;
	top: 660px;
	z-index:20;
}
#map-c a#link_glowing {
	display: block;
	width: 130px;
	height: 130px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_glowing:hover {
background: url(../images/mushroom_hover.jpg) no-repeat;
height: 230px;
width: 200px;
	left: -29px;
	top: -59px;
}
/*---Contact link---*/
#map-c #mailbox {
	left: 900px;
	top: 550px;
	z-index:20;
}
#map-c a#link_mail {
	display: block;
	width: 130px;
	height: 130px;
	text-decoration:none;
	z-index:20;
}
#map-c a#link_mail:hover {
background: url(../images/mailbox_hover.jpg) no-repeat;
height: 323px;
width: 300px;
	left: -91px;
	top: -36px;
}