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

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
 
.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}


.Calluna-Regular { 
	font-family: Calluna-Regular;
	font-weight: normal;
	font-style: normal;
}
.Calluna-Bold { 
	font-family: Calluna-Bold;
	font-weight: normal;
	font-style: normal;
}
.Calluna-BoldIt { 
	font-family: Calluna-BoldIt;
	font-weight: normal;
	font-style: normal;
}
.Calluna-It { 
	font-family: Calluna-It;
	font-weight: normal;
	font-style: normal;
}
.Calluna-Semibold { 
	font-family: Calluna-Semibold;
	font-weight: normal;
	font-style: normal;
}
.Calluna-SemiboldIt { 
	font-family: Calluna-SemiboldIt;
	font-weight: normal;
	font-style: normal;
}
.Calluna-Light { 
	font-family: Calluna-Light;
	font-weight: normal;
	font-style: normal;
}
.Calluna-Black { 
	font-family: Calluna-Black;
	font-weight: normal;
	font-style: normal;
}
.Calluna-Sans { 
	font-family: Calluna-Light;
	font-weight: normal;
	font-style: normal;
}

.CallunaSans-Regular { 
	font-family: CallunaSans-Regular;
	font-weight: normal;
	font-style: normal;
}
.PopulaireLight { 
	font-family: PopulaireLight;
	font-weight: normal;
	font-style: normal;
}
.Populaire { 
	font-family: Populaire;
	font-weight: normal;
	font-style: normal;
}


body {
	background-color: #333; 
	color: #FFF2D7;
	}
a {
	text-decoration: none;
	color: #9CC;
	}
a:hover {
	text-decoration: none; 
	color: #C1DFDF;
	}
#wrapper {
	width: 920px; 
	height: 100%; 
	margin: auto; 
	padding: 10px;
	z-index: 10;
	}
h1 {
	font-size: 4em;
	}
#heading {
	width: 920px; 
	text-align: left; 
	font-family: Calluna-It; 
	font-size: 4em; 
	border-top: 5px solid #FFF2D7; 
	margin-top: 10px; padding-top: 10px; 
	padding-bottom: 10px; 
	letter-spacing: 1px; 
	    -moz-font-feature-settings:"liga=1";
	-ms-font-feature-settings:"liga" 1;
	-o-font-feature-settings:"liga" 1;
	-webkit-font-feature-settings:"liga" 1;
	font-feature-settings:"liga" 1;
  }
  
.everythingelse {
	width: 920px; 
	float: left; 
	text-align: left; 
	font-family: Calluna-It; 
	font-size: 1.6em; 
	letter-spacing: 1px; 
	line-height: 1.3em; 
	padding-top: 20px; 
	padding-bottom: 15px;
	}
.columntextleft {
	width: 450px; 
	float: left; 
	text-align: left; 
	font-family: CallunaSans-Regular; 
	font-size: 1em; 
	letter-spacing: 1px; 
	line-height: 1.5em; 
	padding-right: 5px; 
	}
.columntextright {
	width: 450px; 
	float: right; 
	text-align: left; 
	font-family: CallunaSans-Regular; 
	font-size: 1em; 
	letter-spacing: 1px; 
	line-height: 1.5em; 
	padding-left: 5px;
	}
#whiteboard {
	width: 920px; 
	height: 250px; 
	padding-top: 155px; 
	float: left; 
	text-align: center; 
	font-family: Populaire; 
	background-color: #FFF2D7; 
	color: #333; 
	font-size: 7em; 
	line-height: 1em;
	}
#footer {
	width: 920px; 
	float: left; 
	text-align: right; 
	font-family: Calluna-Regular; 
	font-size: .9em; 
	letter-spacing: 2px; 
	text-transform: capitalize; 
	margin-top: 20px; 
	padding-top: 10px; 
	border-top: 2px solid #FFF2D7;
	}