/*General Styles*/
html{
	height:100%;
}
body {
	font-family: Helvetica;		
	margin:0 auto;
	min-height:100%;
    position:relative;
	background-color:#333333;
}
h1{	
	color:#cfe4ff;	
}

h2, h3{
	color:#fff;
}

input, textarea{
	padding:10px;
	border-radius:15px;
	border:none;
	outline:none;
	width:100%;
	margin-bottom:10px;
}

* {	
	box-sizing: border-box;
}

p, ul, td
{
  font-size: 18px;
  margin-top:15px;
  color:#fff;
}

.inlineBlock{
	display:inline-block;
}

/*Image/Video Styles*/
.responsive-video {
    position: relative;	
	overflow: hidden;
	z-index:0;	
	
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed,
.responsive-video video{
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:1;
	padding:5px;
	min-height: 400px;
}

video{
	margin-bottom:15px;
	width:100%;
}

img {
	max-width: 100%;	
}

.logo{
	margin-right:25px;	
}

/*Header Styles*/

.header {
	
	margin: 0;    
    min-height:190px;	
	background:url("../images/haire_logo.jpg") no-repeat top left;
	
}
header h1 {
	color:#fff;
	font-size: 3.5em;
	padding-top:30px;
	margin:0;	
}


/*Navigation Styles*/

nav{	
	background-color:#fff;
	padding:15px 10%;	
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;    
	font-weight: bold;
	display:inline-block;
	vertical-align:middle;	
	margin-top:10px;
}

nav ul, nav li, nav li a{
	border-radius:35px;
}

nav li {
    float: left;	
	min-width:160px;
	margin: 1px 10px;
	border:1px solid #dad6d6;
	
}
nav li a {
    display: block;    
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
	color:#333333;	
	
}
nav li a:hover {
    background-color: #f3f1f1;	
	text-decoration: none;
	color:#333333;
}
nav li a:focus {
    background-color: #ddd;	
	text-decoration: none;
}
nav li a.active {
    background-color: #b5262f;
	color: #fff;
	border:1px solid #b5262f;
}

/*Main Styles*/
main {	
	width:80%;
	margin:auto;
	background-color:#333333;
    padding-bottom:60px;   /* Height of the footer (stick footer to bottom) */
}
main a{
	color:#3f90c1;
}
main a:hover {    
	color:#f15430;
}
main a:focus {    
	color:#f15430;
}

.marginTop50{
	margin-top:50px;
}

.marginTop30{
	margin-top:30px;
}

/*Footer Styles*/
footer {
	background-color: #963f45;
	color: white;
	text-align: center;
	padding: 2px;
	clear: both;
	position:absolute;
    bottom:0;
    width:100%;
    height:60px;   /* Height of the footer (stick footer to bottom) */	
}