/*    Clorox Interactive House Stylesheet for VidaYSalud.com 
 *    Created by: Clorox Interactive Design 2009    
 *    Updated: 10/21/2009
*/


/* !home page*/

#house {
    margin: 15px 0;
}

#house_link {
    font: normal 1.3em Arial, Helvetica, sans-serif;
    font-weight: 800;

}
 

#house a:focus { outline: none; border: none; }
#house a:link, #house a:visited {
    color: #33a5ba; 
    text-decoration: none; 
}    
#house a:hover, #house a:active { 
    color: #fcb436; 
}

#house a img {
    border: none;
    
}

#house a#popup img {
    border: 1px solid #33a5ba;      
} 

/* !overlay */ 

div.overlay { 
    width: 750px; 
    height: 600px;         
    display: none; 
} 
    
div.overlay div.close { 
    background-image: url(images/btn_close.png); 
    position: absolute; 
    right: 5px; 
    top: 5px; 
    cursor: pointer; 
    height: 45px; 
    width: 45px; 
}
    
#interactive_house {
    width: 750px; 
    height: 600px; 
    padding: 20px;
    background-image: url(images/interactive_house.png);
} 

    


/* !interactive house animated bubbles */

.trigger { 
    position: relative; 
}

.tooltip {
    position: absolute;
    display: none;
    width: 260px;
    min-height: 80px;
    margin: 0;
    padding: 0 0 20px 0;
    background-color: white;
}
    
.tooltipInner { 
    padding: 10px 0 0 0; 
}    

.tooltip p {
    width: 240px;
    margin: 0 0 5px 10px;
    font: normal 0.8em Arial, Helvetica, sans-serif;
    color: #0066cc;
}            

/* Button Positioning */
#kidsroomTrigger1 {
    position: absolute;
    top: 135px;
    left: 238px;
    z-index: 120;
}    

#kidsroomTrigger2 {
    position: absolute;
    top: 160px;
    left: 325px;
    z-index: 110;
}    

#kidsroomTrigger3 {
    position: absolute;
    top: 145px;
    left: 400px;
    z-index: 100;
}    
    
#bathroomTrigger1 {
    position: absolute;
    top: 155px;
    left: 490px;
    z-index: 90;
}        
    
#bathroomTrigger2 {
    position: absolute;
    top: 180px;
    left: 560px;
    z-index: 80;
}    

#bathroomTrigger3 {
    position: absolute;
    top: 220px;
    left: 620px;
    z-index: 75;
}        

#kitchenTrigger1 {
    position: absolute;    
    top: 260px;
    left: 50px;
    z-index: 70;
}    
    
#kitchenTrigger2 {
    position: absolute;
    top: 280px;
    left: 170px;
    z-index: 60;
}    
    
#playroomTrigger {
    position: absolute;
    top: 335px;
    left: 260px;
    z-index: 50;
}    

#doorTrigger {
    position: absolute;
    top: 340px;
    left: 390px;
    z-index: 40;
}    


#bottom_text {
    color: #555;
    font: normal 13px Arial, Helvetica, sans-serif;    
    bottom: 20px;
    padding: 0 40px 30px 40px;
    position: absolute;
}