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

@import url("fonts.css");

* {margin:0; padding:0;}
body {margin:0; padding:0;}

header {width:90%; height:auto; float:left; margin:0; padding:0 5%; border-bottom:2px solid #a9a9a9;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(218,217,217,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dad9d9', GradientType=0 );}
#logo {background:#FFF; width:24%; height:auto; float:left; margin:0 0 -80px; padding:15px 0; text-align:center; box-shadow:0 0 10px rgba(0,0,0,.35);
	border-bottom-left-radius:10px; border-bottom-right-radius:10px; position:relative; z-index:100;}
#logo img {width:auto; max-width:95%; height:auto; border:none;}
nav {width:66%; height:auto; float:left; margin:0; padding:50px 5%; font-family: 'gotham_blackregular'; font-size:24px; text-transform:uppercase;}
header nav ul {list-style-type:none; margin:0; padding:0; text-align:center; float:left;}
header nav li {display:inline-block; float:left;}
header nav li a {display:block; color:#262626; text-decoration:none; padding:15px 50px 15px 65px;}
header nav li a.home {background:url(../images/bg-home.png) left center no-repeat;}
header nav li a.home:hover {background:url(../images/bg-homeO.png) left center no-repeat;}
header nav li a.documents {background:url(../images/bg-documents.png) left center no-repeat;}
header nav li a.documents:hover {background:url(../images/bg-documentsO.png) left center no-repeat;}
header nav li a.contact {background:url(../images/bg-contact.png) left center no-repeat;}
header nav li a.contact:hover {background:url(../images/bg-contactO.png) left center no-repeat;}
header nav li a:hover {color:#150958;}
header nav .show-menu {text-decoration:none; color:#fff; font-size:22px; text-align:center; padding:10px 0; display:none;}
header nav input[type=checkbox]{display:none;}
header nav input[type=checkbox]:checked ~ #menu{display:block;}

#contentWrap {background:url(../images/bg-contentWrap.jpg) top repeat-x #FFF; width:90%; height:auto; float:left; margin:0; padding:40px 5%;}
#contentArea {width:90%; height:auto; float:left; margin:0; padding:70px 5%; color:#595959; font-family: 'gotham_bookregular'; font-size:18px;
background:url(../images/bg-contentArea.jpg) repeat-x #FFF;}
#contentArea h1 {color:#150958; font-family: 'bebas_neueregular'; font-size:60px; font-weight:normal; margin:0 0 20px;}
#contentArea p {margin:0 0 20px;}
#contentArea li {background:url(../images/bg-li.png) left center no-repeat; margin:0 0 10px; padding:10px 0 10px 50px; list-style-type:none;}
#contentArea strong {font-family: 'gotham_blackregular'; font-weight:normal;}
#contentArea a, #contentArea a:visited {color:#150958; text-decoration:underline;}
#contentArea a:hover {text-decoration:none;}
#contentArea input, #contentArea textarea {font-family: 'gotham_bookregular'; font-size:18px; border:1px solid #150958;
	-moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;}
#contentArea input.input {width:95%; height:20px; padding:5px 2%;}
#contentArea textarea {width:95%; height:70px; padding:5px 2%;}
#contentArea input.btn {background:#150958; width:300px; height:50px; color:#FFF; font-family: 'bebas_neueregular'; font-size:28px;
	-moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;}

#aboutWrap {background:url(../images/bg-aboutWrap.jpg) top repeat-x; width:90%; height:auto; float:left; margin:0; padding:30px 5%;}
#aboutContain {background:#FFF; width:98%; height:560px; float:left; margin:0; padding:1%;}
#aboutPic {background:url(../images/bg-aboutPic.jpg) top right; background-size:cover; width:50%; height:560px; float:left; margin:0;}
#about {background:url(../images/bg-about.jpg) top right; background-size:cover; width:44%; height:460px; float:left; margin:0; padding:50px 3%; color:#FFF;}
#about h1 {font-family: 'avenir_lt_std95_black'; font-size:30px; font-weight:normal; margin:0 0 15px; text-transform:uppercase;}
#about p {font-family: 'AvenirLT45Book'; font-size:14px; margin:0 0 15px; line-height:20px;}
#about a, #about a:visited {color:#FFF; font-family: 'avenir_lt_std95_black'; text-decoration:none;}
#about a:hover {text-decoration:underline;}

#aboutCoy {background:#FFF; width:90%; height:auto; float:left; margin:0; padding:25px 5% 40px;}
#aboutCoy img {border:8px solid #FFF; box-shadow:0 10px 10px rgba(0,0,0,.35); max-width:95%; height:auto; float:left; margin:0 40px 15px 0;}
#aboutCoy h1 {color:#150958; font-family: 'gotham_blackregular'; font-size:40px; font-weight:normal; margin:0 0 5px; padding:0; text-transform:uppercase;}
#aboutCoy h2 {color:#584646; font-family: 'bebas_neueregular'; font-size:24px; font-weight:normal; margin:0 0 20px; text-transform:uppercase; letter-spacing:1px;}
#aboutCoy p {color:#595959; font-family: 'gotham_bookregular'; font-size:18px; margin:0; line-height:30px;}

#teasers {background:url(../images/bg-teasers.jpg) bottom repeat-x #FFF; width:90%; height:auto; float:left; margin:0; padding:20px 5% 40px;}
#teaseLeft {background:#FFF; width:35%; height:auto; float:left; margin:0; box-shadow:0 10px 10px rgba(0,0,0,.35); padding:.5%;}
.tease01 {background:url(../images/bg-tease01.jpg) center center; background-size:cover; width:90%; height:270px; color:#FFF; padding:30px 5% 0;
	font-family: 'gotham_bookregular'; font-size:18px;}
.tease01 h1 {background:url(../images/bg-tease01h1.png) left center no-repeat; font-family: 'bebas_neueregular'; font-size:18px; font-weight:normal;
	margin:0 0 20px; padding:5px 0 15px 60px; line-height:18px;}
.tease01 h1 strong {font-size:30px; font-weight:normal; line-height:30px; margin-left:-15px; letter-spacing:2px;}
.tease01 li {margin:0 0 15px 30px;}
#teaseRight {background:#FFF; width:30%; height:auto; float:left; margin:0 0 0 1%; box-shadow:0 10px 10px rgba(0,0,0,.35); padding:.5%;
	color:#FFF; font-family: 'bebas_neueregular'; font-size:16px;}
#teaseRight:hover {cursor:pointer;}
#teaseRight h1 {background:url(../images/bg-teaseRighth1.png) left center no-repeat; font-size:26px; font-weight:normal; margin:0 0 20px; line-height:26px;
	 padding:5px 0 15px 80px;}
#teaseRight h1 strong {font-size:53px; font-weight:normal; line-height:53px; margin-left:-28px; letter-spacing:2px;}
#teaseRight p {border-top:1px solid #FFF; border-bottom:1px solid #FFF; line-height:20px; margin:0; padding:3px 0; letter-spacing:2px; text-align:center;}
.tease02 {background:url(../images/bg-tease02.jpg) center center; background-size:cover; width:86%; height:240px; padding:60px 7% 0;}
.tease03 {background:url(../images/bg-tease03.jpg) center center; background-size:cover; width:86%; height:240px; padding:60px 7% 0;}
#teaseSub {background:#FFF; width:62%; height:auto; float:left; margin:0 0 0 1%; box-shadow:0 10px 10px rgba(0,0,0,.35); padding:.5%;
	color:#FFF; font-family: 'bebas_neueregular'; font-size:16px;}
#teaseSub:hover {cursor:pointer;}
#teaseSub h1 {background:url(../images/bg-teaseRighth1.png) left center no-repeat; font-size:26px; font-weight:normal; margin:0 0 20px; line-height:26px;
	 padding:5px 0 15px 80px;}
#teaseSub h1 strong {font-size:53px; font-weight:normal; line-height:53px; margin-left:-28px; letter-spacing:2px;}
#teaseSub p {border-top:1px solid #FFF; border-bottom:1px solid #FFF; line-height:20px; margin:0; padding:3px 0; letter-spacing:2px; text-align:center;}
.tease02sub {background:url(../images/bg-tease02sub.jpg) center center; background-size:cover; width:60%; height:240px; padding:60px 20% 0;}
.tease03sub {background:url(../images/bg-tease03sub.jpg) center center; background-size:cover; width:80%; height:240px; padding:60px 10% 0;}

footer {width:90%; height:auto; float:left; margin:0; text-align:center; border-top:2px solid #616161; padding:30px 5%; color:#584646; font-family: 'bebas_neueregular';
	font-size:16px; background: rgba(218,217,217,1);
background: -moz-linear-gradient(top, rgba(218,217,217,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(218,217,217,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(218,217,217,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(218,217,217,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(218,217,217,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(218,217,217,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad9d9', endColorstr='#ffffff', GradientType=0 );}
footer a, footer a:visited, footer a:hover strong {color:#584646; text-decoration:none;}
footer a:hover, footer a strong {color:#0e154c; text-decoration:none; font-weight:normal;}

@media screen and (min-width:1220px) and (max-width:1320px) {
	#aboutCoy p {font-size:15px;}
}

@media screen and (min-width:1120px) and (max-width:1219px) {
	header nav li a {display:block; color:#262626; text-decoration:none; padding:15px 30px 15px 65px;}
	#aboutCoy img {float:none; margin:0 0 30px 0;}
	#aboutCoy p {font-size:15px;}
	#teaseRight h1 strong {font-size:45px; line-height:45px;}
}

@media screen and (min-width:830px) and (max-width:1119px) {
	#logo {width:100%; margin:0;}
	header nav {width:90%;}
	header nav li a {display:block; color:#262626; text-decoration:none; padding:15px 30px 15px 65px;}
	#aboutContain {height:auto;}
	#aboutPic {background:url(../images/bg-aboutPic2.jpg) center center; background-size:cover; width:100%; height:400px;}
	#about {width:94%; height:auto;}
	#aboutCoy img {float:none; margin:0 0 30px 0;}
	#aboutCoy p {font-size:15px;}
	#teaseLeft {width:99%;}
	#teaseRight {width:48%; margin:15px 0 0;}
	#teaseRight+#teaseRight {margin:15px 0 0 2%;}
	#teaseRight h1 strong {font-size:45px; line-height:45px;}
	#teaseSub {width:99%; margin:15px 0 0;}
	#contentArea td {width:50%; display:block; float:left; padding:0;}
	#contentArea td#contactForm {width:100% !important; display:block; float:left; padding:25px 0 0;}
	#contentArea iframe {width:100%; height:430px;}
}

@media screen and (min-width:500px) and (max-width:829px) {
	#logo {width:100%; margin:0;}
	header nav {width:100%; margin:0 0 15px; padding:30px 0;}
	header nav ul {position: static; display:none; float:none;}
	header nav li {margin-bottom:1px; border-bottom:1px dotted #000;}
	header nav ul li, header nav li a {width:100%; background:#67bee9; color:#000 !important; text-align:center; padding:3px 0 !important;}
	header nav li a.home {background:none;}
	header nav li a.home:hover {background:none;}
	header nav li a.documents {background:none;}
	header nav li a.documents:hover {background:none;}
	header nav li a.contact {background:none;}
	header nav li a.contact:hover {background:none;}
	header nav .show-menu {background:#2e2e8e; display:block;}
	#aboutContain {height:auto;}
	#aboutPic {background:url(../images/bg-aboutPic2.jpg) center center; background-size:cover; width:100%; height:400px;}
	#about {width:90%; height:auto; padding:50px 5%;}
	#aboutCoy h1 {font-size:35px;}
	#aboutCoy img {float:none; margin:0 0 30px 0;}
	#aboutCoy p {font-size:15px;}
	#teaseLeft {width:99%;}
	#teaseRight {width:99%; margin:15px 0 0;}
	#teaseRight h1 strong {font-size:45px; line-height:45px;}
	#teaseSub {width:99%; margin:15px 0 0;}
	#contentWrap {width:100%; padding:0;}
	#contentArea {width:90%; padding:70px 5%;}
	#contentArea td {width:50%; display:block; float:left; padding:0;}
	#contentArea td#contactForm {width:100% !important; display:block; float:left; padding:25px 0 0;}
	#contentArea iframe {width:100%; height:430px;}
}

@media screen and (min-width:150px) and (max-width:499px) {
	#logo {width:100%; margin:0;}
	header nav {width:100%; margin:0 0 15px; padding:30px 0;}
	header nav ul {position: static; display:none; float:none;}
	header nav li {margin-bottom:1px; border-bottom:1px dotted #000;}
	header nav ul li, header nav li a {width:100%; background:#67bee9; color:#000 !important; text-align:center; padding:3px 0 !important;}
	header nav li a.home {background:none;}
	header nav li a.home:hover {background:none;}
	header nav li a.documents {background:none;}
	header nav li a.documents:hover {background:none;}
	header nav li a.contact {background:none;}
	header nav li a.contact:hover {background:none;}
	header nav .show-menu {background:#2e2e8e; display:block;}
	#aboutWrap {width:100%; padding:30px 0;}
	#aboutContain {height:auto;}
	#aboutPic {background:url(../images/bg-aboutPic2.jpg) center center; background-size:cover; width:100%; height:400px;}
	#about {width:84%; height:auto; padding:30px 8%;}
	#about h1 {font-size:26px;}
	#aboutCoy h1 {font-size:20px;}
	#aboutCoy h2 {font-size:14px;}
	#aboutCoy img {float:none; margin:0 0 30px 0;}
	#aboutCoy p {font-size:15px;}
	#teaseLeft {width:99%;}
	.tease01 {height:270px; padding:30px 5% 15px;}
	#teaseRight {width:99%; margin:15px 0 0;}
	#teaseRight h1 strong {font-size:45px; line-height:45px;}
	#teaseSub {width:99%; margin:15px 0 0;}
	#teaseSub h1 strong {font-size:45px;}
	.tease02sub {width:90%; height:240px; padding:60px 5% 0;}
	.tease03sub {width:90%; height:240px; padding:60px 5% 0;}
	#contentWrap {width:100%; padding:0;}
	#contentArea {width:90%; padding:50px 5%;}
	#contentArea h1 {font-size:50px;}
	#contentArea td {width:90%; display:block; float:left; padding:0;}
	#contentArea td#contactForm {width:90% !important; display:block; float:left; padding:25px 0 0;}
	.g-recaptcha {transform:scale(0.90);transform-origin:0;-webkit-transform:scale(0.90);transform:scale(0.90);-webkit-transform-origin:0 0;transform-origin:0 0;}
	#contentArea input.btn {width:100%;}
	#contentArea iframe {width:100%; height:300px; margin:0 0 25px;}
	footer span {display:block;}
}