@charset "utf-8";
/* CSS Document */

dd{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;

}
dd img{
padding-bottom:20px;
}
dd b{
font-size:1.2em;
margin-bottom:-20px;
text-transform:uppercase;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#8b0b04;
padding-bottom:10px;
}

#body-content-method-web-1{
display:block;
width: 500px;
height:200px;
padding: 0px;	
margin: 0px; 
float: left;
background:url(../assets/gfx-method-interactive-1.jpg) no-repeat top left ; 
}

#body-content-method-web-1b{
display:block;
width: 200px;
height:200px;
padding: 0px;	
margin: 0px; 
float: left;
background:url(../assets/gfx-method-interactive-1.jpg) no-repeat top right ;
}

a#method-web-1-1 {  
padding-top:0px; 
overflow:hidden; 
left:38px; 
top:55px;
color: #666666;
}

a#method-web-1-2 {  
padding-top:0px; 
overflow:hidden; 
left:225px; 
top:-80px;
color: #666666;  
}

a#method-web-1-3 {  
padding-top:0px; 
overflow:hidden; 
left:325px; 
top:-80px;
color: #666666;  
}
a#method-web-1-4 {  
padding-top:0px; 
overflow:hidden; 
left:30px; 
top:8px;
color: #666666;  
}
a#method-web-1-5 {  
padding-top:0px; 
overflow:hidden; 
left:73px; 
top:40px;
color: #666666;  
}


#body-content-method-web-2{
display:block;
width: 500px;
height:200px;
padding: 0px ;	
margin: 0px; 
float: left;
background:url(../assets/gfx-method-interactive-2.jpg) no-repeat top left; 

}
#body-content-method-web-2b{
display:block;
width: 200px;
height:200px;
padding: 0px ;	
margin: 0px; 
float: left;
background:url(../assets/gfx-method-interactive-2.jpg) no-repeat top right ; 
}
a#method-web-2-1 {  
padding-top:0px; 
overflow:hidden; 
left:-12px; 
top:35px;
color: #666666;  
}
a#method-web-2-2 {  
padding-top:0px; 
overflow:hidden; 
left:90px; 
top:35px;
color: #666666;  
}
a#method-web-2-3 {  
padding-top:0px; 
overflow:hidden; 
left:316px; 
top:-100px;
color: #666666;  
}
a#method-web-2-4 {  
padding-top:0px; 
overflow:hidden; 
left:25px; 
top:100px;
color: #666666;  
}
a#method-web-2-5 {  
padding-top:0px; 
overflow:hidden; 
left:85px; 
top:-80px;
color: #666666;  
}

#body-content-method-web-3{
display:block;
width: 500px;
height:200px;
padding: 0px ;	
margin: 0px; 
float: left;
background:url(../assets/gfx-method-interactive-3.jpg) no-repeat top left ; 
}
#body-content-method-web-3b{
display:block;
width: 200px;
height:200px;
padding: 0px ;	
margin: 0px; 
float: left;
background:url(../assets/gfx-method-interactive-3.jpg) no-repeat top right ;
background-position:right;
}
a#method-web-3-1 {  
padding-top:0px; 
overflow:hidden; 
left:120px; 
top:50px;
color: #666666;  
}
a#method-web-3-2 {  
padding-top:0px; 
overflow:hidden; 
left:286px; 
top:-70px;
color: #666666;  
}
a#method-web-3-3 {  
padding-top:0px; 
overflow:hidden; 
left:394px; 
top:-40px;
color: #666666;  
}
a#method-web-3-4 {  
padding-top:0px; 
overflow:hidden; 
left:67px; 
top:2px;
color: #666666;  
}
#body-content-method-web-4{
display:block;
width: 702px;
height:400px;
padding: 0px ;	
margin: 0px; 
float: left;
background:url(../assets/gfx-method-interactive-4.jpg) no-repeat top left ; 
top:0px; 
}

/*---------------------------------------------------------------------------------------------------*/

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 20px;
left: -1000px;
border: 1px solid #CCCCCC;
visibility: hidden;
text-decoration: none;
width:350px;
float:left;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding-left: 20px;
float:right;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 62px; /*position where enlarged image should offset horizontally */
}
.thumbnail-right{
position: relative;
z-index: 0;
}
.thumbnail-right:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail-right span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 20px;
left: -1000px;
border: 1px solid #CCCCCC;
visibility: hidden;
text-decoration: none;
width:350px;
float:left;
}
.thumbnail-right span img{ /*CSS for enlarged image*/
border-width: 0;
padding-left: 20px;
float:right;
}
.thumbnail-right:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -395px; /*position where enlarged image should offset horizontally */
}