/* =============================================================================
   Fonts Used
   ========================================================================== */

@font-face {
  font-family: 'Open Sans';
  src: url('<'http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff') format('woff'), /* Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */	   
}

@font-face {
  font-family: 'Lato';
  src: url('http://fonts.googleapis.com/css?family=Lato:300,400,900' rel='stylesheet' type='text/css');
}


@font-face {
  font-family: 'Aleo';
  src: url('/_webfonts/Aleo-BoldItalic-webfont.woff') format('woff')
  
}

@font-face {
  font-family: 'AleoLight';
  src: url('/_webfonts/Aleo-Light-webfont.woff') format('woff')
       url('/-websfonts/Aleo-Light-webfont.svg') format('svg'); /* Legacy iOS */	   
}

li {
	font-family: AleoLight;
	font-size: 16px;
	}

p {
	font-family: Lato;
	font-size: 14px;
	font-weight: 300;
	line-height: 2;
	text-align: justify;
	}

   
h2 {
	font-family: AleoLight;
	font-size: 20px;
	color: rgb(26, 188, 156);
	}
	
h3 {
	font-family: Lato;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	}

h4 {
	font-family: AleoLight;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	line-height: 1.3;
	}




/* =============================================================================
   Everything Else
   ========================================================================== */   
 @charset "UTF-8";
.founder {
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
}


#navtable {
	height:48px;
	}
#navigation li {
	display:inline;
	list-style-type:none;
	color: white;
	}

#navigation a {
	opacity: 0.5;
	text-decoration:none;
	color:rgb(255,255,255);
	} 
	
#navigation a:hover {
	opacity: 1;
	color: rgb(255,255,255);
	text-decoration: underline;
	} 
	
#footertext {
	font-family: 'AleoLight';
	font-size: 15px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	color: rgb(250,250,250);
	opacity: 0.5;
	}

#blurb {
	clear: both;
	float: left;
	width: 80%;
	display:table;
	background: rgb(255,255,255);
	padding: 10% 10% 10% 10%;
}

.blurb p {
   float:left;
   padding-left:10%;
   display:table-cell;
   vertical-align: central;
   text-align: center;	
	}

#wrapper {
	border:none;
	width: 100%;
	height:700px;
	position:absolute;
	background-image:url(_images/splash.jpg);
	background-position: center;
	}
	
#centercolumn {
	text-align:center;
	position: relative;
	top:15%;
	margin-left:auto;
	margin-right:auto;
	width:200px;
}

	
#splashbutton li {
	display:block;
	list-style-type:none;
	}

#splashbutton a {
	font-family: AleoLight;
	font-size: 25px;
	color: white;
	text-decoration: none;
	width: inherit;
	padding: 15px 50px 15px 50px;
	background-color: black;
	opacity: 0.1;
	} 
	
#splashbutton a:hover {
	padding: 15px 50px 15px 50px;
	background-color: rgb(26,188,156);
	color:white;
	opacity: 0.6;
	} 

}