/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 10, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
html, body {
  height: 100%;
}

/* line 12, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
.main-contain {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -86px;
}
/* line 18, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
.main-contain .footer-pad {
  height: 86px;
}

/* line 20, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
.footer {
  clear: both;
  position: relative;
  height: 86px;
}

/* line 24, ../sass/screen.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 26, ../sass/screen.scss */
.contain {
  width: 1010px;
  padding: 0 16px;
  margin: 0 auto;
  overflow: hidden;
}

/* line 28, ../sass/screen.scss */
section {
  width: 100%;
  float: left;
  clear: both;
}
/* line 32, ../sass/screen.scss */
section.top {
  background: white;
  height: 160px;
}
/* line 36, ../sass/screen.scss */
section.top .nav ul {
  text-align: center;
  list-style: none;
  height: 160px;
}
/* line 42, ../sass/screen.scss */
section.top .nav ul li {
  margin: 16px 30px 0;
  display: inline-block;
}
/* line 47, ../sass/screen.scss */
section.top .nav ul li.logo {
  position: relative;
  top: 24px;
}
/* line 51, ../sass/screen.scss */
section.top .nav ul a {
  font-family: "futura-pt";
  font-size: 1.25em;
  font-weight: 400;
  color: #57546a;
  text-decoration: none;
  letter-spacing: 0.1em;
}
/* line 60, ../sass/screen.scss */
section.top .nav ul a:hover, section.top .nav ul a:focus {
  color: #009347;
}
/* line 72, ../sass/screen.scss */
section.banner {
  height: 498px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: white;
}
/* line 76, ../sass/screen.scss */
section.banner h1 {
  font-family: "brandon-grotesque";
  color: white;
  margin: 175px auto 0;
  font-size: 8.5em;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-shadow: 1px 11px 18px rgba(0, 0, 0, 0.5);
}
/* line 78, ../sass/screen.scss */
section.banner h2 {
  font-family: "museo-slab";
  font-weight: 300;
  color: white;
  font-size: 6.25em;
  font-style: italic;
  padding-left: 2em;
  letter-spacing: .04em;
  text-shadow: 1px 11px 18px rgba(0, 0, 0, 0.5);
}
/* line 81, ../sass/screen.scss */
section.banner h2 .reg {
  font-size: .2em;
}
/* line 85, ../sass/screen.scss */
section.banner h3 {
  font-family: "futura-pt";
  color: white;
  font-size: 1.15em;
  line-height: 2em;
  letter-spacing: .04em;
}
/* line 89, ../sass/screen.scss */
section.banner h3.quote {
  position: relative;
  top: 68%;
  width: 420px;
  margin: 0 auto;
  text-align: left;
  left: 200px;
  text-shadow: 1px 11px 18px rgba(0, 0, 0, 0.5);
}
/* line 93, ../sass/screen.scss */
section.banner#home {
  background-image: url(../images/home_banner.jpg);
  background-position: 50% 50%;
  height: 648px;
}
/* line 95, ../sass/screen.scss */
section.banner#about {
  background-image: url(../images/about_banner.jpg);
  background-position: 50% 50%;
}
/* line 97, ../sass/screen.scss */
section.banner#products {
  background-image: url(../images/products_banner.jpg);
  background-position: 50% 50%;
}
/* line 99, ../sass/screen.scss */
section.banner#products0 {
  background-image: url(../images/corn_oil_products_bg.jpg);
  background-position: 50% 50%;
}
/* line 101, ../sass/screen.scss */
section.banner#products1 {
  background-image: url(../images/vegetable_oil_products_bg.jpg);
  background-position: 50% 50%;
}
/* line 103, ../sass/screen.scss */
section.banner#products2 {
  background-image: url(../images/canola_oil_products_bg.jpg);
  background-position: 50% 50%;
}
/* line 105, ../sass/screen.scss */
section.banner#contact {
  background-image: url(../images/contact_banner.jpg);
  background-position: 50% 20%;
}
/* line 109, ../sass/screen.scss */
section.content {
  background-color: #fcfbf6;
  padding: 4em 0;
}
/* line 113, ../sass/screen.scss */
section.content h2 {
  font-family: "brandon-grotesque";
  color: #57546a;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: .09em;
  padding: 1em 0 .5em;
}
/* line 115, ../sass/screen.scss */
section.content h3 {
  float: left;
  width: auto;
  font-family: "brandon-grotesque";
  font-weight: 500;
  font-size: 1.3em;
  margin: 1em 0;
}
/* line 118, ../sass/screen.scss */
section.content h3 a {
  color: #57546a;
  text-decoration: none;
}
/* line 126, ../sass/screen.scss */
section.content h4 {
  float: none;
  font-family: "museo-slab";
  font-size: 1.1em;
  letter-spacing: .04em;
}

/* line 132, ../sass/screen.scss */
p {
  font-family: "futura-pt";
  font-size: 1.15em;
  color: #868680;
  font-weight: 300;
  line-height: 1.65em;
  padding: .5em 0;
}
/* line 135, ../sass/screen.scss */
p strong {
  font-weight: 400;
}

/* line 139, ../sass/screen.scss */
.half-left {
  width: 45%;
  margin-right: 5%;
  float: left;
}

/* line 141, ../sass/screen.scss */
.half-right {
  width: 45%;
  margin-left: 5%;
  float: left;
}

/* line 143, ../sass/screen.scss */
.three-bottles {
  background: url(../images/bottles_group.png) 50% 0 no-repeat;
  height: 420px;
}

/* line 145, ../sass/screen.scss */
.footer {
  background-color: #dddcd1;
  text-align: center;
  padding-top: 2em;
  color: #868680;
  font-family: "futura-pt";
  font-size: 1.05em;
  letter-spacing: .03em;
}

/* line 147, ../sass/screen.scss */
.rounded {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #009347;
  width: auto;
}
/* line 150, ../sass/screen.scss */
.rounded a {
  padding: .5em;
  display: block;
}

/* line 154, ../sass/screen.scss */
ul.checkmarks {
  margin-left: 25%;
}
/* line 157, ../sass/screen.scss */
ul.checkmarks li {
  float: left;
  width: 100%;
  list-style-image: url(../images/checkmark.png);
  list-style-position: outside;
  font-family: "museo-slab";
  font-size: 1.4em;
  color: #57546a;
  font-weight: 300;
  padding: .25em 0;
}

/* line 163, ../sass/screen.scss */
form#contact input, form#contact textarea {
  font-family: "futura-pt";
  background: #dddcd1;
  border: none;
  color: #868680;
  padding: .75em;
  width: 100%;
  margin: .6em 0;
  font-size: 1em;
  letter-spacing: .07em;
}
/* line 177, ../sass/screen.scss */
form#contact textarea {
  height: 180px;
  resize: none;
}
/* line 184, ../sass/screen.scss */
form#contact button {
  width: auto;
  background-color: #57546a;
  color: white;
  text-align: center;
  border: none;
  padding: .5em;
  text-transform: capitalize;
  font-size: 1em;
  letter-spacing: .1em;
  margin: 1em 0 0;
  cursor: pointer;
  float: right;
  clear: both;
}
/* line 202, ../sass/screen.scss */
form#contact #pot {
  display: none;
}

/* line 206, ../sass/screen.scss */
.center {
  text-align: center;
}

/* line 208, ../sass/screen.scss */
.white-bg {
  background-color: white !important;
}

/* line 210, ../sass/screen.scss */
.beige-bg {
  background-color: #fcfbf6;
}

/* line 212, ../sass/screen.scss */
.grey-bg {
  background-color: #dddcd1;
}

/* line 214, ../sass/screen.scss */
.full-contain {
  width: 100%;
  overflow: hidden;
}

/* line 218, ../sass/screen.scss */
.products-contain .full-contain {
  padding: 3em;
  margin: 2em 0;
  border-top: 3px solid;
}
/* line 222, ../sass/screen.scss */
.products-contain.cooking-oils .full-contain {
  border-top-color: #c51f43;
}
/* line 224, ../sass/screen.scss */
.products-contain.cooking-oils ul {
  text-align: center;
  margin: 3em 0 0;
}
/* line 227, ../sass/screen.scss */
.products-contain.cooking-oils ul li {
  display: inline-block;
  width: 276px;
  list-style: none;
  font-family: "museo-slab";
  font-size: 1.1em;
  color: #57546a;
  font-weight: 300;
  text-align: center;
  background: url(../images/cooking_oils_bg.jpg) 50% 50% no-repeat;
  margin: 0 6px;
}
/* line 231, ../sass/screen.scss */
.products-contain.cooking-oils ul li span {
  background: white;
  width: 160px;
  height: 160px;
  position: absolute;
  margin: 110px 0 0 -135px;
  text-align: center;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
}
/* line 235, ../sass/screen.scss */
.products-contain.cooking-oils ul li span h4 {
  text-align: center;
  margin-top: 65px;
  text-transform: capitalize;
}
/* line 237, ../sass/screen.scss */
.products-contain.cooking-oils ul li span p {
  padding: 0;
}
/* line 241, ../sass/screen.scss */
.products-contain.cooking-oils ul li a {
  text-decoration: none;
  color: inherit;
  display: block;
}
/* line 249, ../sass/screen.scss */
.products-contain.corn-oil .full-contain {
  border-top-color: #e2cf1f;
}
/* line 250, ../sass/screen.scss */
.products-contain.vegetable-oil .full-contain {
  border-top-color: #3188c9;
}
/* line 251, ../sass/screen.scss */
.products-contain.canola-oil .full-contain {
  border-top-color: #158947;
}

/* line 255, ../sass/screen.scss */
.thirds {
  width: 33%;
  padding: 0 2%;
  float: left;
}

/* line 257, ../sass/screen.scss */
.hide {
  display: none;
}

/* line 259, ../sass/screen.scss */
.right-float {
  float: right;
}

/* line 261, ../sass/screen.scss */
.product-description {
  padding: 1em;
  background-color: #f7f5eb;
  margin: 0 0 1em 0;
}
/* line 264, ../sass/screen.scss */
.product-description p {
  font-size: 1em;
}

/* line 268, ../sass/screen.scss */
.back-to-products {
  float: right;
  font-size: .8em;
  color: #868680;
  position: relative;
  top: 1.2em;
  font-size: .45em;
  cursor: pointer;
}
/* line 271, ../sass/screen.scss */
.back-to-products:hover {
  text-decoration: underline;
}