.centered {
width: 640;
height: 240;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -320px;
}


.centeredAbout {

width: 640px;
  display: block;
  margin-left: auto;
  margin-right: auto;}


.navig-bar{float:right;}
    .navig-bar ul{list-style: none;text-align: right;  }
        .navig-bar ul li{display: inline-block; padding: 10px; margin-top: 15px;}
        

/* #Links
================================================== */
	a, a:visited { color: #666; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }
	
	
	/* #Basic Styles
================================================== */
	body {
	   height:100%;
	   
		background: #fff;
		font: 18px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		padding-bottom:60px;
 }


  	.blurb2{margin-top:15px; padding-bottom: 50px; padding-top: 2px; text-align:center; color:black; width: 640px;}
    .blurbAbout{padding-bottom: 50px; padding-top: 220px; text-align:center; color:black; width: 100%; font-size: smaller}

      
    .button, .button:visited{color: white;
padding:15px 35px; background:#000; border:0 none; cursor:pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
font-family: arial;
font-size: 18px;
text-decoration: none;
-webkit-appearance: none;}

.button:hover, .button:focus {background:#000; color: #ccc;}

header { width: 100%; }

#logo { float: left; padding: 0px; margin-top: 5px}
#menu { float: right; }


.footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   text-align: center;
   font-size:14px;
   color: #ccc
}