@import url('//fonts.googleapis.com/css?family=Oswald:400,300');

/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #784A2A; color: #fff; text-shadow: none; }
::selection { background: #784A2A; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline:none; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; text-align:center; }

/* ==== custom styles =====================================================
   Author: J. Kent Rudeen
========================================================================== */

h1, h3 { 
  font-family: 'Oswald', sans-serif; 
  font-weight: 300; 
  text-transform: uppercase; 
  text-shadow: -2px 2px 2px rgba(20, 20, 20, .4); 
  color: white;
  font-size: 38px;
}

h3 {
  font-size: 24px;
}

html {height:100%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;}
body {
	font: 12px/16px Arial, Helvetica, sans-serif;
	background: #E5A733 url(../../images/desert_bgloop-2522.jpg) repeat-y center top;
	height:100%;
	color:#222222;
}
body.eden {
	background: #2A7097 url(../../images/eden_bgloop-2522.jpg) repeat-y center top;
}
body.rainforest {
	background: #131E0E url(../../images/rainforest_bgloop-2522.jpg) repeat-y center top;
	color:#FFFFFF;
}
body.seaparting {
	background: #224074 url(../../images/seaparting_bgloop-2522.jpg) repeat-y center top;
}
body.darknight {
	background: #0A0B18 url(../../images/darknight_bgloop-2522.jpg) repeat-y center top;
	color:#FFFFFF;
}
.site-bgwrapper {
	width:100%;
	margin:0 auto;
	background-image: url(../../images/desert_bg-2522x812.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
.eden .site-bgwrapper {
	background-image: url(../../images/eden_bg-2522x812.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
.rainforest .site-bgwrapper {
	background-image: url(../../images/rainforest_bg-2522x812.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
.seaparting .site-bgwrapper {
	background-image: url(../../images/seaparting_bg-2522x812.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
.darknight .site-bgwrapper {
	background-image: url(../../images/darknight_bg-2522x812.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
#site-container{
	width:1102px;
	margin-left:auto;
	margin-right:auto;
}
a:link, a:visited {
	color:#663300;
	text-decoration:underline;
}
a:active, a:hover, a:focus {
	color:#663300;
	text-decoration:none;
}

/* --------- STYLES For SITE HEADER --------- */

header {
	width:1102px;
	height:281px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0;
}
header h1 {
	width:1102px;
	height:183px;
	margin:0;
}
header>h1>a>img {
	width:100%;
	height:auto;
	max-width:1102px;
}
header nav {
	margin:0;
	padding:0;
	height:98px;
	background-image: url(../../images/desert_epic_header-c2.png);
	background-repeat: no-repeat;
	background-size:100%;
	text-align:center;
}
.darknight header nav {
	background-image: url(../../images/darknight_epic_header-c2.png);
}
.rainforest header nav {
	background-image: url(../../images/rainforest_epic_header-c2.png);
}
.eden header nav {
	background-image: url(../../images/eden_epic_header-c2.png);
}
.seaparting header nav {
	background-image: url(../../images/seaparting_epic_header-c2.png);
}
nav ul {
	list-style:none;
	width: 731px;
	padding:45px 0 0 0;
	margin:0 auto;
}
nav li {
	float:left;
	display:block;
	position:relative;
	margin-right:25px;
}
.ie nav li {
	margin-right:20px;
}
nav li:last-child, ie nav a.store {
	margin-right:0;
}
nav a {
	height:28px;
	display:block;
}
nav a.home {
	width:75px;
	background-image: url(../../images/home_epic-nav.png);
	background-repeat: no-repeat;
}
nav a.about {
	width:83px;
	background-image: url(../../images/about_epic-nav.png);
	background-repeat: no-repeat;
}
nav a.parents {
	width:98px;
	background-image: url(../../images/parents_epic-nav.png);
	background-repeat: no-repeat;
}
nav a.features {
	width:108px;
	background-image: url(../../images/features_epic-nav.png);
	background-repeat: no-repeat;
}
nav a.art {
	width:50px;
	background-image: url(../../images/art_epic-nav.png);
	background-repeat: no-repeat;
}
nav a.store {
	width:73px;
	background-image: url(../../images/store_epic-nav.png);
	background-repeat: no-repeat;
}
nav a.signin {
	width:94px;
	background-image: url(../../images/signin_epic-nav.png);
	background-repeat: no-repeat;
}
nav li .rollover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:991;
	display:none;
	background:none;
}

/*.announce {
  background: url(../../images/year2-banner.png) no-repeat;
  width: 319px;
  height: 71px;
  position: absolute;
  top: 0;
  right: 10%;
}*/

/* --------- STYLES For Main content area --------- */

.mainArea {
	width:940px;
	margin-right:auto;
	margin-left:auto;
	font-size: 1.3em;
	line-height: 1.5em;
}
.mainArea h2 {
	font-family: 'IM Fell French Canon SC', serif;
	color:#663300;
	font-size: 1.2em;
	font-weight: normal;
}
.darknight .mainArea h2, .rainforest .mainArea h2 {
	color:#e5d090;
}

/* --------- STYLES For Home left content area --------- */

.home {
	background-image: url(../../images/home_epic-mainbg2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.home h1 {
	width:498px;
	height:148px;
	margin: 0 0 0 88px;
	background-image: url(../../images/home_epic-main-h1.png);
	background-repeat: no-repeat;
	background-position: left -15px;
}
.videoPane {
	float:left;
	position:relative;
	width:375px;
	height:211px;
	padding:0;
}
.playButton {
	padding:0;
	margin:0 0 0 417px;
	position:relative;
	width:162px;
	height:190px;
}
.playButton .rollover {
	position:absolute;
	top:0;
	left:0;
	width:162px;
	height:190px;
	padding:0;
	margin:0;
	z-index:999;
	display:none;
}
.playButton img {
	width:162px;
	height:190px;
}
.vimeoContainer {
	width:375px;
	height:211px;
	background-color:#000000;
	margin: -10px 0 0 200px;
}
.vimeoContainer>iframe{
	width:375px;
	height:211px;
}

/* STYLES For right col on home page */
.home .rightCol {
	padding: 0 0 15px 20px;
	width: 290px;
	margin-left: 630px;
}


/* --------- STYLES For CONTACT left content area --------- */

.contact {
	background-image: url(../../images/contact_epic-mainbg5.png);
	background-repeat: no-repeat;
	background-position: left 30px;
	min-height:607px;
}
.contact .leftCol {
	float:left;
	position:relative;
	width:245px;
	height:89px;
	padding:0;
}
.contact h1 {
	width:185px;
	height:89px;
	margin: 0 0 0 60px;
	background-image: url(../../images/contact_epic-main-h1b.png);
	background-repeat: no-repeat;
}
/* STYLES For right col on CONTACT page */
.contact .rightCol {
	padding: 0 0 15px 20px;
	width: 675px;
	height:345px;
	margin-left: 245px;
}


/* --------- STYLES for FOR PARENTS PAGE --------- */
.forparents .parentsLogo {
	width:200px;
	height:89px;
	margin: 0;
	background-image: url(../../images/parents_epic-main-h1.png);
	background-repeat: no-repeat;
}
.forparents .leftCol {
	float:left;
	position:relative;
	width:250px;
	padding:0;
}

.forparents .rightCol {
	padding: 0 0 15px 0;
	width: 690px;
	margin-left: 250px;
}
.forparents .downloadList{
	list-style:none;
	margin:0 auto;
	padding:0;
	width:100%;
}
.forparents .downloadList li{
	display: block;
	height:31px;
  margin-bottom: 20px;
}
.forparents .downloadList li a{
	width:90%;
	display:block;
	text-align:center;
}

.forparents .threeLeftCol,
.forparents .threeMidCol {
  float: left;
  position: relative;
  width: 307px;
  margin-right: 10px;
}

.forparents .threeRightCol {
  float: right;
  position: relative;
  width: 306px;
}

.forparents .scrollPanel {
  margin-top: 40px;
}

/* --------- STYLES for ABOUT PAGE --------- */


.aboutpage {
	background-image: url(../../images/about_epic-mainbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:786px;
}
/* --- left content area --- */
.aboutpage .leftCol {
	float:none;
	position:relative;
	margin-left:20px;
}
.aboutpage h1 {
	width:495px;
	height:84px;
	margin:0;
	background-image: url(../../images/about_epic-main-h1.png);
	background-repeat: no-repeat;
	background-position: left 50px;
}
.aboutpage h1:first-child {
	padding-top: 70px;
}

/* STYLES For right col on ABOUT page */
.aboutpage .rightCol {
	float:right;
	padding:0;
	width: 530px;
	height:630px;
	margin:0;
}

/* --------- STYLES for FEATURES PAGE --------- */


.featurespage {
	background:none;
}
/* --- left content area --- */
.featurespage .leftCol {
	float:none;
	position:relative;
	padding:0 40px;
}
.featurespage h1 {
	width:106px;
	height:62px;
	margin:0;
	background-image: url(../../images/features_epic-main-h1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.featurespage .leftCol iframe {
	width:100% !important;
	max-width:854px;
	max-height:480px;
}


/* --------- STYLES for STORE PAGE --------- */


.storepage {
	background: url(../../images/store-bg.png) no-repeat right bottom;
	min-height:573px;
  padding-bottom: 150px;
  width:1000px;
}

.storepage .col1,
.storepage .col2,
.storepage .col3 {
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	width:32%;
}

.storepage .bumpdown {
  padding-top:25px;
}

.storepage .col1,
.storepage .col2 {
  background: url('../../images/sectionDividerTall.png') no-repeat right center;
}

.storepage .col1 {
  padding-right: 4%;
}

.storepage .col3 {
  padding-left: 4%;
}

.storepage .col2 {
  padding-left: 2%;
  padding-right: 2%;
}

.storepage .col3 p,
.storepage .col3 h2 {
	padding:0 0 0 10px;
	margin-top:0;
}

.storepage .col1 li,
.storepage .col2 li,
.storepage .col3 li {
	font-size: 0.9em;
}

.storepage .col1 h2,
.storepage .col2 h2,
.storepage .col3 h2 {
	font-size: 1.1em;
}

.storepage .col1 p,
.storepage .col2 p,
.storepage .col3 p {
	font-size: 1.1em;
}

.storepage .specialNote {
font-size: .9em;
padding: 10px;
}

.storepage .clickMeButton {
  display: inline-block;
  margin: 5px 0 20px 0;
}

/* --------- STYLES for FREE SAMPLES PAGE --------- */


.freesamplespage {
	background:none;
}
/* --- left content area --- */
.freesamplespage .leftCol {
	float:none;
	position:relative;
	padding:0 90px;
}
.freesamplespage h1 {
	width:161px;
	height:71px;
	margin:0;
	background-image: url(../../images/freesamples_epic-main-h1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.freesamplespage .gallery {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:600px;
}
.freesamplespage .gallery li {
	float:left;
	display:block;
	margin:0;
	text-align:center;
	width:200px;
	height:270px;
}
.freesamplespage .gallery li .title {
	font-size: 0.9em;
}
.freesamplespage .gallery .downloadLink {
	padding-top:10px;
}
.freesamplespage videoContainer {
	width:100%;
	max-width:854px;
	max-height:480px;
}
.freesamplespage videoContainer iframe {
	width:100%;;
	max-width:854px;
	max-height:480px;
}

/* --------- STYLES for ART PAGE --------- */


.artpage {
	background:none;
}
/* --- left content area --- */
.artpage .leftCol {
	float:none;
	position:relative;
	padding:0;
}
.artpage h1.artLogo {
	width:47px;
	height:54px;
	margin:0;
	background-image: url(../../images/art_epic-main-h1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.artpage h3 {
	position:absolute;
	z-index:900;
	display:block;
	width:940px;
	height:50px;
	margin:0;
	top:0;
	left:0;
	text-align:center;
	font-size:.9em;
	font-weight:normal;
	line-height:50px;
}
.artpage .videoPane {
	float:none;
	position:static;
	margin: 0 auto 10px;
	max-width:630px;
	width:100%;
	height:354px;
	padding:0;
	background-color:#000000;
}
.artpage iframe {
	width: 100% !important;
	max-width:630px;
	max-height:354px;
}
.artpage .gallery {
	list-style:none;
	margin:0 auto;
	padding:0;
}
.artpage .gallery li {
	float:left;
	display:block;
	text-align:center;
  width: 45%;
  margin: 2% 4% 2% 0;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #333333;
	border: 6px solid #ffffff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 0 5px 20px #3a2e2e;
	-webkit-box-shadow: 0 5px 20px #3a2e2e;
	box-shadow: 0 5px 20px #3a2e2e;
}
.artpage h3 .clickMeButton {
	width:125px !important;
	display: inline-block;
	height: 17px;
	line-height: 17px;
}
.artpage videoContainer {
	width:100%;
	max-width:854px;
	max-height:480px;
}
.artpage videoContainer iframe {
	width:100%;;
	max-width:854px;
	max-height:480px;
}

.artpage .galleryContainer {
  width: 31%;
  margin-right: 2%;
  padding: 0 1%;
  float: left;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.artpage .col1,
.artpage .col2 {
  background: url('../../images/sectionDivider.png') no-repeat right center;
}

.galleryContainer.last {
  background-image: none;
  width: 50%;
  margin-right: 0;
}

.artpage .thumbnail img {
  width: 100%;
  display: block;
}


/* --------- STYLES for EMAIL SIGNUP PAGE --------- */


.emailsignuppage {
	background: none;
	min-height:430px;
	width:660px;
	margin:0 auto;
}
/* --- left content area --- */
.emailsignuppage .leftCol {
	float:left;
	position:relative;
	width:330px;
	padding:0;
}
.emailsignuppage h1 {
	width:182px;
	height:74px;
	margin:0;
	background-image: url(../../images/emailsignup_epic-main-h1.png);
	background-repeat: no-repeat;
}
/* STYLES For right col on EMAIL SIGNUP page */
.emailsignuppage .rightCol {
	padding:0;
	width: 330px;
	margin-left: 330px;
}


/* --------- STYLES for FREE MONTH PAGE --------- */


.freemonthpage {
	background: none;
	min-height:430px;
	width:660px;
	margin:0 auto;
}
/* --- left content area --- */
.freemonthpage .leftCol {
	position:relative;
	padding:0;
}
.freemonthpage h2 {
	text-align:center;
	font-size: 1.7em !important;
	line-height: normal;
}
	
/* STYLES For right col on EMAIL SIGNUP page */
.freemonthpage .rightCol {
	padding:0;
	width: 330px;
	margin-left: 330px;
}


/* --------- STYLES for FAQs PAGE --------- */


.faqspage {
	background:none;
}
/* --- left content area --- */
.faqspage .leftCol {
	float:none;
	position:relative;
	padding:0 40px;
}
.faqspage h1 {
	width:58px;
	height:55px;
	margin:0;
	background-image: url(../../images/faqs_epic-main-h1.png);
	background-repeat: no-repeat;
	background-position: left top;
}


/* --------- STYLES for TERMS OF USE PAGE --------- */


.termspage {
	background:none;
}
/* --- left content area --- */
.termspage .leftCol {
	float:none;
	position:relative;
	padding:0 40px;
}
.termspage h1 {
	width:154px;
	height:68px;
	margin:0;
	background-image: url(../../images/termsofuse_epic-main-h1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* --------- STYLES for MEET THE ARTIST PAGE --------- */


.meetartistpage {
	background:none;
}
/* --- left content area --- */
.meetartistpage .leftCol {
	float:none;
	position:relative;
	padding:0 40px;
}
.meetartistpage h1 {
	width:181px;
	height:73px;
	margin:0;
	background-image: url(../../images/meettheartist_epic-main-h1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* --------- STYLES for 404 PAGE NOT FOUND PAGE --------- */


.pagenotfound404page {
	background:none;
}
/* --- left content area --- */
.pagenotfound404page .leftCol {
	float:none;
	position:relative;
	padding:0 40px;
	text-align:center;
}
.pagenotfound404page h1 {
	margin:30px 0;
	background:none;
	font-family: 'IM Fell French Canon SC', serif;
	color:#663300;
	font-size: 2em;
	font-weight: normal;
	line-height: normal;
}
.pagenotfound404page ul {
	list-style:none;
}
.pagenotfound404page .search-goog input[type=text], .pagenotfound404page .search-goog input[type=email] {
	width: 300px;
	padding: 5px 10px;
	margin: 0;
	font-size: 1.1em;
	color: #333333;
	vertical-align:middle;
	border:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: #FFFFFF;
	appearance:none;
	-webkit-box-shadow: inset 0 1px 4px   rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 4px      rgba(0,0,0,.2);
    box-shadow: inset 0 1px 4px           rgba(0,0,0,.2);
}
.pagenotfound404page .search-goog input[type=submit] {
	-moz-appearance:none;
	-webkit-appearance:none;
	width: auto;
	height: auto;
	padding: 5px 10px;
	margin: 0 10px;
	font-family: 'IM Fell French Canon SC', serif;
	color: #4E4A45;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #E5D090;
	border: 1px solid white;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0 5px 20px #3A2E2E;
	-webkit-box-shadow: 0 5px 20px #3A2E2E;
	box-shadow: 0 5px 20px #3A2E2E;
}
.pagenotfound404page .search-goog input::-webkit-input-placeholder  {
    color: #cca48f;
    line-height:40px;
}
.pagenotfound404page .search-goog input:-moz-placeholder {
    color: #cca48f;
}
.pagenotfound404page .search-goog input:focus {
    background: #FFF;
	outline: none;
}
.pagenotfound404page .search-goog input[type=submit]:hover, .pagenotfound404page .search-goog input[type=submit]:focus,
.pagenotfound404page .search-goog .submitBttn:hover, .pagenotfound404page .search-goog .submitBttn:focus {
    background: #FE9B42;
}

/* --------- STYLES For Lower Panes area --------- */

.scrollPanel {
	height:183px;
}
.scrollPanel ul {
	margin:0 auto;
	padding:0;
	width:687px;
	list-style:none;
}
.scrollPanel ul li {
	float:left;
	width:229px;
	height:183px;
	padding:0;
	margin:0;
	position:relative;
}
.scrollPanel ul li a {
	width:229px;
	height:183px;
	display:block;
	padding:0;
	margin:0;
}
.scrollPanel a.scrollEmailSignup {
	background-image: url(../../images/epic-scrollBttn-emailSignup.png);
	background-repeat: no-repeat;
}
.scrollPanel a.scrollFreeSample {
	background-image: url(../../images/epic-scrollBttn-freeSamples.png);
	background-repeat: no-repeat;
}
.scrollPanel a.scrollFreeMonth {
	background-image: url(../../images/epic-scrollBttn-freeMonth.png);
	background-repeat: no-repeat;
}
.scrollPanel ul li .rollover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:981;
	display:none;
	background:none;
}
/* --------- STYLES For FOOTER area --------- */

footer {
	clear:both;
	width:940px;
	font-family: 'IM Fell French Canon SC', serif;
	font-size:1.1em;
	color:#333333;
	margin-right:auto;
	margin-left:auto;
	padding:10px 0 30px 0;
	text-align:center;
}
.rainforest footer, .darknight footer {
	color:#FFFFFF;
}
footer a:link, footer a:visited {
	color:#333333;
	text-decoration:underline;
}
.rainforest footer a:link, .rainforest footer a:visited,
.darknight footer a:link, .darknight footer a:visited {
	color:#FFFFFF;
}
footer a:hover, footer a:hover {
	text-decoration:none;
	color:#de6f04;
}
footer .shareLinks a {
	text-decoration:none;
}
footer .shareLinks a img {
	padding:20px 10px;
	width: 28px !important;
	height: 27px !important;
}

/* --------- STYLES For WEB FORMS --------- */

.response_area {
	margin:10px 0;
}
.webForm {
	color:#FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.freemonthpage .webForm {
	margin: 0 auto;
	width: 60%;
}
.webForm ul {
	list-style:none;
	margin:0;
	padding:0;
}
.webForm ul li {
	margin: 0 0 10px 0;
}
.webForm .requiredFieldContainer {
	position:relative;
}
.webForm label {
	display:block;
	font-size:1.1em;
	font-weight:normal;
	color:#FFFFFF;
	line-height: 1.5em;
}
.webForm input[type=text], .webForm input[type=email] {
	width: 300px;
	padding: 5px 10px;
	margin: 0;
	font-size: 1.1em;
	color: #333333;
	vertical-align:middle;
	border:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: #FFFFFF;
	appearance:none;
	-webkit-box-shadow: inset 0 1px 4px   rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 4px      rgba(0,0,0,.2);
    box-shadow: inset 0 1px 4px           rgba(0,0,0,.2);
}
.freemonthpage .webForm input[type=text], .freemonthpage .webForm input[type=email] {
	width: 94%;
	padding: 5px 3%;
}
.webForm input[type=submit] {
	-moz-appearance:none;
	-webkit-appearance:none;
}
.webForm input::-webkit-input-placeholder  {
    color: #cca48f;
    line-height:20px;
}
.webForm input:-moz-placeholder {
    color: #cca48f;
}
.webForm input:focus {
    background: #FFF;
	outline: none;
}
.webForm input[type=submit]:hover, .webForm input[type=submit]:focus,
.webForm .submitBttn:hover, .webForm .submitBttn:focus {
    background: #FE9B42;
}
.webForm .redText {
	display:inline !important;
	color:#FF0000;
}
.webForm .emailconfirmation {
	display:none;
}
.webForm .note {
	font-size:.9em;
}
.webForm .formError {
	font-size:.9em;
	border: solid 1px #FF0000;
	background-color:#FFCCCC;
	vertical-align:middle;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 4px   rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 4px      rgba(0,0,0,.2);
    box-shadow: inset 0 1px 4px           rgba(0,0,0,.2);
}
.webForm .formError div {
	padding:10px;
}
.webForm input.error {
	background-color:#FFCCCC;
	-moz-box-shadow: 0 0 5px red;
	-webkit-box-shadow: 0 0 5px red;
	box-shadow: 0 0 5px red;
}
.webForm .requiredFieldContainer span {
	display:none;
}
.webForm .requiredFieldContainer span.error {
	display:block;
	position: absolute;
	top: 25px;
	left: 325px;
	z-index: 998;
	width:220px;
	height:30px;
	text-align:center;
	padding:0;
	color:#FFF;
	font-size:.9em;
	line-height:30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:none;
	background-color: #464646; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	-webkit-box-shadow: 0 5px 10px #000000;
	-moz-box-shadow: 0 5px 10px #000000;
	box-shadow: 0 5px 10px #000000;
}
.freemonthpage .webForm .requiredFieldContainer span.error {
	top: 22px;
	left: 394px;
}
.webForm .requiredFieldContainer span.error .left-arrow {
	position:absolute;
	top:2px;
	left:-16px;
	width:16px;
	height:26px;
}
.webForm #FormBody {
	margin:10px;
}
.response_area h3 {
	font-family: 'IM Fell French Canon SC', serif;
	padding:1em 0;
	margin:0 auto;
	font-size:3em;
	font-weight:bold;
	line-height: normal;
	color:#FFFFFF;
	text-align:center;
}
.freemonthpage .response_area h3 {
	padding:.5em 0;
}
.response_area p {
	text-align:center;
	font-size:1em;
}


/* --------- MISC CUSTOM STYLES --------- */

#mobilewebdev {display:none;} /* For WEB DEV usage */
.smartphoneOnly {display:none;} /* Areas only visible to smartphones with 480 or less screen width */
.classic {display:none;} /* Used to hide areas for older (pre smartphone) mobile phones */
.alignCenter {text-align:center; margin-left:auto; margin-right:auto;}
.alignLeft {float:left;padding: 0 20px 10px 0;}
.clickMeButton {
	width:auto;
	height:auto;
	padding:10px;
	margin:10px 0;
	color:#4e4a45;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #e5d090;
	border: 1px solid #ffffff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0 5px 20px #3a2e2e;
	-webkit-box-shadow: 0 5px 20px #3a2e2e;
	box-shadow: 0 5px 20px #3a2e2e;	
}
a.clickMeButton:link, a.clickMeButton:visited {
	color:#4e4a45 !important;
	text-decoration:none !important;
}
a.clickMeButton:hover, a.clickMeButton:hover {
	text-decoration:none !important;
	color:#4e4a45 !important;
	background-color: #FE9B42;
}
.clickMeButton.smaller {
	padding: 5px 10px;
	margin:0;
	font-size:1em;
}
.linkToTop {
	font-size:.8em;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clearboth {clear:both;}


@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}