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

	/*CSS Reset*/



	


	html, body, .container{
		width: 100%;
		height: 100%;
		min-width: 500px;
		min-height: 500px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		font-family: AmazonEmber, Verdana, Arial, sans-serif;
		font-size:125%;
		color:#202020;
		text-align: center;
	  }
	  .container{
		background-color: #007ced;
		  background: linear-gradient(to bottom, #007ced 1%,#cce7ff 100%);
	  }
	  #cloud-intro{
		position: relative;
		height: 100%;
		background: url(../images/clouds/clouds1000.png);
		background: url(../images/clouds/clouds1000.png) 0 200px,
					url(../images/clouds/clouds1200_1.png) 0 300px,
					url(../images/clouds/clouds1000_blur3.png) 100px 250px;
		  animation: wind 20s linear infinite;
	  }
	  @keyframes wind{
		0% {
		  background-position: 0 200px, 0 300px, 100px 250px;
		}
		100% {
		  background-position: 1000px 200px, 1200px 300px, 1100px 250px;
		}
	  
	  }


	
	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; 
	}
	.white{color:#FFFFFF;}
	a{ color:#FFCC00;}
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	fieldset,img { 
		border:0;
		margin-bottom:10px;
	}
	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: 'AmazonEmber';
		src: url('../fonts/AmazonEmber_W_Rg.eot');
		src: local('AmazonEmber_Rg Regular'), local('AmazonEmber_W_Rg'), url('../fonts/AmazonEmber_W_Rg.woff') format('woff'), url('../fonts/AmazonEmber_Rg.ttf') format('truetype');
	}
	@font-face {
		font-family: 'AmazonEmberBold';
		src: url('../fonts/AmazonEmber_W_Bd.eot');
		src: local('AmazonEmber_W_Bd Bold'), local('AmazonEmber_W_Bd'), url('../fonts/AmazonEmber_W_Bd.woff') format('woff'), url('../fonts/AmazonEmber_Bd.ttf') format('truetype');
	}
			

	/* General styling */
	
	h1 {
		font-family: AmazonEmberBold, "Amazon Ember", Gadget, sans-serif;
		font-size:2em;
	}
	 h2, h3, h4, h5, h6 {
		font-family: AmazonEmberBold, "Amazon Ember", Gadget, sans-serif;
		font-size:1.5em;
	}
	
	 p{
		font-family: AmazonEmber, "Amazon Ember", Gadget, sans-serif;
		font-size:0.7em;
	}
	#wrapper {
		width:1000px;
		margin:0 auto;
		text-align:center;
		padding-top:50px;
		position:relative;
	}
	
	/* Index Card Styling */
	
	ul#index_cards {
		margin-top:50px;
		text-align:center;
	}
	
		ul#index_cards li {
			background:url(../images/card_bg.jpg) repeat;
			height:460px;
			width:250px;
			display:block;
			float:left;
			border:1px solid #666;
			padding:15px 10px;
			position:absolute;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-box-shadow: 2px 2px 10px #000;
			-webkit-box-shadow: 2px 2px 10px #000;
			-moz-transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;
		}
	
	
	
	#card-1 {
		-webkit-transform: rotate(-50deg);
		-moz-transform: rotate(-50deg);
		z-index:1;
		left:20px;
		top:150px;
	}
	
	#card-2 {
		-webkit-transform: rotate(-40deg);
		-moz-transform: rotate(-40deg);
		z-index:2;
		left:80px;
		top:120px;
	}
	
	#card-3 {
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		background-color:#69732B;
		z-index:3;
		left:150px;
		top:90px;
	}
	
	#card-4 {
		-webkit-transform: rotate(-20deg);
		-moz-transform: rotate(-20deg);
		z-index:4;
		left:220px;
		top:75px;
	}
	
	#card-5 {
		-webkit-transform: rotate(-12deg);
		-moz-transform: rotate(-12deg);
		z-index:5;
		left:300px;
		top:60px;
	}
		
	#card-6 {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		z-index:6;
		left:370px;
		top:50px;
	}
	#card-7 {
		-webkit-transform: rotate(12deg);
		-moz-transform: rotate(12deg);
		z-index:5;
		right:300px;
		top:60px;
	}
	
	#card-8 {
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		z-index:4;
		right:220px;
		top:75px;
	}
	
	#card-9 {
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		background-color:#69732B;
		z-index:3;
		right:150px;
		top:90px;
	}
	
	#card-10 {
		-webkit-transform: rotate(40deg);
		-moz-transform: rotate(40deg);
		z-index:2;
		right:80px;
		top:120px;
	}
	
	#card-11 {
		-webkit-transform: rotate(50deg);
		-moz-transform: rotate(50deg);
		z-index:1;
		right:20px;
		top:150px;
	}
	/* Hover States */
	
	ul#index_cards li:hover {
		z-index:40;
		-moz-transform: scale(1.2) rotate(0deg);
   	 	-webkit-transform: scale(1.2) rotate(0deg); 
	}
	



	
	/* Content Styling */
	
			ul#index_cards li img {
				margin-top:7px;
				background:#eee;
				-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;	
			}