@charset "utf-8";
/* CSS Document */

	/*CSS Reset*/
	
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
	}
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	fieldset,img { 
		border:0;
	}
	address,caption,cite,code,dfn,em,strong,th,var,small {
		font-style:normal;
		font-weight:normal;
	}
	ol,ul {
		list-style:none;
	}
	caption,th {
		text-align:left;
	}
	h1,h2,h3,h4,h5,h6 {
		font-weight:normal;
	}
	q:before,q:after {
		content:'';
	}
	abbr,acronym { border:0;
	}
	
	/* @font-face definitions */
	
	@font-face {
    font-family: 'Matiz-webfont';
    src: url('fonts/Matiz-webfont.eot');
    src: url('fonts/Matiz-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Matiz-webfont.woff') format('woff'),
url('fonts/Matiz-webfont.ttf') format('truetype'),
url('fonts/Matiz-webfont.svg') format('svg');
}
	@font-face {
    font-family: 'JennaSueRegular';
    src: url('fonts/JennaSue-webfont.eot');
    src: url('fonts/JennaSue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/JennaSue-webfont.woff') format('woff'),
url('fonts/JennaSue-webfont.ttf') format('truetype'),
url('fonts/JennaSue-webfont.svg#JennaSueRegular') format('svg');

}

	/* General styling */
	
	body {
		background:#202020;	
		font-family: 'JennaSueRegular', Verdana, Arial, sans-serif;
		font-size:125%;
		color:#202020;
	}
	
	h1#header {
		font-family: 'Matiz-webfont', Arial Black, Gadget, sans-serif;
		font-size:2em;
		color: rgb( 255,255,255);
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Matiz-webfont', Arial Black, Gadget, sans-serif;
		font-size:1.25em;
	}
	
	#wrapper {
		width:760px;
		margin:0 auto;
		text-align:center;
		padding-top:50px;
	}
	
	/* Index Card Styling */
	
	ul#index_cards {
		margin-top:50px;
		text-align:center;
		margin-bottom:80px;
	}
	
		ul#index_cards li { 
			
			background:url(images/card_bg.jpg) repeat;
			height:450px;
			width:130px;
			display:block;
			float:left;
			padding:25px 10px;
			position:relative;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			-moz-box-shadow: 2px 2px 10px #000;
			-webkit-box-shadow: 2px 2px 10px #000;
			-moz-transition: all 0.3s linear;
			-webkit-transition: all 0.3s linear;
		}
	
	
	
	#card-1 {
		-webkit-transform: rotate(-20deg);
		-moz-transform: rotate(-20deg);
		z-index:1;
		left:150px;
		top:40px;
	}
	
	#card-2 {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		z-index:2;
		left:70px;
		top:10px;
	}
	
	#card-3 {
		background-color:#69732B;
		z-index:3;
	}
	
	#card-4 {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		z-index:4;
		right:70px;
		top:10px;
	}
	
	#card-5 {
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		z-index:5;
		right:150px;
		top:40px;
	}
	
	/* Hover States */
	
	ul#index_cards li:hover {
		z-index:10;
	}
	
	#card-1:hover {
		-moz-transform: scale(1.3) rotate(0deg);
   	 	-webkit-transform: scale(1.3) rotate(0deg); 
	}
		
	#card-2:hover {
		-moz-transform: scale(1.3) rotate(0deg);
   	 	-webkit-transform: scale(1.3) rotate(0deg); 
	}
	
	#card-3:hover {
		-moz-transform: scale(1.3) rotate(0deg);
   	 	-webkit-transform: scale(1.3) rotate(0deg); 
	}
	
	#card-4:hover {
		-moz-transform: scale(1.3) rotate(0deg);
   	 	-webkit-transform: scale(1.3) rotate(0deg); 
	}
	
	#card-5:hover {
		-moz-transform: scale(1.3) rotate(02deg);
   	 	-webkit-transform: scale(1.3) rotate(0deg); 
	}
	
	/* Content Styling */
	
			ul#index_cards li img {
				margin-top:19px;
				margin-bottom: -12px;
				background-color: rgba( 100,100,255, .3);
				-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;
			}
			
/* Spinner */

.spin {
	
-webkit-animation: spin1 5s 1 linear;
-moz-animation: spin1 5s 1 linear;
-o-animation: spin1 5s 1 linear;
-ms-animation: spin1 5s 1linear;
animation: spin1 5s 1 linear;
}

@-webkit-keyframes spin1 {
0% { -webkit-transform: rotate(0deg) scale(.3);}
100% { -webkit-transform: rotate(360deg) scale(1);}
}
@-moz-keyframes spin1 {
0% { -webkit-transform: rotate(0deg) scale(.3);}
100% { -webkit-transform: rotate(360deg) scale(1);}
}
@-o-keyframes spin1 {
0% { -webkit-transform: rotate(0deg) scale(.3);}
100% { -webkit-transform: rotate(360deg) scale(1);}
}
@-ms-keyframes spin1 {
0% { -webkit-transform: rotate(0deg) scale(.3);}
100% { -webkit-transform: rotate(360deg) scale(1);}
}
@-keyframes spin1 {
0% { -webkit-transform: rotate(0deg) scale(.3);}
100% { -webkit-transform: rotate(360deg) scale(1);}
}