@charset "UTF-8";
/* CSS Document */

header, section, footer, aside, nav, article, figure, figcaption {
        display: block;}


/* ----------------------- nav ----------------------------- */

#nav_container{
	height: auto;
	width: 100%;
	white-space: nowrap;
	text-wrap: none;
	}


nav{
	min-width: 200px;
	min-height: 70px;
	margin: auto;
	padding: auto;
	background: rgba(40,51,86,1.00);
	white-space: nowrap;
	text-wrap: none;
}

nav ul{
	font-size: 15px;
	font-family: 'cantarellregular';
	list-style: none;
	background: rgba(40,51,86,1.00);
	float: right;
}


nav ul li{
	display: block;
	position: relative;
	float: right;
	padding-right: auto;
}

nav li ul{
	display: none;
}

nav ul li a{
	display: block;
	text-decoration: none;
	padding: 12px 35px 3px 15px;
	color: rgba(255,255,255,1.00);
	margin-left: 1px;
	padding-left: 15px;
	height: 30px;
	width: 100px;
	text-align: center;
}

nav ul li a:hover{
	background: rgba(168,181,188,1.00);
}

/* ----------------------- header ----------------------------- */

#main_header{
	/* 1140 px*/
	color: rgba(255,255,255,1.00);
	min-height: 400px;
	background-image: url(../images/img2_1000.png);
	background-size: 100% auto;
	background-repeat: no-repeat no-repeat;
	padding-top: 20px; 
	}

#header_container{
	height: 300px;
	background: rgba(40,51,86,1.00);
	}
	
.header_text{
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 50px;
	text-align: center;
	background: rgba(160,104,105,0.00);
	width: 100%;
	}

/* ----------------------- body ----------------------------- */

body{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	}

#main_content{
	width: 100%;
}

#featuregroup1{
	background: rgba(255,255,255,1.00);
	background-repeat: no-repeat no-repeat;
	border-top: rgba(255,255,255,1.00) solid 10px;
	min-height: 400px;
	text-align: center;
}

#featuregroup2{
	background: rgba(168,181,188,1.00);
	background-repeat: no-repeat no-repeat;
	border-top: rgba(255,255,255,1.00) solid 10px;
	min-height: 400px;
	padding-bottom: 0px;
	text-align: center;
}

#featuregroup3{
	background: rgba(30,58,188,0.00);
	background-repeat: no-repeat no-repeat;
	border-top: rgba(255,255,255,1.00) solid 10px;
	min-height: 300px;
	text-align: center;
}

.feature1{
	max-width: 450px;
	float: right;
	background: rgba(12,71,61,0.00);
	margin: 20px 10px;
	}
	
.feature2{
	width: 300px;
	float: right;
	background: rgba(12,71,61,1.00);
	}
	
.feature3{
	width: 100% auto;
	background: rgba(12,71,61,0.00);
	padding: 0px;
	margin-right: 60px;
	}

.clearfloats {clear:both;}

/* ----------------------- footer ----------------------------- */

#footercontainer{
	width: 100%;
	background: rgba(40,51,86,0.00);
	border-top: rgba(255,255,255,1.00) solid 2px;
	min-height: 150px;
	margin-top: 10px;
	}

#widgets{
	background: rgba(69,113,144,0.00);
	min-width: 100px;
	color: rgba(255,255,255,1.00);
}

.thankyou{
	padding-top: 10px;
	background: url(../images/thankyou.png);
	background-repeat: no-repeat no-repeat;
	height: 200px;
	background-size: 100% auto;
	text-decoration: none;
}

.thankyou a{
	text-decoration: none;
}

.thankyoubox{
	text-decoration: none;
	color: rgba(0,0,0,1.00);
	height: 30px;
	width: 100%;
	text-align: center;
	}
	
form table{
	background: rgba(40,51,86,1.00);
	color: rgba(255,255,255,1.00);
	padding-bottom: 45px;
	padding-left: 50px;
}

/*======================== font styles ========================*/

h1{
	font-family: 'cantarellregular';
	font-size: 40px;
}

h2{
	font-family: 'cantarellbold';
	font-size: 75px;
}

h3{
	font-family: 'cantarellbold';
	font-size: 30px;
}

h4{
	font-family: 'cantarellregular';
	font-size: 20px;
}


p{ 
	font-family: 'cantarellregular';
	font-size: 15px;
}


.iconstyle{
		color: rgba(255,255,255,1.00);
		font-size: 35px;
		opacity: 1;
		transition: opacity 0.1s ease-in-out 0s;
		text-align: center;
		width: 100%;
	}
	
.iconstyle a{
		color: rgba(40,51,86,1.00);
		font-size: 35px;
		opacity: 1;
		transition: opacity 0.1s ease-in-out 0s;
		text-align: center;
		padding-bottom: 5px;
	}
	
	.socials{
		color: rgba(255,255,255,1.00);
		opacity: 1;
		transition: opacity 0.25s ease-in-out;
		-mos-transition:  opacity 0.25s ease-in-out;
		-webkit-transition:  opacity 0.25s ease-in-out;
	}
	
.socials:hover{opacity: 0.25;}





/*======================== ghost button ========================*/




.ghost-button-thick-border {
  display: inline-block;
  width: 200px;
  font-weight: bold;
  padding: 8px;
  color: rgba(168,181,188,1.00);
  border: 3px solid rgba(168,181,188,1.00);
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
  font-family: 'cantarellregular';
  font-size: 15px;
}

.ghost-button-thick-border:hover,
.ghost-button-thick-border:active {
  background-color: rgba(168,181,188,1.00);
  color: rgba(255,255,255,1.00);
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}