/*
* 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
================================================== */
.nav{
  text-align: right;
  position:fixed;
  color: #fff;
  border-top:0px;
  border-bottom:0px;
  margin-top:45px;
  background-image:url('../images/nav_bg.png');
  background-position:right;
  height: 24px;
  width: 700px;
  z-index: 1;

  

}
.nav:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.nav a:hover, { color: #ffffff; text-decoration: none; outline: 0; }
h5 a, h5 a:visited, h5 a:hover, h5 a:focus { color: #ffffff; text-decoration: none; outline: 0; }

#menu-icon {	
	position: absolute;
	left: 280px !important;
	top: 0px !important;
	display: none;
	width: 40px;
	height: 40px;
	background: #5a471b url('../images/menu-icon.png') center;	

}

a:hover#menu-icon {

	background-color: 5a471b;
	border-radius: 4px 4px 0 0;

}


.fade {
	background-color: #fff;
	opacity: 0.5;
	position:fixed;
	margin-top: -38px;
	/*z-index:1;*/
	height: 100px;
	}
	
h6:before { 
  display: block; 
  content: " "; 
  margin-top: -80px; 
  height: 80px; 
  visibility: hidden; 
}

#anchor {
    padding-top: 250px;
    margin-top: 250px;
}


.legal {
	color:#5a471b;
	font-size:10px;
	line-height:12px;
}

.fixed {
	position: fixed;
	z-index: 2;
    top: 15px;
	margin-left: 10px;	
}

.products {
	display: table-cell;
	vertical-align: middle;
}
.canvas .omega{
	/*margin-top: 50px;*/
}
.canvas{
	padding: 15px;
	background-image:url('../images/texture.png');
	background-repeat:no-repeat;
	}
.canvas a{	
	color: #5A471B;}
	
.wood {
	background-image:url('../images/woodisgood.jpg');
	background-position:top right;
	background-repeat: repeat-y;
	box-shadow: 0 -5px 10px -5px #888, 0 5px 10px -5px #888;
	color: #fff;
	 }
	 
.wood h2 {
	text-align:center;
	color:#ffffff;
}

.wood h3 {
	text-align:center;
	color:#ffffff;
}

.wood p {
	text-align: center;
}

.wood a {
	color: #fff;
}

.simple{
	background-image: url('../images/simple_bg.png');
	background-position:right;
	background-repeat:no-repeat;
	margin-top: 50px;
	padding-top: 190px;
	padding-bottom: 25px;
}


.thanks{
	margin-top: 100px;
	margin-bottom: 30px;
}

.thanks img{
	padding-top: 30px;
	padding-right: -20px;
	maring-right: -30px;}


.first{
	margin-top: -80px;
	margin-bottom: 80px;
	
}


.first h2{
	font-size: 51px;
	
}

.first h3{
	font-size: 28px;
}
	
.thanks h2{
	font-size: 71px;
	
}

.thanks h3{
	font-size: 42px;
	margin-left: 30px;

	
}

.learnmore {
	background-image: url('../images/learnmore_bg.png');
	background-position:right;
	background-repeat:no-repeat;
	min-height: 401px;
	padding-left:20px;
}
.learnmore h4{
	padding-top: 100px; padding-left: 40px; padding-bottom:10px;
}

.line {
	
	background-color: #5a471b;
	height:2px;
	margin-bottom:15px;
	}
	
.container .three.columns{
    min-height: 3em;
     position: relative;}	
	 
	 .container .three.columns h7{
	margin: 0;
   position: absolute;               /* 2 */
   top: 50%;                         /* 3 */
   margin-left: -30px;
   transform: translate(0, -50%)}	


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

.recipes{
	font-style: light;
	color: #000;
	font-size:14px;
	line-height:17px;
}

.recipes p{
margin-right: 10px;
}

.recipes ul{
	display: block;
	float: none;}
	
.recipes li{
	
	display: block;
	float: none;}

b{
	color:inherit;
	font-weight: bold;
}

i{
	font-style:italic;}



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

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

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* 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
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
		
		


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

}

@font-face {
    font-family: 'colfax';
    src: url('../fonts/Colfax-Regular.otf');
    src: url('../fonts/Aleo-BoldItalic.otf?#iefix') format('opentype'),
         url('../fonts/Aleo-BoldItalic.ttf') format('truetype'),;
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CubanoRegular';
    src: url('../fonts/cubano-regular-webfont.eot');
    src: url('../fonts/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cubano-regular-webfont.woff') format('woff'),
         url('../fonts/cubano-regular-webfont.ttf') format('truetype'),
         url('../fonts/cubano-regular-webfont.svg#CubanoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	
@font-face {
    font-family: 'AleoRegular';
    src: url('../fonts/Aleo-Regular.otf');
    src: url('../fonts/Aleo-Regular.otf?#iefix') format('opentype'),
         url('../fonts/Aleo-Regular.ttf') format('truetype'),;
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AleoItalic';
    src: url('../fonts/Aleo-Italic.otf');
    src: url('../fonts/Aleo-Italic.otf?#iefix') format('opentype'),
         url('../fonts/Aleo-Italic.ttf') format('truetype'),;
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'AleoBold';
    src: url('../fonts/Aleo-Bold.otf');
    src: url('../fonts/Aleo-Bold.otf?#iefix') format('opentype'),
         url('../fonts/Aleo-Bold.ttf') format('truetype'),;
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'AleoBoldItalic';
    src: url('../fonts/Aleo-BoldItalic.otf');
    src: url('../fonts/Aleo-BoldItalic.otf?#iefix') format('opentype'),
         url('../fonts/Aleo-BoldItalic.ttf') format('truetype'),;
    font-weight: bold;
    font-style: italic;

}

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/