/*Stylesheet for CSS Image Galleries, Magnify and Interactive Image hover*/


#magnify {position:relative; top:10px; left:10px; width:75px; background-color:#fff; z-index:100;}
#magnify a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border-bottom:medium black solid;}
#magnify a img {border:0;}
#magnify a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#magnify a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#magnify a.p1:hover .large {display:block; position:absolute; top:-5px; left:105px; width:300px; height:300px; border:10px solid #ccc;}

#magnify_container {
	background:transparent url('images/magnify_container_background.jpg');
	border:thin navy solid;
	width:99.95%;
	height:330px;
	
}

.magnify_thumb_box {
	background-color:black;
	width:95px;
	height:330px;
	float:left;
	
}
.ad_mag_large_rect_right{
	width:336px;
	height:320px;
	float:right;
	margin:5px;
	
}

/*Used for photo galleries*/

#loadarea {
	 width:550px;
	 height:450px;
	 float:right;
	 margin:2px;
	 padding:8px 8px 5px 20px;
	 background-color:#333333;
	 color:olive;
}

.loadarea_thumb {
	width:50px;
	height:50px; 
	padding:2px;
	border:thin gray solid;

}

.loadarea_60x600_left{
	width:60px;
	height:600px;
	float:left;
	margin:1px;
	
}

.loadarea_60x600_right{
	width:60px;
	height:600px;
	float:right;
	margin:1px;

}