/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.logo {
	margin:20px 0 20px 0;
	text-align:center;	
}

.social {
	margin:10px 0 0 0;
	text-align:right;	
}

.tel {
	margin:0 0 0 0;
	text-align:right;
	font: 14px  "Typewriter", serif;
}

.tel a {
	color: #fff;
}

.tel a:hover {
	color: #ddd;
}

.email {
	margin:0 0 0 0;
	text-align:right;
	font: 14px  "Typewriter", serif;
}

.email a {
	color: #fff;
}

.email a:hover {
	color: #ddd;
}

.mainbg {
	margin-top:10px;
	margin-bottom:20px;
	height:380px;
	min-height:380px;
	background-image: url(../images/home-pic-thankyou.jpg);
	background-repeat:no-repeat; 
	background-position: center center;
	background-color:#f5f5f5;
	color:#204239;
	text-align:left;
	outline: 1px solid white;
    outline-offset: -10px;
}

.mainbg h2 {
	color:#204239;
	text-align:left;
}

.whitebg {
	background-color:#f5f5f5;
}

.hirebg {
	margin-top:10px;
	margin-bottom:20px;
	/*background-image: url(../images/hire-pic.jpg);
	background-repeat:no-repeat; 
	background-color:#f5f5f5;
	background-position: center bottom;*/
	background-color:#340533;
	color:#204239;
	text-align:left;
}

.hirebg h2 {
	color:#204239;
	text-align:left;
}

.coffee {
	width:60%;
	align-content: center;
	align-self: center;
	margin: 0 0 20px 0;
	padding:30px;
	background-color:#b49f35;
	color:#fff;
	-moz-border-top-right-radius: 10px;
   	-webkit-border-top-right-radius: 10px;
   	-khtml-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
   	border-top-left-radius: 10px;
   	-moz-border-bottom-right-radius: 10px;
   	-webkit-border-bottom-right-radius: 10px;
   	-khtml-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
   	border-bottom-left-radius: 10px;
	outline: 1px solid #fff;
    outline-offset: -15px;
}

.coffee h2 {
	color:#fff;
}

.coffee-bg {
	background-color: #b7a134;
}

.header-image {
	margin-top:10px;
	margin-bottom:20px;
	background-color:#f5f5f5;
	color:#204239;
}

/*.header-image h1,h2, h3 {
	font-family: 'montserratextra_bold','TypewriterBold', "Georgia", "Times New Roman", serif;
	text-transform: uppercase;
}*/

.header-image a {
	color:#204239;
}

.header-image a:visited {
	color:#204239;
}

.header-image a:hover {
	color:#555;
}		

.home-text {
	float:left;
	width:83%;
	margin:20px;
	padding:10px;
	font-size:1em;
	line-height:1.3em;
	background-image: url(../images/bg-opaque.png); 
	background-repeat: repeat;	
}


.padding10-blue {
	margin-top:-7px;
	margin-bottom:20px;
	padding:10px 5px 10px 17px;
	color:#f5f5f5;
	text-align:left;
	font-size:18px;
	line-height:28px;
	background-color:#03132a;
}

.blue-text {
 	color:#204239;
	margin: 0 0 20px 0;	
}

.padding10-blue a {
	color:#f5f5f5;
}

.padding10-blue a:visited {
	color:#f5f5f5;
}

.padding10-blue a:hover {
	color:#555;
}		

.padding10 {
	padding:10px;
	color:#204239;
	text-align:left;
	background-color:#f5f5f5;
}	

.padding30 {
	padding:0 50px;
}

.padding50 {
	padding:0 50px;
	text-align: center;
} 

.padding10 h2 {
	color:#204239;
	text-align:left;
}

.text-dk {
	color:#03132a;
	font-size:1em;
}

.text-lt {
	font-family: "Typewriter", serif;
	color:#f5f5f5;
}

.text-lt a {
	color:#f5f5f5;
}

.text-lt a:hover {
	color:#fff;
}

.text-lt a:visited {
	color:#f5f5f5;
}

.text-lt h3 {
	color:#f5f5f5;
}

.text-dk h3 {
	color:#03132a;
}

.panel-mailing-home {
	width:100%;
	margin:0 0 20px 0;
	color:#ffffff;
	text-align:center;
	background-color:#03132a;
   	-moz-border-top-right-radius: 5px;
   	-webkit-border-top-right-radius: 5px;
   	-khtml-border-top-right-radius: 15px;
	border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
   	border-top-left-radius: 5px;
   	-moz-border-bottom-right-radius: 5px;
   	-webkit-border-bottom-right-radius: 5px;
   	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
   	border-bottom-left-radius: 5px;
}

.padding3 {
	padding:3px;	
}

.padding3 a {
	color:#f5f5f5;
}

.padding3 a:visited {
	color:#f5f5f5;
}

.padding3 a:hover {
	color:#ccc;
}		

.twitter-bg {
	max-height:178px;
	min-height:178px;
	margin-top:10px;
	font-size:11px;
	padding-top:10px;
	padding-left:15px;
	padding-bottom:20px;
	padding-right:10px;
	color:#FFF;
	background-color:#340533;
	-moz-border-top-right-radius: 5px;
   	-webkit-border-top-right-radius: 5px;
   	-khtml-border-top-right-radius: 15px;
	border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
   	border-top-left-radius: 5px;
   	-moz-border-bottom-right-radius: 5px;
   	-webkit-border-bottom-right-radius: 5px;
   	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
   	border-bottom-left-radius: 5px;
}

.l {
	float:left;
	font: 10px  "Typewriter", serif;
	width:40%;
	font-size:0.8em;
	text-align:left;
	color:#03132a;
	padding: 5px 0;	
}

.r {
	float:right;
	font: 10px  "Typewriter", serif;
	width:60%;
	font-size:0.8em;
	text-align:right;
	color:#03132a;
	padding: 5px 0;		
}

.l  a, a:visited {
	color:#03132a;	
}

.l  a:hover {
	color:#777;	
}

.r  a, a:visited {
	color:#03132a;	
}

.r  a:hover {
	color:#777;	
}

.rounded-corners-sm {
   	-moz-border-top-right-radius: 5px;
   	-webkit-border-top-right-radius: 5px;
   	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
   	border-top-left-radius: 5px;
   	-moz-border-bottom-right-radius: 5px;
   	-webkit-border-bottom-right-radius: 5px;
   	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
   	border-bottom-left-radius: 5px;
}

/**********************
	Scroller  
**********************/

.scroll-top-wrapper {
    position: fixed;
    opacity: 1;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #084764;
    color: #eeeeee;
    width: 40px;
    height: 38px;
    line-height: 28px;
    right: 30px;
    bottom: -2px;
    padding: 2px 0 0 0;
	font-size:20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #fff;
	color:#03132A;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet  */
	@media only screen and (min-device-width : 768px) 
	and (max-device-width : 1024px)  { 
		
	.mainbg {
	height:320px;
	min-height:320px;
	margin-bottom:20px;
}
		
	h1 { font-family: 'montserratextra_bold', "Georgia", "Times New Roman", serif; text-transform: uppercase; color: #b49f35; !important; }
	h2 { font-family: 'montserratextra_bold', "Georgia", "Times New Roman", serif; text-transform: uppercase; color: #b49f35; !important;  }
	h3 { font-family: 'montserratextra_bold', "Georgia", "Times New Roman", serif; text-transform: uppercase; color: #204239; !important;  }	
	h4 { font-family: 'montserratextra_bold', "Georgia", "Times New Roman", serif; text-transform: uppercase; color: #204239; !important;  }	
	h5 { font-family: 'montserratextra_bold', "Georgia", "Times New Roman", serif; text-transform: uppercase; color: #fff; !important;  }	
		
	a {color:#b49f35; !important;}	
}



	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
	.mainbg {
	height:220px;
	min-height:220px;
	margin-bottom:20px;
	padding-bottom:20px;
}
			
	.padding30 {
	padding: 0px;
}
		
	.padding50 {
	padding:0px;
	text-align: center;
} 
		
	.home-text {
	float:left;
	width:100%;
	/*margin:10px;*/
	padding:10px;
	font-size:1em;
	line-height:1.3em;
	background-image: url(../images/bg-opaque.png); 
	background-repeat: repeat;	
}
		
	.hirebg {
	margin-top:10px;
	margin-bottom:20px;
	background-image: none;
	background-color:#f5f5f5;
	color:#204239;
	text-align:left;
}
		
	.coffee {
	width:90%;
	}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */


@font-face {
    font-family: "Typewriter";
    src: url("../fonts/TYPEWR__.eot?") format("eot"), url("../fonts/TYPEWR__.woff") format("woff"), url("../fonts/TYPEWR__.ttf") format("truetype"), url("../fonts/TYPEWR__.svg#Typewriter") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TypewriterBold';
    src: url('../fonts/typewr-webfont.eot');
    src: url('../fonts/typewr-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/typewr-webfont.woff2') format('woff2'),
    url('../fonts/typewr-webfont.woff') format('woff'),
    url('../fonts/typewr-webfont.ttf') format('truetype'),
    url('../fonts/typewr-webfont.svg#typewriterbold') format('svg');
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: 'montserratextra_bold';
    src: url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}