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

/*
This CSS file belongs to - contact-page.html and it's by Eric Miner and The Miner Bits - eric@minerbits.com
*/
/* Media Query Examples - 
@media only screen and (min-width: 801px) and (max-width: 1050px) {
	.intro {width: 60%;}}
@media only screen and (min-width: 1051px) and (max-width: 1299px) {
	.intro {width: 48%;}}
@media only screen and (min-width: 1300px) and (max-width: 1460px) {
	.intro {width: 45%;}}
@media only screen and (min-width: 1451px) and (max-width: 1681px) {
	.intro {width: 37%;}}
*/
/* =============================================================================
Begin THE TOP OF THE TREE
   ========================================================================== */
html {
	font-size: 16px; 
	background-image: url(../images/front/big-FGB-bg-2.png); 
	/*background: url(../images/small-pages/Offical-GREY-A.png) no-repeat center center fixed;*/
	background-size: cover;}
* {-moz-box-sizing: border-box; box-sizing: border-box;}
 
 body {
	 margin: 0 auto;
	 padding: 0;
	 position: relative;}
 #container {
	 margin: 0 auto;
	 position: relative;}
img {max-width: 100%;}
h1 {
	font-size: 96px;
	font-size: 6rem;
	margin: 3rem 0 0 4rem;
	text-align: left;}
@media only screen and (min-width: 801px) and (max-width: 1050px) {h1 {font-size: 56px; font-size: 3.5rem; margin-left: 1rem;}}

@media only screen and (min-width: 1451px) and (max-width: 1681px) {h1 {font-size: 80px; font-size: 5rem;}}
h2 {
	font-size: 48px;
	font-size: 3rem; 
	text-align: left;
	margin: 0 0 1rem 6rem;}
@media only screen and (min-width: 801px) and (max-width: 1050px) {h2 {font-size: 40px; font-size: 2.5rem; margin-left: 4rem;}}
h3 {
	font-size: 24px;
	font-size: 1.5rem; 
	text-align: center; 
	font-variant: small-caps;
	margin: 0 0 3rem 0;}	 
img {
	position: relative;
	left: 50%;
	margin-top: 4rem;}
li {
	display: inline-block;
	margin-right: 2rem;}
.hide li {display: none;}
form ul {
	width: 60%;
	margin: 0 0 0 -18rem;}
@media only screen and (min-width: 801px) and (max-width: 1460px) {form ul {margin-left: -5.5rem;}}
@media only screen and (min-width: 1679px) and (max-width: 1700px) {form ul {width: 70%;}}
input.large, select.large {width: 100%;}
.talk-name {
	width: 60%;
	text-align: center;
	margin: 0 auto;}
.talk-message {
	margin: 0 auto;
	margin-left: 6rem;}
label.desc, legend.desc {text-align: left;}
@media screen and (max-width: 1441px) {label.desc, legend.desc {width: 120%;}}	
.email-address {
	position: relative;
	left: 1px;}
.fields-container {
	width: 64%;
	position: relative;
	margin: 0 auto;}
@media screen and (max-width: 1441px) {.fields-container {width: 100%;}}
.instruct {
	border-radius: 4px;
	text-align: left;}
@media screen and (max-width: 1441px) {form .instruct {width: 65%;}}
form .instruct {
    left: 0;
    top: -3.25rem;
    width: 65%;}	
input.text, input.search, textarea.textarea {border: none;}
/* =============================================================================
Begin PAGE HEADER
   ========================================================================== */
.header-grey {
	position: relative;
	padding: 1rem 0;
	font: 700 16px/1 "ff-ernestine-web-pro" ,"garvis-pro", Georgia, "Times New Roman", Times, serif; /*workaround for IE9&10 REM (IE bug id 772679)*/
	font: 700 1rem/1 "ff-ernestine-web-pro" ,"garvis-pro", Georgia, "Times New Roman", Times, serif;
	color: #040404;}
/* =============================================================================
Begin MAIN NAV
   ========================================================================== */
/*.contact-only-nav {
	width: 50%;
	left: -7%;}*/
.main-nav {
	position: absolute;
	font-size: 24px;
	font-size: 1.5rem;
	font-style: italic;
	z-index: 2;
	top: 10%;}
@media only screen and (min-width: 801px) and (max-width: 1064px) {
	.contact-only-nav {/*width: 90%; left: -17%;*/ word-spacing: -2px;}}
@media only screen and (min-width: 1065px) and (max-width: 1299px) {
	.contact-only-nav {width: 70%; left: -9%;}}
@media only screen and (min-width: 1300px) and (max-width: 1450px) {
	.contact-only-nav {width: 60%;}}
@media only screen and (min-width: 1451px) and (max-width: 1681px) {
	.contact-only-nav {left: -11%; width: 60%;}}

/* =============================================================================
Begin MAIN CONTENT
   ========================================================================== */
.grey-filler {
	font: 400 16px/1.5 "ff-ernestine-web-pro" ,"garvis-pro", Georgia, "Times New Roman", Times, serif;
	font: 400 1rem/1.5 "ff-ernestine-web-pro" ,"garvis-pro" , Georgia, "Times New Roman", Times, serif;}
@media screen and (max-width: 1441px) {.grey-filler {padding-bottom: 2rem; padding-top: 1rem;}}
.grey-filler h4 {
	test-align: left;
	font-size: 24px;
	font-size: 1.25rem;
	font-weight: 400;
	font-variant: normal;
	text-align: left;
	margin: 1rem 0 0 0;}
.filler {
	height: 50rem;
	padding-top: 3rem;
	color: #7F7F7F;
	background: #000;}
.filler h2 {
	fint-size: 27px;
	font-size: 1.7rem;
	padding-top: 2rem;}
p {margin: .5rem; padding-left: 25%;}
/* =============================================================================
Begin PAGE FOOTER
   ========================================================================== */
footer {
	padding: 0 0 0 7rem;
	text-align: left;
	olor: #D1E6FF;}
footer a {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	font-style: italic;
	color: CBCBCB;}
footer a:hover {
	color: D6D6D6;
	text-decoration: underline;
	transition: all .8s;} 
/* =============================================================================
Begin EXTRAS! EXTRAS! EXTRAS! 
   ========================================================================== */
/* Andy Clarke's LINKS Treatment with modifications by Eric Miner */
a, a:visited {text-decoration : none;}
a {
	color: #D6D6D6;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;}
a:hover {
	color: #FFF;
	text-decoration: underline;
	transition: all .8s;}
.underline:before {-webkit-transition: all .5s;	transition: all .5s;}
.main-nav a {margin-left: 0; color: #D6D6D6;}
.main-nav a:first-of-type {margin-left: 1rem;}
.main-nav a:hover {
	color: #FFF;
	text-decoration: underline;
	transition: all .8s;}
#emailform {
	width: 32rem;
	padding: 1.25rem;
	margin: -1.25rem auto 0 auto;
   -moz-border-radius: .5rem;
	border-radius: .5rem;}
#emailform h3 {
	text-align:center;
	margin:0 0 10px 0;}
#inputs {width: 95%;}
#inputs label, #inputs input, #inputs textarea, #inputs select {
	display: block;
	width: 18.75rem;
	float: left;
	font: 400 16px/1.5 "garvis-pro", Georgia, "Times New Roman", Times, serif;
	font: 400 1rem/1.5 "garvis-pro" , Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
	border: 1px solid #BCBCBC;
	background: #C9C9C9;
	text-align: center;}
::-webkit-input-placeholder {
   color: rgba(0,0,0,.99);
   font: 400 16px/1.5 "garvis-pro", Georgia, "Times New Roman", Times, serif;
   font: 400 1rem/1.5 "garvis-pro" , Georgia, "Times New Roman", Times, serif;
   margin: 1rem;
   text-align: center;}
:-moz-placeholder { 
   color: rgba(0,0,0,.99);
   font: 400 16px/1.5 "garvis-pro", Georgia, "Times New Roman", Times, serif;
   font: 400 1rem/1.5 "garvis-pro" , Georgia, "Times New Roman", Times, serif;
   margin: 1rem;
   text-align: center;}
::-moz-placeholder {
   color: rgba(0,0,0,.99);
   font: 400 16px/1.5 "garvis-pro", Georgia, "Times New Roman", Times, serif;
   font: 400 1rem/1.5 "garvis-pro" , Georgia, "Times New Roman", Times, serif;
   margin: 1rem;
   text-align: center;}
:-ms-input-placeholder {  
   color: rgba(0,0,0,.99);
   font: 400 16px/1.5 "garvis-pro", Georgia, "Times New Roman", Times, serif;
   font: 400 1rem/1.5 "garvis-pro" , Georgia, "Times New Roman", Times, serif;
   margin: 1rem;
   text-align: center;}
#inputs label {
  text-align: right;
  width: 75px;
  padding-right: 20px;
  font: 400 16px/1.5 "garvis-pro", Georgia, "Times New Roman", Times, serif;
   font: 400 1rem/1.5 "garvis-pro" , Georgia, "Times New Roman", Times, serif;
  margin: 1rem;}
#inputs br {clear: left;}
 .button {
  border: 1px solid #006;
  background: #C9C9C9;
  border: 1px solid #C9C9C9;;
  margin-bottom:5px;
  display:block;
  font: 400 16px/1.5 "garvis-pro" , Georgia, "Times New Roman", Times, serif;
  font: 400 1rem/1.5 "garvis-pro" , Georgia, "Times New Roman", Times, serif;}
#inouts placeholder {color: red;}
#inputs -webkit-input-placeholder {color: red;}
#inputs -moz-input-placeholder {color: red;}
#inputs input-placeholder {color: red;}
.wufoo input.btTxt {color: #FFF; font-weight: 700;}