.photo-frame
{
	position:absolute;
	
	top:25px;
	height:250px;
	width:130px;
	
	background-color:black;
	border-radius:10px;
	
	image-rendering: optimizeQuality;
	image-rendering: auto;
	
	background-position:center;
	background-repeat:no-repeat;
	background-size:120px 230px;
	
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

/* Left Side Photos -------------------------------------------------------------------- */

#design-photo-id-1, #design-photo-id-2, #design-photo-id-3, #design-photo-id-4, #used-vehicle-photo-id-1  , #used-vehicle-photo-id-2  , #used-vehicle-photo-id-3  , #used-vehicle-photo-id-4 , #compare-photo-id-1, #compare-photo-id-2 
{
	box-shadow: -10px -8px 10px -2px #33333370;
	transform:skewY(-20deg);
	
	border-top:3px solid #999999;
	border-left:3px solid #999999;
	
	border-top-width:thic;
	border-left-width:thic;
	
}

#design-photo-id-1:hover, #design-photo-id-2:hover, #design-photo-id-3:hover, #design-photo-id-4:hover, #used-vehicle-photo-id-1:hover  , #used-vehicle-photo-id-2:hover  , #used-vehicle-photo-id-3:hover  , #used-vehicle-photo-id-4:hover , #compare-photo-id-1:hover , #compare-photo-id-2:hover  
{
	z-index:10;
	
	border: 1px solid #999999;
	box-shadow: 0 0 0 0;
	
	top:10px;
	height:380px;
	width:230px;
	background-size:210px 360px;
}

#design-photo-id-1, #used-vehicle-photo-id-1, #compare-photo-id-1
{
	
	top:35px;
	left:50px;
}

#design-photo-id-2, #used-vehicle-photo-id-2, #compare-photo-id-2
{
	
	top:45px;
	left:125px;
}
#design-photo-id-3, #used-vehicle-photo-id-3
{
	
	top:55px;
	left:200px;
}
#design-photo-id-4, #used-vehicle-photo-id-4 
{
	
	top:65px;
	left:275px;
}

 
/* Right Side Photos ------------------------------------------------------------------- */

#new-vehicle-photo-id-1:hover, #new-vehicle-photo-id-2:hover, #new-vehicle-photo-id-3:hover, #new-vehicle-photo-id-4:hover, #history-photo-id-1:hover , #history-photo-id-2:hover
{
	z-index:10px;
	
	border: 1px solid #999999;
	box-shadow: 0 0 0 0;
	
	top:10px;
	height:380px;
	width:230px;
	background-size:210px 360px;
}

#new-vehicle-photo-id-1, #new-vehicle-photo-id-2, #new-vehicle-photo-id-3, #new-vehicle-photo-id-4, #history-photo-id-1 , #history-photo-id-2
{
	box-shadow: 10px -8px 10px -2px #33333370;
	transform:skewY(20deg);
	
	border-top:3px solid #999999;
	border-right:3px solid #999999;
	
	border-top-width:thic;
	border-right-width:thic;
	
}

#new-vehicle-photo-id-1  
{
	
	top:65px;
	right:275px;
	z-index:9;
}
#new-vehicle-photo-id-2 
{
	
	top:55px;
	right:200px;
	z-index:8;
}
#new-vehicle-photo-id-3 , #history-photo-id-2
{
	
	top:45px;
	right:125px;
	z-index:7;
}
#new-vehicle-photo-id-4 , #history-photo-id-1
{
	
	top:35px;
	right:50px;
	z-index:6;
}