/* CSS Document */

#thumbwrap {
	/*margin:75px auto; */
	width:px; height:px;
}
.thumb1 {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
}
.thumb img { 
	border:1px solid #000;
	vertical-align:bottom;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:2;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover span { 
	visibility:visible;
	top:407px; 
	left:24%;
	right:50%;
	}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}




#thumbwrap2 {
	/*margin:75px auto; */
	width:px; height:px;
}
.thumb2 {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
}
.thumb2 img { 
	border:1px solid #000;
	vertical-align:bottom;
}
.thumb2:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:3;
}
.thumb2 span { 
	position:absolute;
	visibility:hidden;
}
.thumb2:hover span { 
	visibility:visible;
	top:37px; 
	left:34%;
	right:20%;
	}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
















/*
#thumbwrap {
	    width: 100%;
    height: 100%;
  position:relative; 
  top: calc(50% - 25px); // half of width
  left: calc(50% - 50px); // half of height

#thumbwrap {
	margin:5px auto;	
	width:px; height:px;

position: absolute;
left: 50%;
margin-left:px;


top: 50%;
margin-top: -295px;
left: 514.5px;
#thumbwrap {
	margin:5px auto;	
	width:px; height:px;

position: absolute;
left: 50%;
margin-left:px;
}

  
.thumb {
	float:left; /* must be floated for same cross browser position of larger image
	position:relative;
	margin-top:;
	margin-left:;
}
.thumb img { 
	border:1px solid #000;
	vertical-align:bottom;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover span { 
	visibility:visible;
	top:37px; left:37px; 
}
/*