/*
 * Globals
 */
@font-face { font-family: AvantExtLight; font-weight:normal; src: url('font/ITCAvantGardeStd-XLt.otf'); } 
@font-face { font-family: AvantLight; font-weight:medium; src: url('font/ITCAvantGardeStd-Bk.otf'); } 
@font-face { font-family: Avant; font-weight:normal; src: url('font/ITCAvantGardeStd-Md.otf'); } 
@font-face { font-family: Avant; font-weight: bold; src: url('font/ITCAvantGardeStd-Demi.otf'); } 

/* Links */
a,
a:focus,
a:hover {
  color: #F8FAC3;
  
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


.table-wrapper{
    display:table;
    width:100%;
    border-collapse: collapse;
 	border: 5px solid #000000;
    }
    
.table-heading{
     font-weight: bold;
     display:table-row;
     background-color:#C91622;
     text-align: center;
     line-height: 25px;
     font-size: 14px;
     font-family:georgia;
     color:#fff;
     
 }
 .table-row{  
     display:table-row;
 	max-width: 100%;
     text-align: center;
 }
 .table-cell{ 
 	float:left;
 	width: 50%;
 	min-width:540px;
 	border: 5px solid #000000;
 	position:relative;
 }

 .header{ 
	color:#999999;
	width:95%;
	font-family: AvantExtLight;
 	font-size: 36px;
 	position:relative;
    	text-align: left;
 	top:5px; //top:13px; 
 	left:10px;
 	line-height: 60px;
 }

 .bundle{ 
 	//font-weight: bold;
	padding-top: 3px;
	width:100%;
	height: 22px;
 	font-size: 16px;
 	position:relative;
     	text-align: left;
 	top:0px; left:0px;
 }
 .title{ 
 	font-weight: bold;
 	font-size: 60px;
 	position:absolute;
 	top:0px; left:10px;
 	text-shadow: 2px 2px rgba(0,0,0, 0.5);
 }
 .caption{ 
 	font-family: AvantLight;
 	font-size: 28px;
 	position:absolute;
 	top:63px; left:10px;
 	text-shadow: 1px 1px rgba(0,0,0, 0.5);
 }
 .devices{ 
 	font-family: Avant;
 	font-size: 18px;
 	position:absolute;
 	top:103px; left:10px;
 	text-shadow: 1px 1px rgba(0,0,0, 0.5);
 }
 .purchase-narrow{ 
 	position:absolute;
 	bottom:10px; right:20px;
 }
 .purchase-wide{ 
 	position:absolute;
 	top:132px; left:10px;
 }

.footer{
	height:20px; 
	position:relative;
	font-color:#666666;
	top:-10px;
}

.text-links{
  margin-left: auto;
  margin-right: auto;	
  font-size:15px;
}

html,
body {
  height: 100%;
  background-color: #000000;
}
body {
  color: #fff;
  text-align: center;
	font-family:Avant;
}

.mastfoot {
 color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}



/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-left: auto;
  margin-right: auto;
}

.top {
  width: 100%;
  display: table-row;
  vertical-align: bottom;
}


.topCell:hover {
	
	 cursor: pointer; 
	 cursor: hand;
	
}


.logo {
	
	 cursor: pointer; 
	 cursor: hand;
	
}


.titleCell {
  display: table-cell;
  vertical-align: bottom;
	  
	 
}
.bottom {
  width: 100%;
  display: table-row;
  vertical-align: middle;
}
.bottomInner {
}
/* Padding for spacing */
.inner {
  padding: 0px;
}


::-webkit-input-placeholder { /* WebKit browsers */
    color:    #666666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666666;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666666;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #666666;
}

.textfield {
	width: 285px;
	height:40px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 30px;
	outline:0px;
	border: none;
	font-size: 22px;
	font-weight: normal;
	color: #333333;
	background-color: #FFF;
	border-color: #FFF;
	margin-right:10px;
	padding-left: 15px;
}


.subscribe {
	background-color:#F8F9C5;
	-webkit-border-top-left-radius:24px;
	-moz-border-radius-topleft:24px;
	border-top-left-radius:24px;
	-webkit-border-top-right-radius:24px;
	-moz-border-radius-topright:24px;
	border-top-right-radius:24px;
	-webkit-border-bottom-right-radius:24px;
	-moz-border-radius-bottomright:24px;
	border-bottom-right-radius:24px;
	-webkit-border-bottom-left-radius:24px;
	-moz-border-radius-bottomleft:24px;
	border-bottom-left-radius:24px;
	text-indent:0;
	border:0px solid #dcdcdc;
	display:inline-block;
	color:#000000;
	font-size:22px;
	font-family: BrandonMed;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:30px;
	width:106px;
	text-decoration:none;
	text-align:center;
}
.subscribe:hover {
	background:#FFFFFF;
}.subscribe:active {
	position:relative;
	top:1px;
	border: none;
	outline: none;
}
/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}


/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: normal;
}


/*
 * Footer
 */


/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
.site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}