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-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear { clear: both; }
body { position: relative; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif;}
/* GLOBAL STYLES ::::::::::::::::::::::::::::::::::::: */
a { text-decoration: none; }
.inner { width: 840px; margin: 0px auto; }
/* HEADER :::::::::::::::::::::::::::::::::::::::::::: */
#header { display: block; height: 90px; width: 100%; }
#header ul { float: right; margin-top: 65px; }
#header ul li { float: left; margin-left: 45px; }
#header ul li a { color: #395542; font-size: 14px; font-family: "UniversLTPro-65Bold", Helvetica, sans-serif; text-transform: uppercase; }
#header ul li a:hover { color: #ff6600; }
#header ul li a.active { color: #ff6600; }
#header .logo { float: left; margin-top: 15px; }
#feature { height: 132px; background: url(images/backgrounds/kale.jpg) center center repeat-x; background-size: 2000px 132px; width: 100%; }
#feature h4 { color: #fff; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; float: left; width: 415px; font-size: 13px; line-height: 17px; padding-top: 20px; }
#feature h4 img.mara { float: left; margin: -15px 10px 0px 15px;}
#feature h4 img.tagline { margin-top: 5px; }
#feature h4.meet img.tagline { margin-top: 25px; }
#feature p { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; font-size: 23px; color: #fff; text-align: center; float: right; margin: 20px 10px 0px 0px; }
#feature p img { position: relative; top: 1px; margin-left: 2px; }
#feature .button {
-moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
box-shadow:inset 0px 1px 0px 0px #ffe0b5;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc9551), color-stop(1, #ff6600));
background:-moz-linear-gradient(top, #fc9551 5%, #ff6600 100%);
background:-webkit-linear-gradient(top, #fc9551 5%, #ff6600 100%);
background:-o-linear-gradient(top, #fc9551 5%, #ff6600 100%);
background:-ms-linear-gradient(top, #fc9551 5%, #ff6600 100%);
background:linear-gradient(to bottom, #fc9551 5%, #ff6600 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc9551', endColorstr='#ff6600',GradientType=0);
background-color:#fc9551;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #c97e1c;
display:inline-block;
color:#ffffff;
font-family: "UniversLTPro-65Bold", Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
padding:8px 15px;
text-decoration:none;
margin: 10px 0px 0px;
text-shadow:0px -1px 0px #8c8581;
}
#feature .button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff6600), color-stop(1, #fc9551));
background:-moz-linear-gradient(top, #ff6600 5%, #fc9551 100%);
background:-webkit-linear-gradient(top, #ff6600 5%, #fc9551 100%);
background:-o-linear-gradient(top, #ff6600 5%, #fc9551 100%);
background:-ms-linear-gradient(top, #ff6600 5%, #fc9551 100%);
background:linear-gradient(to bottom, #ff6600 5%, #fc9551 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#fc9551',GradientType=0);
background-color:#ff6600;
}
#feature .button:active {
position:relative;
top:1px;
}
/* HOME FEATURE :::::::::::::::::::::::::::::::::::::::: */
#home-feature { background: url(images/landing-page-background.jpg) repeat-x center center; width: 100%; margin: 3px 0px 0px; display: block; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; }
#home-feature .top-gradient { width: 100%; background: url(images/top-gradient.png) repeat-x; position: absolute; height: 400px; z-index: 3000;}
#home-feature .inner { position: relative; padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px; height: 600px; z-index: 10000;}
#home-feature .inner h2 { font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; font-size: 25px; color: #fff; text-align: center; width: 376px; margin-left: 192px; padding: 10px; border: 2px solid #fff; background: url(images/green-background.png) repeat; text-transform: uppercase; }
#home-feature p { text-align: center; margin-top: 10px; }
#home-feature div.circle { width: 227px; height: 227px; background: url(images/circle-backgrounds.png) no-repeat; float: left; display: block; background-size: 227px 454px; margin-right: 39px; margin-top: 20px; text-align: center; position: relative; }
#home-feature div.circle.end { margin-right: 0px; }
#home-feature div.circle h3 { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; color: #fff; font-size: 28px; text-transform: uppercase; line-height: 25px; margin-top: 28px; }
#home-feature div.circle h3 img { margin-bottom: 16px; }
#home-feature div.circle div.overlay { width: 145px; height: 145px; background: url(images/circle-backgrounds.png) no-repeat; display: block; background-size: 227px 454px; background-position: 0 -227px; position: absolute; z-index: 10000; top: 0px; left: 0px; display: none; padding: 41px; }
#home-feature div.circle div.overlay p { width: 145px; text-align: center; margin: 0 auto; padding: 0px; font-size: 13px; line-height: 15px; display: table-cell; vertical-align: middle; }
#home-feature div.circle div.overlay p.long { position: relative; top: -5px; }
#home-feature div.circle div.overlay p.extra-long { position: relative; top: -10px; }
/* CONTACT BAR :::::::::::::::::::::::::::::::::::::::: */
#contact-bar { display: block;height: 112px; background: url(images/backgrounds/apples.jpg) center center repeat-x; background-size: 2000px 132px; width: 100%; margin: 3px 0px 0px; }
#contact-bar .inner { display: block; height: 112px;}
#contact-bar div.sign-up { width: 350px; color: #fff; font-size: 17px; font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; float: left; margin: 20px 0px 0px 50px; }
#contact-bar div.sign-up strong { font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #193622; text-transform: uppercase; font-size: 13px; }
#contact-bar div.sign-up input { margin-top: 8px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #aaa; padding: 8px; width: 244px; }
#contact-bar div.sign-up .submit { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #455f4d; color: #fff; margin-left: -1px; padding: 8px 10px; background: #455f4d; font-size: 11px; font-family: "UniversLTPro-65Bold", Helvetica, sans-serif; text-transform: uppercase; position: relative; top: -1px; width: 74px; cursor: pointer; }
#contact-bar div.sign-up .submit:hover { background: #193622; }
#contact-bar div.social-media { width: 350px; color: #fff; font-size: 17px; font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; float: right; margin: 20px 50px 0px 0px; }
#contact-bar div.social-media strong { font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #193622; text-transform: uppercase; font-size: 13px; }
#contact-bar div.social-media p.email { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; color: #fff; font-size: 18px; padding-top: 8px; border-top: 1px dotted #455f4d; margin-top: 15px; text-align: right; }
#contact-bar div.social-media p.email a { font-family: "UniversCom-67BoldCond", Helvetica, sans-serif; color: #193622; font-size: 18px; padding-top: 10px; margin-top: 10px; }
#contact-bar div.social-media p.email a:hover { color: #fff; }
#contact-bar div.social-media a.social-media-link { display: block; float: right; height: 38px; width: 38px; background-size: 38px 76px; margin: -15px 0px 0px 8px;}
#contact-bar div.social-media a.social-media-link:hover { background-position: 0px -38px; }
#contact-bar div.social-media a.twitter { background: url(images/button-twitter.png) no-repeat; background-size: 38px 76px; }
#contact-bar div.social-media a.pinterest { background: url(images/button-pinterest.png) no-repeat; background-size: 38px 76px;}
#contact-bar div.social-media a.facebook { background: url(images/button-facebook.png) no-repeat;background-size: 38px 76px; }
/* ABOUT :::::::::::::::::::::::::::::::::::::::::::: */
#about-green { background: url(images/backgrounds/brussels.jpg) repeat top center; background-size: 2000px 701px; width: 100%; margin: 3px 0px 0px; display: block; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; }
#about-green .inner { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px;}
#about-green h3 { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; font-size: 22px; margin-bottom: 25px; line-height: 24px; text-align: center;}
#about-green p.questions { line-height: 23px; margin-bottom: 20px; text-align: center;}
#about-green p.questions strong { color: #193622; font-size: 17px; }
#about-green p.diets-dont-work { text-align: center;}
#about-green p.diets-dont-work strong { font-family: "UniversCom-67BoldCond", Helvetica, sans-serif; color: #193622; font-size: 22px; text-align: center;}
#about-green h4 { font-size: 27px; font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; color: #193622; background: #eec44e; padding: 10px; border: 2px solid #fff; margin: 20px 0px; text-align: center; }
#about-green ul { float: left; border-right: 1px #193622 dotted; margin: 10px 0px 10px; }
#about-green ul.first { margin-left: 140px; }
#about-green ul.right { border-right: none; }
#about-green li { width: 140px; text-align: center; border-top: 1px #193622 dotted; font-family: "UniversCom-67BoldCond", Helvetica, sans-serif; color: #193622; font-size: 18px; text-transform: uppercase; padding: 5px 10px; }
#about-green li.top { border-top: none; }
#about-orange { background: url(images/backgrounds/oranges.jpg) repeat-x center center; background-size: 2000px 701px; width: 100%; margin: 3px 0px 0px; display: block; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; }
#about-orange .inner { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px;}
#about-orange h4 { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; color: #fff; font-size: 26px; margin: 0px 0px 10px; }
#about-orange ul { list-style-type: disc; margin-left: 25px; }
#about-orange li { line-height: 17px; margin-bottom: 8px; }
#about-orange ul li strong { font-family: "UniversLTPro-65Bold", Helvetica, sans-serif; }
#about-orange p.get-started { text-align: center; }
#about-orange p.get-started img { position: relative; top: 1px; margin-left: 2px; }
#about-orange .button {
-moz-box-shadow:inset 0px 1px 0px 0px #88d45b;
-webkit-box-shadow:inset 0px 1px 0px 0px #88d45b;
box-shadow:inset 0px 1px 0px 0px #88d45b;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0fc956), color-stop(1, #5ba434));
background:-moz-linear-gradient(top, #0fc956 5%, #5ba434 100%);
background:-webkit-linear-gradient(top, #0fc956 5%, #5ba434 100%);
background:-o-linear-gradient(top, #0fc956 5%, #5ba434 100%);
background:-ms-linear-gradient(top, #0fc956 5%, #5ba434 100%);
background:linear-gradient(to bottom, #0fc956 5%, #5ba434 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fc956', endColorstr='#5ba434',GradientType=0);
background-color:#0fc956;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #538f31;
display:inline-block;
color:#ffffff;
font-family: "UniversLTPro-65Bold", Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
padding:8px 15px;
text-decoration:none;
margin: 10px 0px 0px;
text-shadow:0px -1px 0px #8c8581;
}
#about-orange .button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5ba434), color-stop(1, #0fc956));
background:-moz-linear-gradient(top, #5ba434 5%, #0fc956 100%);
background:-webkit-linear-gradient(top, #5ba434 5%, #0fc956 100%);
background:-o-linear-gradient(top, #5ba434 5%, #0fc956 100%);
background:-ms-linear-gradient(top, #5ba434 5%, #0fc956 100%);
background:linear-gradient(to bottom, #5ba434 5%, #0fc956 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ba434', endColorstr='#0fc956',GradientType=0);
background-color:#5ba434;
}
#about-orange .button:active {
position:relative;
top:1px;
}
/* MEET :::::::::::::::::::::::::::::::::::::::::::: */
#meet-green { background: url(images/backgrounds/artichokes.jpg) repeat-x center center; background-size: 2000px 701px; width: 100%; margin: 3px 0px 0px; display: block; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; }
#meet-green .inner { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px; height: 280px; position: relative; }
#meet-green h3 { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; color: #fff; font-size: 36px; text-transform: uppercase; color: #193622; margin: 30px 0px 14px;}
#meet-green h3 img { position: absolute; bottom: 0px; right: -70px; }
#meet-green p { margin-bottom: 15px; width: 550px; }
#meet-orange { background: url(images/backgrounds/carrots.jpg) repeat top center; background-size: 2000px 1087px; width: 100%; margin: 3px 0px 0px; display: block; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; }
#meet-orange .inner { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px; position: relative; }
#meet-orange h3 { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; color: #fff; font-size: 25px; text-align: center; padding: 10px 5px; border: 1px solid #fff; dispay: block; width: 250px; margin: 0px auto; }
#meet-orange p.credits { font-family: "UniversLTPro-65Bold", Helvetica, sans-serif; font-size: 12px; text-align: center; margin-top: 4px; }
#meet-orange p.credits em { font-family: "UniversLTPro-55Oblique", Helvetica, sans-serif; }
#meet-orange p.credits a { color: #86290b; }
#meet-orange p.credits a:hover { color: #331105; }
#meet-orange div.Column { width: 350px; float: left; margin-top: 10px; }
#meet-orange div.Column p { font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 14px; line-height: 18px; margin-bottom: 20px; }
#meet-orange div.Column p strong { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; color: #86290b; font-size: 20px; line-height: 18px; margin-bottom: 5px; }
#meet-orange div.Column.right { float: right; font-size: 15px; }
/* PROCESS :::::::: */
#process-orange { background: url(images/backgrounds/carrots.jpg) repeat-x center center; background-size: 2000px 1087px; width: 100%; margin: 3px 0px 0px; display: block; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; position: relative; }
#process-orange .inner { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px; position: relative; }
#process-orange .inner h3 { font-size: 26px; color: #fff; font-family: "UniversLTPro-Condensed", Helvetica, sans-serif;}
#process-orange p { text-align: center; }
#process-orange p.click { font-family: "UniversLTPro-65Bold", Helvetica, sans-serif; color: #fff; background: url(images/process-background.png) repeat; padding: 5px; width: 500px; margin-left: 130px; margin-top: 8px; }
#process-orange h4 { position: relative; font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; font-size: 40px; color: #fff; text-align: center; width: 200px; margin: 30px 30px 40px; float: left; }
#process-orange h4.first { margin-left: 26px; }
#process-orange h4.last { margin-right: 0px; }
#process-orange h4 strong { font-family: "UniversCom-67BoldCond", Helvetica, sans-serif; }
#process-orange h4 a { position: relative; display: block;width: 147px; height: 147px; background-size: 147px 294px; margin-left: 26px;}
#process-orange h4.understand a { background: url(images/button-understand.png) center top no-repeat; background-size: 147px 294px; }
#process-orange h4.plan a { background: url(images/button-plan.png) center top no-repeat; background-size: 147px 294px;}
#process-orange h4.practice a { background: url(images/button-practice.png) center top no-repeat; background-size: 147px 294px;}
#process-orange h4 a:hover { background-position: 0px -147px;}
#process-orange h4 a:active { top: 1px; }
#process-orange p.clear strong { font-family: "UniversLTPro-65Bold", Helvetica, sans-serif; }
#process-orange #carousel { background: url(images/background-process-overlay.png) repeat; background-size: 4px 4px; width: 100%; height: 100%; display: block; position: absolute; top: 0px; display: none; }
#process-orange #carousel .inner { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 10px; position: relative; }
#process-orange #carousel p strong { font-family: "UniversLTPro-65Bold", Helvetica, sans-serif; }
#process-orange #carousel .carousel { float: left; display: block; width: 760px; height: 310px; }
#process-orange #carousel .carousel div { float: left; width: 225px; text-align: center; margin: 70px 0px 20px 10px; }
#process-orange #carousel .carousel div.first { margin-left: 10px; }
#process-orange #carousel .carousel div.last { margin-left: 60px; }
#process-orange #carousel .carousel h5 { font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; text-transform: uppercase; font-size: 15px; border: 1px solid #fff; padding: 4px 0px 3px; width: 150px; margin-left: 40px; }
#process-orange #carousel .carousel div p { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; font-size: 25px; line-height: 27px; margin-top: 10px; }
#process-orange #carousel .carousel div p em { font-family: "UniversLTPro-55Oblique", Helvetica, sans-serif; font-size: 10px; }
#process-orange #carousel .carousel h4 { font-size: 45px; margin-top: -50px; text-align: center; }
#process-orange #carousel .carousel h4 img { margin-bottom: 30px; margin-left: 10px; }
#process-orange #carousel p.clear a { color: #fff; position: relative; }
#process-orange #carousel p.clear a:hover { color: #722712; }
#process-orange #carousel p.clear a:active img { top:4px; }
#process-orange #carousel p.clear img { position: relative; top: 3px; margin-right: 5px; }
#process-orange #process-carousel { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px; overflow: hidden; height: 270px; display: block; background: none; }
#process-orange a.prev, a.next {
width: 32px;
height: 118px;
display: block;
position: absolute;
top: 135px;
z-index: 10000;
}
#process-orange a.prev { left: -62px;
background-position: 0 0; background: url(images/arrow-left.png) no-repeat; background-size: 32px 118px; }
#process-orange a.next { right: -62px;
background: url(images/arrow-right.png) no-repeat; background-size: 32px 118px; }
#process-orange a.prev span, a.next span {
display: none;
}
#process-green { background: url(images/backgrounds/asparagus.jpg) no-repeat top center; background-size: 2000px 2000px; background-color: #0e5b27; width: 100%; margin: 3px 0px 0px; display: block; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; }
#process-green .inner { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px; position: relative; }
#process-green p { text-align: justify; font-size: 14px; line-height: 19px; }
#process-green p.credit { text-align: right; margin-bottom: 20px; }
#process-green p.credit strong { color: #eec44e; font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; font-size: 20px; }
#process-green p.credit em { font-family: "UniversLTPro-55Oblique", Helvetica, sans-serif; }
#process-green p.credit { text-align: right; margin-bottom: 20px; }
#process-green h3 { font-size: 26px; color: #fff; font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; padding: 10px; border: 1px solid #fff; width: 200px; text-align: center; margin-left: 270px; margin-bottom: 20px; }
/* CONTACT ::::::::::::::::::::::::::::::::::::::::::: */
#contact-green { background: url(images/backgrounds/lettuce.jpg) repeat-x center center; background-size: 2000px 442px; width: 100%; margin: 3px 0px 0px; display: block; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; }
#contact-green .inner { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px; position: relative; }
#contact-green h4 { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; text-align: center; font-size: 24px; line-height: 24px; color: #fff; margin-top: 0px;}
#contact-green p { font-family: "UniversLTPro-65Bold", Helvetica, sans-serif; text-align: center; font-size: 17px; color: #fff; margin-top: 20px;}
#contact-green h3 { font-size: 30px; font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; color: #193622; background: #eec44e; padding: 15px 10px; border: 2px solid #fff; margin: 20px 0px; text-align: center; width: 320px; margin-left: 220px; }
#contact-form #container.ltr form { font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; }
#contact-form #container.ltr form label { color: #193622; letter-spacing: normal; line-height: 16px; font-weight: normal; font-size: 18px; margin-bottom: 5px; }
#contact-form #container.ltr form label em { font-family: "UniversLTPro-55Oblique", Helvetica, sans-serif; font-size: 13px; color: #aaa; }
#contact-form #container.ltr form legend em { font-family: "UniversLTPro-55Oblique", Helvetica, sans-serif; font-size: 13px; color: #aaa; }
#contact-form #container.ltr form span label { color: #aaa; font-size: 12px; text-align: left; padding-left: 5px;}
#contact-form #container.ltr form fieldset span label { color: #aaa; font-size: 15px; text-align: left; margin-top: -15px;}
#contact-form #container.ltr form li.name input { width: 320px; margin-right: 5px; }
#contact-form #container.ltr form input { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; color: #77bd43; }
#contact-form #container.ltr form textarea { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; color: #77bd43; }
#contact-form #container.ltr form li { width: 760px; padding: 10px 10px; }
#contact-form #container.ltr form li.focused { background-color: #eef7e8; }
#contact-form #container.ltr form li fieldset legend { font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; text-transform: normal; color: #193622; letter-spacing: normal; font-size: 18px; line-height: 16px; font-weight: normal; margin-bottom: 10px; }
#contact-form #container.ltr form label.choice { margin-left: 15px; }
#contact-form #container.ltr form li div span { margin-right: 20px; }
#contact-form #container.ltr form h3 { color: #77bd43; font-size: 30px; margin: 0px; padding: 10px 0px 0px;}
#contact-form #container.ltr form .other-display, #contact-form #container.ltr form .phone-display { display: none; }
#contact-form #container.ltr form .submit { background: #193622; padding: 10px; color: #fff; position: relative; font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; font-size: 18px; }
#contact-form #container.ltr form .submit:hover { background: #77bd43; color: #fff; }
#contact-form #container.ltr form .submit:active { top: 1px; }
#contact-form #container.ltr form li.waterPerDay select { position: relative; top: -2px; margin-left: 5px; }
#contact-form #container.ltr form li.name span#required-descrip { font-size: 14px; color: #ccc; margin-bottom: 20px; font-style: italic; }
#contact-form #container.ltr form div.options li { display:none; }
#thank-you { background: url(images/backgrounds/carrots.jpg) repeat top center; background-size: 2000px 1087px; width: 100%; margin: 3px 0px 0px; display: block; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; height: 700px; }
#thank-you .inner { padding-top: 20px; width: 760px; text-align: justify; padding-bottom: 30px; position: relative; }
#thank-you .inner h4 { font-family: "UniversLTPro-Condensed", Helvetica, sans-serif; text-align: center; font-size: 36px; line-height: 24px; color: #fff; margin-top: 20px; }
#thank-you .inner h4 img { margin: 20px 20px 40px; width: 164px; height: 164px; opacity:0.7; filter:alpha(opacity=70); }
#thank-you .inner p { font-size: 18px; text-align: center; margin: 10px; }
#thank-you .inner p a { color: #86290b; }
#thank-you .inner p a:hover { color: #331105; }
/* .regular-radio {
display: none;
}
.regular-radio.male {
-webkit-appearance: none;
background-image: url("images/icon-male-unselected.png");
background-repeat: no-repeat;
background-size: 75px 75px;
display: inline-block;
position: relative;
height: 75px;
width: 75px;
}
.regular-radio.female + label {
-webkit-appearance: none;
background-image: url("images/icon-female-unselected.png");
background-repeat: no-repeat;
background-size: 75px 75px;
display: inline-block;
position: relative;
height: 75px;
width: 75px;
}
#contact-form #container.ltr form li.gender div input span { height: 75px; width: 75px; position: relative; }
#contact-form #container.ltr form li.gender span label { position: relative; text-align: center; }
.regular-radio.male:checked + label:after {
content: ' ';
background-image: url("images/icon-male-selected.png");
}
.regular-radio.male:checked + label {
background-image: url("images/icon-male-selected.png");
}
.regular-radio.female:checked + label:after {
content: ' ';
background-image: url("images/icon-female-selected.png");
}
.regular-radio.female:checked + label {
background-image: url("images/icon-female-selected.png");
}
*/
/* FOOTER :::::::::::::::::::::::::::::::::::::::::::: */
#footer { background: #193622; width: 100%; height: 120px; margin: 3px 0px 0px; font-family: "UniversLTPro-55Roman", Helvetica, sans-serif; }
#footer .inner { padding: 20px 0px 0px; position: relative; height: 100px; }
#footer img.badge { float: right; margin-top: 0px; margin-right: 50px; }
#footer h5 { font-size: 9px; color: #6a9d44; text-transform: uppercase; margin: 0px 0px 0px 50px; float: left; }
#footer ul { clear: left; margin: 12px 0px 0px 50px; width: 600px; }
#footer li { font-size: 15px; color: #fff; line-height: 18px; }
#footer li em { font-size: 14px; color: #6a9d44; font-family: "UniversLTPro-55Oblique", Helvetica, sans-serif; line-height: 20px;}
#footer p.copyright { position: absolute; bottom: 5px; font-size: 8px; color: #6a9d44; margin: 0px 0px 0px 50px; }