@font-face {
    font-family: 'acknowledgementregular';
    src: url('fonts/Acknowledgement/ackno-webfont.eot');
    src: url('fonts/Acknowledgement/ackno-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Acknowledgement/ackno-webfont.woff2') format('woff2'),
         url('fonts/Acknowledgement/ackno-webfont.woff') format('woff'),
         url('fonts/Acknowledgement/ackno-webfont.ttf') format('truetype'),
         url('fonts/Acknowledgement/ackno-webfont.svg#acknowledgementregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'dial';
	src:url('fonts/GearQ/dial.eot?nvvwt9');
	src:url('fonts/GearQ/dial.eot?#iefixnvvwt9') format('embedded-opentype'),
		url('fonts/GearQ/dial.woff?nvvwt9') format('woff'),
		url('fonts/GearQ/dial.ttf?nvvwt9') format('truetype'),
		url('fonts/GearQ/dial.svg?nvvwt9#dial') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="dial-"], [class*=" dial-"] {
	font-family: 'dial';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.dial-SasQ:before {
	content: "\e600";
}

.dial-SasQ{
	padding-top:8px;
	font-size:32px;
}

.dial-gear:before {
	content: "\f02f";
}

.dial-gear{
	font-size:.7em;
	color:#09398a;
	line-height:1em;
	padding-left:3em;
	padding-right:.5em;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: inline;
}

@font-face {
	font-family: 'triangle';
	src:url('fonts/Triangle/triangle.eot?pjk06i');
	src:url('fonts/Triangle/triangle.eot?#iefixpjk06i') format('embedded-opentype'),
		url('fonts/Triangle/triangle.woff?pjk06i') format('woff'),
		url('fonts/Triangle/triangle.ttf?pjk06i') format('truetype'),
		url('fonts/Triangle/triangle.svg?pjk06i#triangle') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="triangle-"], [class*=" triangle-"] {
	font-family: 'triangle';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.triangle-align-justify:before {
	content: "\e700";
}
.triangle-playback-play:before {
	content: "\e701";
}
.triangle-cog:before {
	content: "\e702";
}

.triangle-file-pdf:before {
	content: "\e600";
}

.triangle-cog{
	font-size:.7em;
	color:#09398a;
	line-height:1em;
	padding-left:3em;
	padding-right:.5em;
}

.triangle-file-pdf{
	clear:left;
	float:left;
	color:#000;
	margin-right:5px;
}

.triangle-playback-play{
	color:#000;
	margin-left:6px;
	float:left;
}

body{
	background-color:#b4b2b2;
}

a {
	text-decoration:none
}


#wrapper{
	position:relative;
	width:1020px;
	margin:0 auto;
	background-color:#fff;
	padding-bottom:40px;
	overflow:hidden;
}

#wrapperhome{
	background:url(images/woods.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#containerwraphome{
	position:relative;
	width:960px;
	margin:0 auto;
	
	overflow:hidden;
}

#homehead{
	width:100%;
	margin:0px auto 0px auto;
	padding:14px;
	background-color:rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
}

#homeheadlogo{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#homeheadlogo img{
	margin:0px auto 0px auto;
	}

#homehead h1{
	font-family:'acknowledgementregular';
	font-size: 46px;
	letter-spacing:-.03em;
	color:#727272;
	text-aign:center;
}

#homehead h2{
	font-family:'acknowledgementregular';
	font-size: 37px;
	line-height:37px;
	letter-spacing:-.02em;
	color:#727272;
	text-aign:center;
}

.dial-SasQ2:before {
	content: "\e600";
}

.dial-SasQ2{
	padding-top:8px;
	font-size:47px;
}

#orange{
	width:100%;
	height:6px;
	background-color:#f26921;
}

#navy{
	width:100%;
	background-color:#162c54;
	overflow:hidden;
}

#navynav{
	width:50%;
	overflow:hidden;
	margin:0px auto 0px auto;
}

#navynav ul{
	text-align: center;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:1.125em;
    display:inline;
}

#navynav li{
	width:33%;
	height:60px;
	float:left;
	padding:20px 0 20px 0;
	color:#fff;
	box-sizing: border-box;
}

#navynav a li{
	text-decoration:none;
	color:#fff;
}

#navynav a li:hover{
	color:#4a6a91;
	background-color:#e5e5e5;
	border-bottom: solid 4px #4a6a91;
	}

#homebody{
	width:100%;
	background-color:#fff;
	padding:40px 60px 40px 60px;
	overflow:hidden;
	margin-top:200px;
	box-sizing: border-box;
}

#homebody h3{
	clear:left;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:1.7em;
    color:#000000;
    margin-bottom:20px;
}

#homebody p{
	clear:left;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:1.2em;
    line-height:1.4em;
    color:#000000;
    margin-bottom:20px;
}

#homebody p img{
	width:100%;
	margin:20px 0px 20px 0px;
}

#homebody a{
	color:#7892b7;
}


#homebody a:hover{
	color:#4a6a91;
	transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease; 
-o-transition: all .2s ease; 
-ms-transition: all .2s ease;
}

#headwrap{
	width:94%;
	margin:0 auto;
	overflow:hidden;
	padding-top:20px;
	background-color:#fff;
}

#headlogo{
	float:left;
	width:54%;
	padding-bottom:14px;
}

#headright{
	float:right;
	width:40%;
}

#toplinks{
	float:right;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size:.938em;
    color:#000000;
}

#toplinks a{
	text-decoration: none;
	color:#000000;
	margin-left:1.125em;
}

#toplinks a:hover{
	color:#294d93;
	transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease; 
-o-transition: all .2s ease; 
-ms-transition: all .2s ease;
}



#flag{
	clear:right;
	float:right;
	width:32%;
	margin-top:1.125em;
}

#flag p{
	text-align:center;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:.5em;
}

hr{ 
	clear: both;
    margin: 0;
    display: block;
	width:100%; 
    height: 2px;
	border:none;
	background-color:#888889;
}

#nav{
	float:left;
	width:100%;
	overflow:hidden;
}

#nav ul{
	text-align: center;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:1.125em;
}

#nav li{
	width:130px;
	float:left;
	padding:14px;
	color:#000;
}

#nav a li{
	text-decoration:none;
	color:#000;
}

#nav ul li:hover{
	color:#fff;
	background-color: #4a6a91;
	-webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
	}

#nav ul ul {
	display: none;
}

	#nav ul li:hover > ul {
		display: block;
		transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease; 
-o-transition: all .2s ease; 
-ms-transition: all .2s ease;
	}

#nav ul {
	padding: 0 20px; 
	list-style: none;
	position: relative;
	display: inline-table;
}
	#nav ul:after {
		content: ""; 
		clear: both; 
		display: block;
	}

	#nav ul li {
		float: left;
	}








#content{
	width:93%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#homeimage{
	width:100%;
	clear: left;
	margin-top:14px;
}

#homebody2{
	width:100%;
	background-color:#fff;
	overflow:hidden;
	margin-top:20px;
	box-sizing: border-box;
}

#homebody2 h3{
	clear:left;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:1.7em;
    color:#000000;
    margin-bottom:20px;
}

#homebody2 p{
	clear:left;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:1.2em;
    line-height:1.4em;
    color:#000000;
    margin-bottom:20px;
}

#homebody2 p img{
	width:100%;
	margin:20px 0px 20px 0px;
}

#homebody2 a{
	color:#7892b7;
}


#homebody2 a:hover{
	color:#4a6a91;
}


.topbar{
	clear:left;
	float:right;
	width:95%;
	height:83px;
	background:url(images/topbar2.png) no-repeat;
	margin:0px 3% 4px 2%;
}

.topbar h1{
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:1.5em;
    color:#fff;
    padding-top:22px;
    padding-left:20px;
}

.producthead{
	width:100%;
	display:inline-block;
	
}

.producthead h2{
	font-family:'acknowledgementregular';
	font-size: 30px;
	letter-spacing:-.02em;
	color:#000;
	clear:left;
	float:left;
	padding-left:4px;
}

.producthead p{
	font-family: "futura-pt",sans-serif;
	font-weight:400;
	font-size:.75em;
	color:#000;
	float:left;
	padding-top:10px;
}

.producthead h3{
	font-family: "futura-pt",sans-serif;
    font-style: italic;
    font-weight: 700;
    color:#000;
    font-size:1.75em;
    float:left;
    padding-top:7px;
}

.product{
	clear:left;
	width:100%;
	margin-top:20px;
	overflow:hidden;
}

.productimages{
	width:58%;
	float:left;
}

#oronoko{
	clear:left;
	width:150px;
	margin:30px auto 20px auto;
	padding-top:30px;
}

#oronokoa{
	clear:left;
	width:150px;
	margin:0px auto 0px auto;
	padding:20px 0px 20px 0px;
}

#oronoko p{
	text-align:center;
	font-family: "futura-pt",sans-serif;
    font-weight: 400;
    color:#7c7e80;
    font-size:.875em;
    margin:10px auto 6px auto;
}

#oronokoa p{
	text-align:center;
	font-family: "futura-pt",sans-serif;
    font-weight: 400;
    color:#7c7e80;
    font-size:.875em;
    margin:0px auto 6px auto;
}

#oronokofooter{
	clear:left;
	width:100%;
	margin:0px auto 0px auto;
	background-color:#ececec;
}

.productinfo{
	width:41%;
	height:760px;
	float:right;
	position:relative;
	background:url(images/SasquatchInfoBackground2.png) no-repeat;
	background-color:#e0e1e0;
	background-position: right bottom;
	overflow:hidden;
	margin-bottom:20px;
	padding:20px;
	box-sizing:border-box;
}

.productinfo h4{
	font-family: "futura-pt",sans-serif;
    font-weight: 700;
    color:#000;
    font-size:1.17em;
    float:left;
    margin-bottom:10px;
}

.productinfo p{
	width:100%;
	clear:left;
	float:left;
	font-family: "futura-pt",sans-serif;
    font-weight: 400;
    text-align:justify;
    color:#000;
    font-size:1.125em;
    line-height:1.22em;
    margin-bottom:20px;
}

.productinfo ul{
	width:100%;
	clear:left;
	float:left;
	font-family: "futura-pt",sans-serif;
    font-weight: 400;
    color:#000;
    font-size:1.125em;
    line-height:1.375em;
    margin-bottom:20px;
    padding-left:20px;
}

.productinfo ul li{
	list-style-position: inside;
    text-indent: -3.3em;
}

.productinfo ul li a{
	color: #7892b7;
	}
	
.productinfo ul li a:hover{
	color: #4a6a91;
	transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease; 
-o-transition: all .2s ease; 
-ms-transition: all .2s ease;
	}

#brochure{
    clear:left;
    width:50%;
    position:absolute;
    bottom:20px;
    left:20px;
}

.productinfo h5{
	font-family: "futura-pt",sans-serif;
    font-weight: 700;
    color:#000;
    font-size:1em;
    float:left;
    margin-bottom:14px;
}

.productinfo a h5:hover{
	color: #4a6a91;
	transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease; 
-o-transition: all .2s ease; 
-ms-transition: all .2s ease;
}

#contactbody{
	width:100%;
	overflow:hidden;
	margin-top:30px;
	box-sizing: border-box;
}

#contactbody h3{
	clear:left;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:1.4em;
    color:#000000;
    margin-bottom:20px;
}

#contactbody p{
	clear:left;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:1.2em;
    line-height:1.4em;
    color:#000000;
}

#contactbody a{
	color:#7892b7;
}

#contactbody a:hover{
	color:#4a6a91;
}


/*  START CONTACT US PAGE CONTACT FORM*/

#contactform{
	width:50%;
	margin:20px auto 60px auto;
	overflow:hidden;
}

.form input, textarea{
	border: none;
	width: 100%;
	height:30px;
	background:#E5E5E5;
	font-family: "futura-pt",sans-serif;
	color:#000;
	font-size:1em;
	padding-left:5px;
	margin:0px auto 6px auto;
	box-sizing: border-box;
}

.form textarea{
	padding: 5px;
	width:100%;
	height:200px;
	font-family: "futura-pt",sans-serif;
	color:#1f1f1f;
	font-size:1em;
	line-height:1.2em;
	max-width:100%;
	max-height:200px;
}

input[type=text], textarea {
  -webkit-transition: all 0.30s ease;
  -moz-transition: all 0.30s ease;
  -ms-transition: all 0.30s ease;
  -o-transition: all 0.30s ease;
  outline: none;
}

input[type=email], textarea {
  -webkit-transition: all 0.30s ease;
  -moz-transition: all 0.30s ease;
  -ms-transition: all 0.30s ease;
  -o-transition: all 0.30s ease;
  outline: none;
}

input[type=message], textarea {
  -webkit-transition: all 0.30s ease;
  -moz-transition: all 0.30s ease;
  -ms-transition: all 0.30s ease;
  -o-transition: all 0.30s ease;
  outline: none;
}
 
input[type=text]:focus, textarea:focus {
  border:1px solid #4a6a91;
}

input[type=email]:focus, textarea:focus {
  border:1px solid #4a6a91;
}

input[type=message]:focus, textarea:focus {
  border:1px solid #4a6a91;
}

.submit input{
	width:100%;
	height:32px;
	color:#fff;
	background-color:#7892b7;
	border-radius:3px;
	cursor:pointer;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.submit input{
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease; 
-o-transition: all .2s ease; 
-ms-transition: all .2s ease;
color:#fff; }

.submit input:hover{
	background-color:#4a6a91;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#required {
	text-align:justify;
    width:96%;
    font-family: 'fontscorecomttwcenmt',Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1em;
    color:#FFF;
}

/*  END CONTACT US PAGE CONTACT FORM*/

.contact{
	clear:both;
	display:block;
	width:100%;
	background-color:#7892b7;
	padding-top:18px;
	padding-bottom:18px;
}

.contact p{
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:1.125em;
    color:#fff;
    text-align:center;
}

.contact:hover{
	background-color:#4a6a91;
	transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease; 
-o-transition: all .2s ease; 
-ms-transition: all .2s ease;
}


#footer{
	clear:both;
	display:block;
	width:94%;
	margin:10px auto 20px auto;
	overflow:hidden;
}

#bottomnav{
	width:100%;
	overflow:hidden;
}

#bottomnav ul{
	width:100%;
	max-width:900px;
	text-align: center;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:1em;
    margin:4px auto 0px auto;
}

#bottomnav li{
	display:inline-block;
	float:none;
	padding:6px 20px;
	color:#e0e0de;
}

#bottomnav li a{
	text-decoration:none;
	color:#bcbcbc;
}

#bottomnav li a:hover{
	color:#294d93;
	transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease; 
-o-transition: all .2s ease; 
-ms-transition: all .2s ease;
}

#logo{
	width:92px;
	margin:30px auto 10px auto;
}

#copyright{
	width:100%;
}

#copyright p{
	text-align: center;
	font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:.875em;
    margin:20px auto 0px auto;
    color:#e0e0de;
}