﻿body {
    color: white;
    background-color:#222;
}
/******************/
/* Main Layout       */
/******************/
#wrapper, #FC_OuterContainer{
	min-height:100%;
	position:relative;
}

/******************/
/* Header       */
/******************/
.header {
    background-color:black;
	background: rgba(0, 0, 0, 0.7) !important;
	border-bottom:solid 1px #333;
    width:98%;
	padding-left:1%;
	padding-right:1%;
	display:inline-block;
	position:fixed;
	z-index:1000;
}
.logo {
    max-width: 220px;
	margin:10px 10px 0px 0px;
    float: left;
}
.logo img {
    max-width: 100%;
}
.HeadArea
{
	float:right;}
.headtext 
{
    float:right;
	margin-top:20px;
}
.headtext .Phonetext
{
	font:1.4em Arial, Helvetica, Verdana, sans-serif;
	color:white;
	text-decoration:none;
}
.headtext img
{
	float:left;
	margin-right:10px;
}
.MobileLinks
{
	display:none;}
.headerlinks 
{
	float:right;
	margin-top:15px;
	margin-right:15px;
}
.headerlinks a
{
	filter:alpha(opacity=70);
	opacity:0.7; 
}
.headerlinks a:hover
{
	filter:alpha(opacity=100);
	opacity:1.0; 
}
/******************/
/* Menu   
----------*/
.RadMenuPopup
{
	z-index:5000 !important;
}
.header .RadMenu {
    float:none;
	display:inline-block;
	margin-top:20px;
	margin-left:30px;
    white-space: normal;
}

.RadMenu_MetroTouch .rmRootGroup{
	background:transparent !important;
	border:none !important;
	color:white !important;
	}
.RadMenu_MetroTouch{
	font-family:Arial,Helvetica,sans-serif !important;
	}
.rmDisabled {
	color:#999 !important;
}
.RadMenu_MetroTouch .rmRootGroup .rmRootLink:hover,
.RadMenu_MetroTouch .rmRootGroup .rmSelected>.rmRootLink,
.RadMenu_MetroTouch .rmRootGroup .rmExpanded>.rmRootLink{	
	background-color: transparent !important;
	color:#E0272A !important;
	}
.RadMenu_MetroTouch .rmRootGroup .rmFocused>.rmLink {
 border-color:#E0272A !important;
 box-shadow:inset 0 0 5px #B30000 !important;
}
.RadMenu_MetroTouch .rmRootGroup .rmItem 
{
	border-color: #333 !important;
	}
.header .RadMenu .rmSlide{
    white-space: nowrap;
}
.rmLast{
	border:none !important;
}
/******************/
/* body       */
/******************/
#wrapper .ContentArea, #FC_OuterContainer .ContentArea
{
	padding-top:70px;
	width:100%;
	padding-bottom:220px;
	}
#wrapper .ContentCenter, #FC_OuterContainer .ContentCenter
{
	width:94%;
	margin-left:3%;
	max-width:1200px;
	margin:0px auto;
	}
#wrapper .ContentTop
{
	width:98%;
	margin-left:1%;
	}
/******************/
/* Footer      */
/******************/
.toplink {
    position: fixed;
    z-index: 1000;
    left: 10px;
    bottom: 10px;
    cursor: pointer;
    background-color: #ebebeb;
    text-align: center;
    padding: 5px 15px 5px 15px;
    color: red !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.footer
{
	display:inline-block;
	color:white;
	width: 100%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#333;
	position:absolute;
	bottom:0;
	left:0;
}

#FooterContainer h5
{
	color:white;
	margin:0px;
	}
#FooterContainer
{
	width:98%;
	padding-left:1%;display:table;
	max-width:1200px;
	margin:0px auto;
	border-bottom:solid 1px #999;
	color:white;
	}
#FooterContainer .Inner
{
	display:table-cell;
	width:30%;
	margin:1%;
	text-align:center;
	}

#FooterContainer a
{
	color:white;
	}
.links a
{
	display:inline-block;
	margin:1%;
	filter:alpha(opacity=100);
	opacity:1.0; 
}
.links a:hover
{
	filter:alpha(opacity=50);
	opacity:0.5; 
}
.print
{
    cursor:pointer;
    }
#FooterLinks
{
	text-align:center;
	color:#999;
	font-size:smaller;
	}
#FooterLinks a
{
	color:#999;
	}

/******************/
/* Homepage     */
/******************/
.Masthead{
	position:relative;
	display:block;
	height:80vh;
	width:100%;
	overflow:hidden;
	background-image: linear-gradient(transparent 70%, #222);
	margin-bottom:-80px;
	margin-top:-120px;
}
.video-background {
	position:absolute;
  top: 0; right: 0; bottom: 0; left: 0;
	overflow: hidden;
	display:block;
  z-index: -50;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
	height:100%;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;  }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
.Homearticle{
	float:left;
	margin-top:15%;	
	margin-left:10%;	
	background: rgba(0, 0, 0, 0.4);
	padding:5px 40px;
}

.Mobile .video-foreground,
.Mobile .video-background iframe{
	display: none;
}
.Mobile{
	background: url(//cdn3.firecrestsystems.com/FC_ETech/Images/MastImage3.jpg) no-repeat bottom center ;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
.Bottom{
	display:inline-block;
}
.Tileholder{
	float: left;
	width:60%;
}
.feed{;
	float: left;
	width:40%;
}