@charset "UTF-8";
/* CSS Document */
 *{
	    	margin:0;
	    	padding:0;
	    }
	    img{
			border: none;
	    }
	    #timages{
	    	width: 100%;
	    	margin: 0px auto;
	    	text-align: center;
	    	margin-bottom: 50px;
		}
		.row{ /*Container for each row of shirts*/
			width: 495px;
			margin: 0px auto;
			clear:both;
		}
		.teebox{
			overflow: hidden; /*Prevents excess of image from showing*/
			position: relative;
	    	margin: 0 10px;
			width: 144px; /*Width and height define thumbnail size*/
			height: 183px;
			float: left;
			clear: right;
			z-index: 0;
		}
		.selected{
			overflow: visible; /*Display part of image that not currently visible*/
			z-index: 10;
		}
		
		.teebox img {
			left:-100px; /*Use this number to center your image when not hovered*/
			position: absolute;
		}
		.teebox a{ /*Area that changes to selected class when hovered over*/
			display:block;
			position: relative;
			float: left;
			left: 100px; /*Use to line up the overlay image*/
			z-index: 1;
		}
		}
	</style>