/* ------ Our Photo Animatied Hover Buttons ----- */

#our-resp-photos-wrap {
	height:100px;
	width: 100%;
	
}
#our-resp-photos {
	color:#333333;
	font-size: 0px;
	height: 100px;
	width: px;
	margin: 0 auto;
}


#our-photo1 a {
	float:left;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	width:83px;
	height:82px;
	border:1px solid #AEAEAE;
	margin:10px 0 0 20px;
 
	
}

#our-photo1 a.linkClass { background:url(../images/our-responsibility/images/our-photo1.png) top left; }
#our-photo1 a:hover {background-position:left bottom;}
#our-photo1 a.open {background-position:left bottom !important;}

#our-photo2 a {
	float:left;
	width:83px; 
	height:82px;
	border:1px solid #AEAEAE;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	margin:9px 0 0 20px;
	 	
	
}

#our-photo2 a.linkClass { background:url(../images/our-responsibility/images/our-photo2.png) top left;  }
#our-photo2 a:hover {background-position:-83px -82px;}
#our-photo2 a.open {background-position:-83px -82px; !important;}

#our-photo3 a {
	float:left;
	width:83px; 
	height:82px;
	border:1px solid #AEAEAE;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	margin:8px 0 0 20px;
	 
}

#our-photo3 a.linkClass { background:url(../images/our-responsibility/images/our-photo3.png) top left; }
#our-photo3 a:hover {background-position:left bottom;}
#our-photo3 a.open {background-position:left bottom !important;}

#our-photo4 a {
	float:left;
	width:83px; 
	height:82px;
	border:1px solid #AEAEAE;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	margin:8px 0 0 20px;
	 	
}

#our-photo4 a.linkClass { background:url(../images/our-responsibility/images/our-photo4.png) top left; }
#our-photo4 a:hover {background-position:left bottom;}
#our-photo4 a.open {background-position:left bottom !important;}


/* ------ spencer@imageprodesign.com | We display:none; here so jQuery can make our fade in, show, 
slidIn etc effect work. just unhide if you need to work local (ie display:noneeee; is always a good 
trick to just see what is going on in the page ----- */
#our-photo1 { display:none }
#our-photo2 { display:none }
#our-photo3 { display:none }
#our-photo4 { display:none }