/* no changes are needed here */

html {background-color:#cccccc;}
body{ color:#333366;}

.smallBackground {background:url("../images/tileSmall.png") repeat;
  position: fixed;
  width: 100%;
  height: 300%;
  z-index: -2;}
  
.largeBackground {background:url("../images/tileLarge.png") repeat;
  position: fixed;
  width: 100%;
  height: 300%;
  z-index: -1;}
  

.container, .fade {background-color:rgba(255, 255, 255, 0.3);}
.right{float: right; margin:10px;}
.left{float:left;margin:10px;}
.centered{text-align:center;}
.bordered{-moz-border-radius: 10px; 
		border-radius: 15px; border:#006633 solid 3px; box-sizing: border-box;}
.fade {margin:-10px; padding:10px;}

.shiftUP {transition: all 0.2s linear; margin-bottom:25px;}
.shiftUP img {position:relative; margin-bottom:-25px; margin-top:-15px;}
.shiftUP:hover {transform: scale(1.1);}

.view{overflow:hidden; cursor:default; float:left; text-align:center; position:relative; 
		background:none url(../image/projectLogo.jpg) no-repeat center center;}
.view .mask{width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0;}
.view img{display:block; position:relative}
.view h2{text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; padding:10px;
		background:rgba(51, 51, 102,0.8); margin:0 auto;}
.view p{font-family:Georgia, serif; font-style:italic; font-size:12px; position:relative; color:#333366;
		text-align:center;}
.view a.info{display:inline-block; padding:7px 14px; background:#cc99cc; 
		color:#333366; text-transform:uppercase; box-shadow:0 0 1px #000;}
.view-first img { transition: all 0.2s linear;}
.view-first .mask {opacity: 0;background-color: rgba(225,225,225, 0.7); transition: all 0.4s ease-in-out;}
.view-first h2 {transform: translateY(-100px);opacity: 0; transition: all 0.2s ease-in-out;}
.view-first p {transform: translateY(100px);opacity: 0;transition: all 0.2s linear;}
.view-first a.info{opacity: 0;	transition: all 0.2s ease-in-out;}
.view-first:hover img {transform: scale(1.2);} 
.view-first:hover .mask {opacity: 1;}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {opacity: 1;  transform: translateY(0px);}
.view-first:hover p {transition-delay: 0.1s;}
.view-first:hover a.info {transition-delay: 0.2s;}

header {text-align:center; 
		font-family: "Modern No. 20", Helvetica, sans-serif;
		color:#333366;	
		border: solid #333366 3px;
		background-color:#ccffcc;}

article{padding-top:1px;
	padding-left:17px;
	padding-right:17px;
	padding-bottom:1px;
	background-color:rgba(255, 255, 255, 0.8);}
	
article>h1{text-align:center;}

.Column{float:left;}  
article h1{clear:both;}

footer {text-align:center; 
		font-family: 'Pinyon Script', cursive;
		color:#333366;
		font-size:15px;		
		border: solid #333366 3px;
		background-color:#ccffcc;}		
		
.leaves {width:90%; margin-left:4%; margin-bottom:2%}
	
a {color:#333366; text-decoration:none;}

nav .button a{background:url("../images/btnBackground2.png");
	text-decoration:none;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	
	-webkit-transition:ALL 0.6s ease;
	-moz-transition:ALL 0.6s ease;
	-o-transition:ALL 0.6s ease;
	-ms-transition:ALL 0.6s ease;
	transition:ALL 0.6s ease;}
	
nav .button a:hover{background-position:0px 1px; 
	border: solid #cccccc 2px; 
	border-radius:5px;
	color:#cc99cc;}
	
.purp a{color:#cc99cc;}
li {list-style-type:none;}