﻿/***** Start Hero *****/
#hero {
height:100%;
position:relative;
background-color:transparent !important;
}
#hero-slider{height:415px;}
#hero .slide {
height:415px;
padding:0 20px 0;
width:920px;
display:none;
background-color:transparent !important;
}

#hero .slide .slideMedia > div {
    position: absolute!important;
    top: 0;
    left: 0;
    margin: 0;
    height: 489px!important;
    width: 100%;
    display: none;
}

#hero .nav {
 	bottom: 20px;
    height:15px;
    padding: 10px 25px 10px 10px;
    position: absolute;
    right:0px;
    z-index: 50;
}
#hero .nav a {
	background-color:#FFF ;
 	display: block;
    float: left;
    height: 15px;
    width: 15px;
	border-radius:2px;
	line-height:15px;
    overflow: hidden;
    position: relative;
    z-index: 10;
	text-decoration:none;
	text-align:center;
	font-size:9px;
	color:#FFF;
	margin-left:5px !important;
	
}
#hero .nav a:hover{
	background-color:#E5E9EA;
	color:#E5E9EA;
}
#hero .nav a.activeSlide {
background-color:#D01F1F;
color:#D01F1F;
background-position:0 -8px;
}
#hero .nav a:first-child{margin-left:0 !important;}

#hero h1 {
	display:none;
color:#0878bf;
font-size:1.7em;
margin-bottom:.5em;
}
/* Video Styles */

.slideMedia > div{
	float: right;
    margin-right: 6px;
    margin-top: 40px;
}

#hero p {
    line-height: 1.2;
}
/****************************BEGIN: DO NOT DELETE AND KEEP CODE COMMENTED OUT****************
The styles below are for each of the slides on the hompage. They have been added to RTF Editor to allow the client to view/edit the styles inline. 


/*one*/
/*.slide-one-head{
	font-size:27px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;	
	line-height:27px;
	padding:27px 0 30px 0 !important;
}
.slide-one-intro{
	font-size:16px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;	
	line-height:16px;
	padding:0 0 5px 0 !important;
}
.slide-one-desc{
	border-bottom: 1px solid #FF0000;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 10px !important;
	width:322px
}
.slide-one-sub-desc{
	color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 23px;
    padding-top: 15px !important;;
}
.slide-one-link{
	background-color: #D01F1F;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 12px !important;
    text-align: center;
    text-decoration: none !important;
    width: 115px;
}

a.slide-one-link:hover{
	color:#000 !important;
	background-color:#FFF;	
}*/

/*two*//*
.slide-two-head{
	color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 40px;
    padding: 15px 0 2px 22px !important;
}
.slide-two-sub-head{
	font-size:30px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;	
}
.slide-two-desc{
	color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    line-height: 25px !important;
    padding: 15px 0 0 22px !important;
}
.slide-two-link{
	background-color: #D01F1F;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 12px !important;
    text-align: center;
    text-decoration: none !important;
    width: 115px;
	margin:40px 0 0 22px;
}

a.slide-two-link:hover{
	color:#000 !important;
	background-color:#FFF;	
}
*/
/*three*//*
.slide-three{
	float:right;
	margin-right:30px;
}
.slide-three-head{
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 27px;
    line-height: 27px;
    padding:30px 0 !important;
    text-align: center;
    text-shadow: 3px 3px 2px #000000;
}
.slide-three-sub-head{
	color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 49px;
    line-height: 49px;
    padding-top: 15px;
    text-shadow: 4px 3px 1px #000000;
}
.slide-three-intro{
	color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 40px;
    line-height: 33px;
    padding: 85px 0 16px !important;
    text-align: center;
    text-shadow: 3px 4px 2px #000000;
}
.slide-three-desc{
	color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    padding: 0 0 15px;
    text-align: center;
}
.slide-three-sub-desc{
	color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 21px;
    padding: 0;
    text-align: center;
}
.slide-three-link{
	background-color: #D01F1F;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    display: block;
    font-size: 14px;
	margin: 34px auto 0;
    font-weight: bold;
    padding: 10px 12px !important;
    text-align: center;
    text-decoration: none !important;
    width: 115px;
}

a.slide-three-link:hover{
	color:#000 !important;
	background-color:#FFF;	
}*/
/*four*//*
.slide-four-head{
	color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size:40px;
    line-height: 45px;
    padding:89px 0 0;
    text-align: center;
    text-shadow: 4px 4px 4px #000000;	
}
.slide p.slide-four-sub-head{
	color:#FFF;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;	
}
a.slide-four-link{
	 background-color: #D01F1F;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin:74px auto 0 68px;
    padding: 10px 12px !important;
    text-align: center;
    text-decoration: none !important;
    width: 115px;
}
a.slide-four-link:hover{
	color:#000 !important;
	background-color:#FFF;	
}*/
/****************************END: DO NOT DELETE AND KEEP CODE COMMENTED OUT****************
