@charset "utf-8";
	
	/* Index Card Styling */
	
	ul#index_cards {
		margin-top:50px;
		text-align:center;
	}
	
		ul#index_cards li {
			
			height:100px;
			width:200px;
			display:block;
			float:left;
			padding:0;
			position:absolute;
			
		}
	
	
	
	#card-1 {
		-webkit-transform: rotate(-20deg);
		-moz-transform: rotate(-20deg);
		z-index:1;
		left:10px;
		top:40px;
	}
	
	#card-2 {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		z-index:2;
		left:0px;
		top:10px;
        
		width:150px;
       
		
	}
	
	#card-3 {
		z-index:3;
        top:150px;
        width:250px !important;
	}
	
	#card-4 {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		z-index:2;
		
		width:30px;
        right:0px;
		top:10px;
        
	}
	
	#card-5 {
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		z-index:1;
		right:150px;
		top:40px;
	}
	
	/* Hover States */
	
	ul#index_cards li:hover {
		z-index:4;
	}
	
	#card-1:hover {
		-moz-transform: scale(1.1) rotate(-18deg);
   	 	-webkit-transform: scale(1.1) rotate(-18deg); 
	}
		
	#card-2:hover {
		-moz-transform: scale(1.1) rotate(-8deg);
   	 	-webkit-transform: scale(1.1) rotate(-8deg); 
	}
	
	#card-3:hover {
		-moz-transform: scale(1.1) rotate(2deg);
   	 	-webkit-transform: scale(1.1) rotate(2deg); 
	}
	
	#card-4:hover {
		-moz-transform: scale(1.1) rotate(12deg);
   	 	-webkit-transform: scale(1.1) rotate(12deg); 
	}
	
	#card-5:hover {
		-moz-transform: scale(1.1) rotate(22deg);
   	 	-webkit-transform: scale(1.1) rotate(22deg); 
	}
	
	/* Content Styling */
	
			ul#index_cards li img {
				
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-box-shadow: 0px 0px 5px #aaa;
				-webkit-box-shadow: 0px 0px 5px #aaa;
			}
			
			ul#index_cards li p {
				margin-top:4px;
				text-align:left;
				line-height:28px;	
			}