/*-------------------------
Homepage Stylesheet
Jaina Bee
Author: Adrienne Rice Adams
Company: Cloud Islands
URL: http://cloudislands.com 
Created: June 30, 2008
Last Updated: February 1, 2010
--------------------------*/
/*----------------TOC------------------------
1. Fancy Homepage main styles
2. Fancy Homepage Image Map
	2.1 Cottage
	2.2 Ganesha (Artists)
	2.3 Tweet (fancy!)
	2.4 Secret Raindrop Room
	2.5 Opium Den
	2.6 Pencil-Vania
	2.7 The Boudoir
	2.8 The Powder Room
	2.9 The Study
	2.10 The Haunted Parlour
	2.11 Kountry Kitschen
	2.12 Gaudi Submarine
	2.13 The Garden
	2.14 Mushrooms (trippy!)
	2.15 Contact
3. Plain Old-Fashioned Homepage
-------------------------------------------*/

/*----- 1. Fancy Homepage 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;
}
/*----- 2. Fancy Homepage 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;
}
/*----- 2.1 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;
}

/*---- 2.2 Ganesha (Artists) -----*/
#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;
}
/*----- 2.3 Tweet (fancy!)-----*/
#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;
}
/*----- 2.4 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;
}
/*----- 2.5 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;
}
/*----- 2.6 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;
}
/*----- 2.7 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;
}
/*----- 2.8 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;
}
/*----- 2.9 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;
}
/*----- 2.10 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;
}
/*----- 2.11 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;
}
/*----- 2.12 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;
}
/*----- 2.13 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;
}
/*----- 2.14 Mushrooms (trippy!) -----*/
#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;
}
/*----- 2.15 Contact -----*/
#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;
}
/*----- 3. Plain Old-Fashioned Homepage -----*/