/******************************************  
 FOR INTERACTIVE PICTURES
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/

/*Styles for fuzz overlay & message box*/  
 #fuzz{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('fuzz.gif'); display:none; text-align:left; }  
  
   /*Message box, positioned in dead center of browser*/  
   .msgbox{ position:absolute; width:300px; height:200px; z-index:200; border:5px solid #222; background: #FFF; top: 50%; left: 50%; margin-top: -100px; margin-left: -150px; }  
      .msgbox img {border:none; margin:5px;}  
  
      /*The "X" in the upper right corner of msgbox*/  
      .close{ top:0px; float:rightright; }  

/* General More Button */<span style="white-space: pre;"> </span>  
.more{ position:absolute; width:50px; height:50px; background:url('dim.png'); border:1px solid #444; padding:5px; text-align:left; overflow:hidden; }  
.more span{ position:absolute; left:60px; width:160px; padding:15px 0 0 5px; color:#FFF; font:bold 13px Lucida Grande, Arial, sans-serif; text-shadow:#000 1px 1px 0px; }

/* Item Specific More Button */  
#couch{ top:1000px; left:100px;} 

/* General Info Box */  
#infobox{ position:absolute; bottombottom:-200px; left: 350px; height:200px; width:300px; z-index:20; margin:0 0 -100px -150px; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }  
#infobox a, #infobox a:visited{ font:italic 16px Georgia, serif; color:#555; text-decoration:none; }  
#infobox a:hover{ text-decoration:underline; }  
span.close{position:absolute; rightright:5px; top:5px;}  
#fade_bg{ position:absolute; z-index:15; width:100%; height:100%; background:url('http://www.smeharbinger.net/dim.png'); display:none;}  


#picture{ position:relative; top:20px; width:650px; height:466px; margin:0px auto; background:#FFF url('http://www.smeharbinger.net/office.jpg'); overflow:hidden; }
#couch{ top:240px; left:75px;}