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

@import url("fonts.css");

* {margin:0; padding:0;}
body {background:#000; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif;}

header {background:#FFF; width:90%; height:auto; float:left; margin:0; padding:60px 5% 0;}
#logomob {visibility:hidden; width:auto; height:auto; position:fixed; top:0; left:0; z-index:600; padding:10px 0 0 10px;}
#logomob img {max-width:90%; height:auto;}
#logo {width:20%; height:auto; float:left; margin:0; position:relative; z-index:200;}
#logo img {max-width:100%; height:auto; border:none;}
nav {width:80%; height:auto; float:left; margin:0; padding:0 0 30px; /*font-family: 'TradeBold';*/ font-size:24px; font-weight:bold; text-transform:uppercase;}
nav ul {list-style-type:none; margin:0; padding:0; text-align:center; float:right;}
nav li {display:inline-block; float:left; margin:0 0 0 30px;}
nav li a {display:block; background:url(../images/bg-nava.jpg) top center no-repeat; color:#cccccc; text-decoration:none; padding:0px;}
nav li:hover a {color:#000;}
nav .show-menu {text-decoration:none; color:#fff; text-align:center; padding:10px 0; display:none;}
nav input[type=checkbox]{display:none;}
nav input[type=checkbox]:checked ~ #menu{display:block;}
#headContact {width:auto; height:auto; float:right; padding:20px 50px; text-align:center; text-transform:uppercase; /*font-family: 'TradeBold';*/ font-size:18px;
background: rgba(214,214,173,1); position:relative; z-index:200; font-weight:bold;
background: -moz-linear-gradient(top, rgba(214,214,173,1) 0%, rgba(195,195,135,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,214,173,1)), color-stop(100%, rgba(195,195,135,1)));
background: -webkit-linear-gradient(top, rgba(214,214,173,1) 0%, rgba(195,195,135,1) 100%);
background: -o-linear-gradient(top, rgba(214,214,173,1) 0%, rgba(195,195,135,1) 100%);
background: -ms-linear-gradient(top, rgba(214,214,173,1) 0%, rgba(195,195,135,1) 100%);
background: linear-gradient(to bottom, rgba(214,214,173,1) 0%, rgba(195,195,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6ad', endColorstr='#c3c387', GradientType=0 );}
#headContact span {/*font-family: 'Trade';*/ font-weight:normal;}
#headContact a, #headContact a:visited {color:#000; text-decoration:none;}
#headContact a:hover {text-decoration:underline;}

#contentWrap {background:#FFF; width:90%; height:auto; float:left; margin:0; padding:20px 5%;}
#heading {background:#181818; width:100%; height:auto; float:left; margin:0; text-transform:uppercase; color:#cccccc; /*font-family: 'Trade';*/ font-size:46px;
	text-align:center;}
#heading h1 {color:#368a67; /*font-family: 'TradeBold';*/ font-size:90px; font-weight:bold; margin:0; line-height:104px;}
#heading p {margin:0; line-height:50px;}
.about {background:url(../images/bg-about.jpg) bottom left no-repeat; width:75%; height:auto; float:left; margin:0 0 0 5%; padding:165px 0 165px 20%;}
.bio {background:url(../images/bg-bio.jpg) bottom left no-repeat; width:60%; height:auto; float:left; margin:0; padding:135px 0 135px 40%;}
.apply {background:url(../images/bg-apply.jpg) bottom left no-repeat; width:55%; height:auto; float:left; margin:0; padding:165px 0 165px 45%;}
.upload {background:url(../images/bg-upload.jpg) bottom left no-repeat; width:55%; height:auto; float:left; margin:0 0 0 5%; padding:165px 0 165px 40%;}

#contentArea {width:100%; height:auto; float:left; margin:0; padding:50px 0 30px; color:#2a221a; font-size:18px;}
#contentArea p {margin:0 0 20px;}
#contentArea ol, #contentArea ul {margin:0 0 20px 45px; line-height:26px;}
#contentArea strong {color:#368a67; /*font-family: 'TradeBold';*/ font-weight:bold;}
#contentArea a, #contentArea a:visited {color:#368a67; text-decoration:underline;}
#contentArea a:hover {color:#000;}
#contentArea input.input {width:90%; height:20px; padding:4px 2%; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
#contentArea input.btn {float:right; margin:-98px 0 0; background:#368a67; width:40%; height:76px; border:none; color:#FFF; /*font-family: 'TradeBold';*/ font-size:24px;
	text-transform:uppercase; font-weight:bold; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;}
#contentArea img {max-width:100%; height:auto;}
#contentArea hr {background:#368a67; height:5px; border:none; margin:0 0 20px;}

#sliderWrap {background:#FFF; width:90%; height:auto; float:left; margin:0; padding:0 5% 7px;}
#slideshow {width:63%; height:auto; float:left; margin:-40px 0 0; position:relative;}
#slideshow img {max-width:100%; height:auto; border:none;}
#about {width:31%; height:auto; float:left; margin:40px 0 0; padding:30px 3% 10px; color:#FFF; font-size:16px;
background: rgba(42,112,81,1);
background: -moz-linear-gradient(45deg, rgba(42,112,81,1) 0%, rgba(68,167,129,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(42,112,81,1)), color-stop(100%, rgba(68,167,129,1)));
background: -webkit-linear-gradient(45deg, rgba(42,112,81,1) 0%, rgba(68,167,129,1) 100%);
background: -o-linear-gradient(45deg, rgba(42,112,81,1) 0%, rgba(68,167,129,1) 100%);
background: -ms-linear-gradient(45deg, rgba(42,112,81,1) 0%, rgba(68,167,129,1) 100%);
background: linear-gradient(45deg, rgba(42,112,81,1) 0%, rgba(68,167,129,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7051', endColorstr='#44a781', GradientType=1 );}
#about h1 {/*font-family: 'TradeBold';*/ font-size:30px; font-weight:normal; margin:0 0 20px; text-transform:uppercase;}
#about p {margin:0 0 20px; line-height:26px;}
#about a, #about a:visited {color:#e5e5ac; /*font-family: 'TradeBold';*/ font-weight:bold; text-decoration:none; text-transform:uppercase;}
#about a:hover {color:#330033;}
#about img {margin:0 0 0 3px;}

#randyWrap {width:94%; height:auto; float:left; margin:0; padding:0px 5% 0px 1%; font-size:28px;
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(218,217,217,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(218,217,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dad9d9', GradientType=1 );}
#randyWrap img {float:left; margin:0 70px 0 0;}
#randyWrap h1 {/*font-family: 'TradeBold';*/ font-size:48px; font-weight:bold; margin:0 0 20px; padding:50px 0 0; text-transform:uppercase;}
#randyWrap h1 span {color:#368a67;}
#randyWrap p {margin:0 0 20px;}
#randyWrap a, #randyWrap a:visited {color:#999973; /*font-family: 'TradeBold';*/ font-size:18px; font-weight:bold; text-decoration:none;}
#randyWrap a:hover {color:#330033;}
#randyWrap a img {float:none; margin:0 0 0 3px;}

#teaserWrap {background:#FFF; width:98%; height:auto; float:left; margin:0; padding:7px 1%;}
#tease01 {background:url(../images/bg-tease01-norm.jpg) center center; background-size:cover; width:52%; height:auto; float:left; margin:0 1% 0 0; padding:70px 0;}
#tease01Text {width:auto; max-width:60%; height:auto; margin:0 auto; text-align:center; padding:15px; /*font-family: 'TradeBold';*/
	 font-size:18px; font-weight:bold; text-transform:uppercase;}
#tease01Text h1 {font-size:24px; font-weight:normal; margin:0 0 15px;}
#tease01Text p {color:#225741; margin:0;}
#tease01:hover {background:url(../images/bg-tease01.jpg) center center; background-size:cover; cursor:pointer;}
#tease01:hover #tease01Text {background:rgba(204,204,153,.8);}
#tease02 {background:url(../images/bg-tease02-norm.jpg) center center; background-size:cover; width:47%; height:auto; float:left; margin:0; padding:70px 0;}
#tease02Text {width:auto; max-width:55%; height:auto; margin:0 auto; text-align:center; padding:15px; color:#FFF; /*font-family: 'TradeBold';*/
	 font-size:18px; font-weight:bold; text-transform:uppercase;}
#tease02Text h1 {font-size:24px; font-weight:normal; margin:0 0 15px;}
#tease02Text p {color:#cccc99; margin:0;}
#tease02:hover {background:url(../images/bg-tease02.jpg) center center; background-size:cover; cursor:pointer;}
#tease02:hover #tease02Text {background:rgba(51,0,51,.8);}

footer {width:90%; height:auto; float:left; margin:0; padding:25px 5%; color:#FFF; /*font-family: 'TradeBold';*/ font-size:14px; font-weight:bold; text-transform:uppercase;}
#footLeft {width:50%; height:auto; float:left; margin:0;}
#footLeft span {color:#ffffbf; padding:0 5px 0 0;}
#footLeft span a {color:#ffffbf; text-decoration:none;}
#footLeft a, #footLeft a:visited {color:#FFF; padding:0 5px; text-decoration:none;}
#footLeft a:hover {color:#ffffbf;}
#footRight {width:50%; height:auto; float:left; margin:0; text-align:right;}
#footRight a, #footRight a:visited, #footRight a:hover strong {color:#FFF; text-decoration:none;}
#footRight a:hover, #footRight a strong {color:#4abd8d;}
#footRight strong {font-weight:normal;}

@media screen and (min-width:1055px) and (max-width:1279px) {
	header {width:100%; padding:30px 0 0;}
	#logo {width:100%; text-align:center;}
	nav {width:100%; text-align:center; padding:30px 0;}
	nav ul {float:none;}
	nav ul li {display:inline; float:none; margin:0 15px;}
	nav ul li a {display:inline-block;}
	#headContact {width:90%; padding:20px 5%;}
	#sliderWrap {width:100%; padding:0;}
	#slideshow {width:80%; margin:0; padding:0 10%; text-align:center;}
	#slideshow img {width:100%; height:auto; margin:0 auto !important;}
	#about {width:90%; padding:30px 5% 20px; margin:0;}
	#randyWrap {width:95%; padding:0 5% 0 0;}
	#randyWrap h1 {font-size:36px;}
	#teaserWrap {width:100%; padding:7px 0;}
	#tease01 {width:100%; margin:0;}
	#tease02 {width:100%; margin:0;}
	.about {background:url(../images/bg-about.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	.bio {background:url(../images/bg-bio.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	.apply {background:url(../images/bg-apply.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	.upload {background:url(../images/bg-upload.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
}

@media screen and (min-width:790px) and (max-width:1054px) {
	header {width:100%; padding:30px 0 0;}
	#logo {width:100%; text-align:center;}
	nav {width:100%; text-align:center; padding:30px 0;}
	nav ul {float:none;}
	nav ul li {display:inline; float:none; margin:0 15px;}
	nav ul li a {display:inline-block;}
	#headContact {width:90%; padding:20px 5%;}
	#sliderWrap {width:100%; padding:0;}
	#slideshow {width:80%; margin:0; padding:0 10%; text-align:center;}
	#slideshow img {width:100%; height:auto; margin:0 auto !important;}
	#about {width:90%; padding:30px 5% 20px; margin:0;}
	#randyWrap {width:95%; padding:0 5% 0 0; font-size:20px;}
	#randyWrap h1 {font-size:24px;}
	#teaserWrap {width:100%; padding:7px 0;}
	#tease01 {width:100%; margin:0;}
	#tease02 {width:100%; margin:0;}
	#footLeft {width:100%; text-align:center;}
	#footRight {width:100%; text-align:center; padding:15px 0 0;}
	#contentWrap {width:100%; padding:0;}
	.about {background:url(../images/bg-about.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	.bio {background:url(../images/bg-bio.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	.apply {background:url(../images/bg-apply.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	.upload {background:url(../images/bg-upload.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	#contentArea {width:90%; padding:30px 5%;}
	#contentArea td {float:left !important; display:block !important; width:100% !important; text-align:left !important;}
}

@media screen and (min-width:150px) and (max-width:789px) {
	header {width:100%; padding:0;}
	#logomob.sticky {visibility:visible; animation: fadeText 2s;}
	#logo {width:100%; text-align:center; padding:30px 0;}
	nav {background:rgba(255,255,255,.8); width:100%; padding:0; z-index:500; position:fixed; top:0px; right:0px;}
	header nav ul {background:none; border-radius:0px; display:none; float:none; width:100%; margin:0; padding:0; list-style-type:none;}
	header nav li {border-bottom:1px dotted #FFF; margin:0;}
	header nav ul li, header nav li a {width:100%; background:#368a67; color:#fff; text-decoration:none; text-align:center; padding:5px 0 !important;}
	header nav li:hover a {background:none;}
	header nav span {display:none;}
	header nav .show-menu {display:block; text-decoration:none; color:#fff; text-align:right; padding:10px;}
	header nav input[type=checkbox]{display:none;}
	header nav input[type=checkbox]:checked ~ #menu{display:block;}
	#headContact {width:90%; padding:20px 5%; font-size:14px;}
	#sliderWrap {width:100%; padding:0;}
	#slideshow {width:80%; margin:0; padding:0 10%; text-align:center;}
	#slideshow img {width:100%; height:auto; margin:0 auto !important;}
	#about {width:90%; padding:30px 5% 20px; margin:0;}
	#about h1 {font-size:26px;}
	#about p span {display:inline-block;}
	#randyWrap {width:100%; padding:0; font-size:16px;}
	#randyWrap img {width:100%; float:none; display:block; margin:0 0 20px;}
	#randyWrap h1 {font-size:20px; margin:0 5% 20px; padding:0;}
	#randyWrap p {margin:0 5% 20px;}
	#randyWrap a img {float:none; width:auto !important; margin:0 0 0 3px !important; display:inline-block !important;}
	#teaserWrap {width:100%; padding:7px 0;}
	#teaserWrap br {display:none;}
	#tease01 {width:100%; margin:0;}
	#tease01Text, #tease02Text {max-width:80%; font-size:16px;}
	#tease01Text h1, #tease02Text h1 {font-size:20px;}
	#tease02 {width:100%; margin:0;}
	footer a {display:inline-block;}
	#footLeft {width:100%; text-align:center;}
	#footRight {width:100%; text-align:center; padding:15px 0 0;}
	#contentWrap {width:100%; padding:0;}
	#heading {font-size:28px;}
	#heading h1 {font-size:36px; line-height:40px;}
	#heading p {line-height:32px;}
	.about {background:url(../images/bg-about.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	.bio {background:url(../images/bg-bio.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	.apply {background:url(../images/bg-apply.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 455px;}
	.upload {background:url(../images/bg-upload-mob.jpg) bottom center no-repeat; width:90%; height:auto; float:left; margin:0; padding:30px 5% 325px;}
	#contentArea {width:90%; padding:30px 5%;}
	#contentArea td {float:left !important; display:block !important; width:100% !important; text-align:left !important;}
	#contentArea input.btn {float:none; margin:0; width:100%; height:76px;}
	.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;}
}