.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
   }

.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*.header-container {
	text-transform: uppercase;
	padding:30px 0;
	position:fixed;
	z-index:100;
	width:100%;
	height:1em;
	top:0;
	left:0;
	background-color:#000000;
} */

.header .title {
	font-size:1.5em;
	display: inline-block;
	padding:0;
	margin:0 12px 0 0;
	color:#663366;
}

.header p.preorder_btn{
	cursor:pointer;
	display: inline-block;
	font-size:1.4em;
	/*height:16px;*/
	margin:0;
	padding:6px 25px 6px;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	color:#000;
	border:2px solid #993366;
	background:rgba(153,51,102,1);
}

.header p.preorder_btn:hover{
	-moz-transition: all .15s ease-in;
	-o-transition: all .15s ease-in;
	-ms-transition: all .15s ease-in;
	transition: all .15s ease-in;
	border:2px solid #eb4e9d;
	background:rgba(255,102,153,1);
}

.header p.preorder_btn a{
	color:#fff;
	text-decoration: none;
}

/* This parent can be any width and height */
.ghost {
  text-align: center;
  /*border:1px solid green;*/
}

/* The ghost, nudged to maintain perfect centering */
.ghost:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */
.centered {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.hidden{
	display: none;
}

/* These should probably be moved to sections.css - they manage the sections and pair with the tile roll overs */