@charset "UTF-8";
/* CSS Document */
/*
Client Name: Wholistic Harmony
Developed by: Red Chalk Studios
Last Updated: December, 10 2012

Color Code:

Header Background White (#fbf7f6)
Headline Gray: (#aaa7a6)
Contact Orange (#e97c46)
Hover Orange (#e66331)
Active Orange (#e44a1c)

*/


html, body {
  background-image: url("../images/wh_greenBackground.jpg");
  background-repeat:repeat;
  min-width:1200px; 
  float:none;
  margin:0;
  padding:0;
  text-align:center;
}

#container {
  margin:0 auto;
  width: 990px;
  text-align:center;
  position:relative;
}

a.link {
  color:#336533;
  text-decoration:none;	
}

a, img {border:none;}

/*------------------------------------------------*/
/*--------------------[HEADER]--------------------*/
/*------------------------------------------------*/

#wrapper {
  background: #fff url(../images/wh_header.png) top left repeat-x;
  width: 100%;
  min-width:990px;
  height:124px;
  -webkit-box-shadow:  0px 5px 15px 3px rgba(0, 0, 0, .3);
          box-shadow:  0px 5px 15px 3px rgba(0, 0, 0, .3);
}

#headerWidth {
  width:990px;
  margin: 0 auto;
}
	
.header {
  width:990px;
  height:124px;
  display:block;
  margin:0 auto;
  position:relative;
  background-image: url("../images/wh_header.png");
  background-repeat:repeat;
  float:left;
}

.logo {
  height:124px;
  width:373px;
  display:block;
  background-image: url("../images/wh_logo.png");
  float:left;
  z-index:1001;
}

#headline {
  text-transform:uppercase;
  text-align:center;
  position:relative;
  top:30px;
  left:70px;
  color:#aaa7a6;
  font-size:23px;
  font-family:NeutraTextLight, sans-serif;
  z-index:1001;
}

#headline strong {
  font-family:NeutraTextDemi, sans-serif;
}


#hnav_bar {
  position:relative;
  margin-top:5px;
  right:0px;	
  float:right;
}

.contact {
  width:81px;
  height:26px;
  display:block;
  line-height: 26px;
  position:absolute;
  margin:-10px -110px 0px 0px;
  top:25px;
  right:113px;
  background-image: url("../images/wh_contact.png");
  background-position:0px 0px;
  background-repeat:no-repeat;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  vertical-align: middle;
  font-family:NeutraTextDemi, sans-serif;
  font-size:12px;
  float:left;
  z-index:1001;
}

.contact:hover {
	background-position:0px -27px;
	background-repeat:no-repeat;
}

.contact:active {
	background-position:0px -54px;
	background-repeat:no-repeat;
}

/*------------------------------------------------*/
/*---------------[MAIN NAVIGATION]----------------*/
/*------------------------------------------------*/

nav {
	position:relative;
	text-align: left;
	text-transform:uppercase;
	font-family:NeutraTextDemi, sans-serif;
	font-size:14px;
	font-weight:300;
	color:#e97c46;
	float:right;
	z-index:3000;
	top:-25px;
	left:65px;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	/*background: #fbf7f6;*/ 
	padding: 0px 50px 0px 50px;  
	list-style: none;
	position: relative;
	display: inline-table;
	z-index:6;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			/*background: #fbf7f6;*/
		}
			nav ul li:hover a {
				color: #e97c46;
			}
		
		nav ul li a {
			display: block; padding: 20px 20px 12px 0px;
			color: #e97c46; text-decoration: none;
			z-index:6;
		}
			
		
	nav ul ul {
		background: #fbf7f6; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
		z-index:6;
	}
		nav ul ul li {
			float: none; 
			/*border-bottom: 1px solid #e97c46;*/ position: relative;
		}
			nav ul ul li a {
				padding:15px 28px 15px 30px;
				color: #e97c46;
				font-family: breuer_condensedlight;
				background: url("../images/wh_header.png") repeat;
				text-transform:capitalize;
				text-align:left;
				font-weight:100;
				font-size:20px;
				z-index:3000;
			}	
				nav ul ul li a:hover {
					background: #622e65;
					color:#FFF;
				}
		
	nav ul ul ul {
		background: #fbf7f6; border-radius: 0px; padding: 0;
		position: absolute; top:-1px; left:100%;
		z-index:6; 
	}
	
	  nav ul ul ul li {
		  float: none; 
		  /*border-bottom: 1px solid #e97c46;*/ position: relative;
	  }
	    
		nav ul ul ul li a {
		        padding:15px 5px 0px 28px;
				width:175px;
				height:40px;
				color: #e97c46;
				font-family: breuer_condensedlight;
				background: url("../images/wh_header.png") repeat;
				text-transform:capitalize;
				text-align:left;
				font-weight:100;
				font-size:20px;
		}
		
		  nav ul ul ul li a:hover {
		    background: #622e65;
			color:#FFF;
		  }

/*------------------------------------------------*/
/*----------------[Index Slider]------------------*/
/*------------------------------------------------*/

#sliderWrapper {
  width:100%;
  height:auto;
  background:url(../images/wh_staticDescription_background.jpg) repeat;
  -webkit-box-shadow:  0px 5px 15px 3px rgba(0, 0, 0, .3), inset 0px 5px 15px 3px rgba(0, 0, 0, .3);        
          box-shadow:  0px 5px 15px 3px rgba(0, 0, 0, .3), inset 0px 5px 15px 3px rgba(0, 0, 0, .3);
}
		
/*------------------------------------------------*/
/*----------------[Static Banner]-----------------*/
/*------------------------------------------------*/

#sb-wrapper {
  width:100%;
  min-width:990px;
  height:356px;
  background:url(../images/wh_staticDescription_background.jpg) repeat;
   -webkit-box-shadow:  0px 5px 15px 3px rgba(0, 0, 0, .3), inset 0px 5px 15px 3px rgba(0, 0, 0, .3);        
          box-shadow:  0px 5px 15px 3px rgba(0, 0, 0, .3), inset 0px 5px 15px 3px rgba(0, 0, 0, .3);
}

#sb-width {
  width:990px;
  margin: 0 auto;
}

#staticBanner {
  width:990px;
  height:356px;
  display:block;
  margin:0 auto;
  position:relative;
}

#staticImage {
  width:660px;
  height:356px;
  display:block;
  float:left;
  -webkit-box-shadow: inset 0px 5px 15px 3px rgba(0, 0, 0, .3);        
          box-shadow: inset 0px 5px 15px 3px rgba(0, 0, 0, .3);
}

#staticDescriptionContainer {
  display:block;
  width:330px;
  height:225px;
  padding:0px;
  float:left;
}

#staticDescriptionText {
  color:#BCAABC;
  display:block;
  padding:25px 0px 0px 20px;
  text-align:left;
  font-family:breuer_condensedlight;
  font-size:33px;
}

/*------------------------------------------------*/
/*---------------[Internal Content]---------------*/
/*------------------------------------------------*/

#content {
  width:715px;
  height:auto;
  text-align:left;
  position:relative;
  margin:30px auto;
  float:left;
}

#content p {
  color:#FFF;
  font-family:breuer_condensedregular;
  font-size:20px;
  line-height:24px;
  text-shadow: 1px 2px 2px #666;
}

#content a {color:#59265c; text-decoration:none; text-shadow:none;}

/*------------Getting Started-------------*/

#content ol li {
  color:#FFF;
  font-family:breuer_condensedregular;
  list-style-type: none;
  font-size:20px;
  text-transform:none;
  line-height:24px;
  padding:5px;
  text-shadow: 1px 2px 2px #666;
}

/*---------------Recipes-------------------*/

#content p ul, #content ul li {
  color:#43550D;
  font-family:breuer_condensedregular;
  list-style-type: none;
  text-transform:uppercase;
  font-size:24px;
  line-height:24px;
  padding:5px;
}

#content ul ul li, #content ul ol li {
  color:#FFF;
  position: relative;
  left:18px;
  font-family:breuer_condensedregular;
  list-style-type: none;
  font-size:20px;
  text-transform:none;
  line-height:24px;
  padding:5px;
  text-shadow: 1px 2px 2px #666;
}

#content ul ol li {list-style-type: decimal; left:45px;}

h1 {
  color:#DED4A4;
  font-size:24px;
  text-transform:uppercase;
  font-family:NeutraTextDemi, sans-serif;
}

.contentCopy {
  color:#FFF;
  font-family:breuer_condensedregular;
  font-size:20px;
  line-height:24px;
  text-shadow: 1px 2px 2px #666;
}

.content a {
  text-decoration:none;	
}

.contentCopy li {
  text-transform:none;
}

.supersricpt {
  position: relative; 
  top: -0.5em; 
  font-size: 70%;
  text-transform:uppercase;
}

/*----------------More Information----------------*/

#more-information li {font-size:20px !important;}
#more-information li a:hover {color:#933997;}

/*------------------------------------------------*/
/*------------------[PULL QUOTE]------------------*/
/*------------------------------------------------*/

#pullQuoteWrapper {
  width:555px;
  height:auto;
  margin:10px 0px 10px 30px;	
  position:relative;
  padding:1px 15px 1px 10px;
  border-right:2px solid #A7B67A;
  border-left:2px solid #A7B67A;
  -webkit-box-shadow:  -15px 0px 20px -13px rgba(3, 3, 3, .2), 15px 0px 20px -13px rgba(3, 3, 3, .2);
          box-shadow:  -15px 0px 20px -13px rgba(3, 3, 3, .2), 15px 0px 20px -13px rgba(3, 3, 3, .2);
}

#pullQuoteWrapper p {
  color:#43550D; 
  font-size:24px; 
  text-shadow:none; 
  position:relative; 
  left:15px; 
  font-family:breuer_condensedregular;
  line-height:1.1em;
}

/*------------------------------------------------*/
/*----------------[BLOCK QUOTE]-------------------*/
/*------------------------------------------------*/

#blockQuote {
 width:500px;
 height:auto;
 position:relative;
 margin-left:30px;
 margin-top:35px;
 padding:50px 20px 60px 40px;
 background-image:url("../images/wh_blockQuote_bg.jpg");
 background-repeat:repeat;
 border-style:solid;
 border-width:13px;
 border-color:#FFF;
 -webkit-box-shadow: inset -2px -2px 3px 3px rgba(102, 102, 102, .3), inset 2px 2px 3px 3px rgba(102, 102, 102, .3);
         box-shadow: inset -2px -2px 3px 3px rgba(102, 102, 102, .3), inset 2px 2px 3px 3px rgba(102, 102, 102, .3);
}

#blockQuotes {
  position:absolute;
  float:left;
  padding:0px;
  top:0px;
  left:0px;
  border-bottom: 4px solid rgba(102, 102, 102, .3);
  border-right: 4px solid rgba(102, 102, 102, .3);
  -webkit-background-clip: padding-box; /* for Safari */
          background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

#blockQuote p {
  color:#336600;
  font-size:18px;
  font-family:breuer_condensedregular;
  font-style:italic;
  text-shadow:none;
}

#blockQuoteSignature {
  font-size:18px;
  font-family:breuer_condensedregular;
  position:relative;
  top:-5px;
  float:right;
  color:#336600;
}

#blockQuoteShadow {
  width:600px;
  position:relative;
  left:20px;
}

#plate {
width:344px;
height:268px;
position:relative;
display:block;
padding:0 0 0 10px;
left:20px;
float:right;
}

/*------------------------------------------------*/
/*---------------[INTERNAL SIDEBAR]---------------*/
/*------------------------------------------------*/

#sidebar {
  display:block;
  width:300px;
  height:auto;
  position:absolute;
  top:0;
  right:-350px;
  margin-top:0px;
  padding:0px;
  float:right;
}

#sidebarCallout {
  width:234px;
  height:265px;
  padding:0px 80px 0px 0px;   
  background-image:url("../images/wh_internalBox.png");
  background-repeat:no-repeat;
  text-align:center;
  font-family:breuer_condensedregular;
  vertical-align:middle;
  float:right;
}

#sidebarCallout2 {
  width:234px;
  height:265px;
  padding:0px 80px 0px 0px;   
  background-image:url("../images/wh_internalBox2.png");
  background-repeat:no-repeat;
  text-align:center;
  font-family:breuer_condensedregular;
  vertical-align:middle;
  float:right;
}

a.sidebarButton {
  width:18px;
  height:18px;
  display:inline-block;
  position:relative;
  margin-left:5px;
  background-image:url("../images/wh_callouts_button.png");
  background-repeat:no-repeat;
  background-position:0px 0px;
}

a.sidebarButton:hover {
  background-position:-19px 0px;
  background-repeat:no-repeat;
}

#sidebarIcon {
  margin-top:30px;
  margin-left:25px;
  padding-bottom:10px;	
  position:relative;
  float:left;
}

#sidebarTitle {
  text-align:left;
  text-transform:uppercase;
  font-family: NeutraTextLight, sans-serif;
  font-size:24px;
  font-weight:bold;
  color:#666;
  position:relative;
  top:18px;
  right:5px;
}

#sidebarBarFull {
  position:relative;
  top:30px;
  right:45px;
  padding:15px 0px;
}

#sidebarDescription {
  display:block;
  font-family:breuer_condensedregular;
  font-size:16px;
  color:#333;
  text-align:center;
  padding:30px 30px 0px 30px;
}

.calloutFooter {
  text-transform:uppercase;
  color:#F18345;
  font-family: NeutraTextLight, sans-serif;
  position:relative;
  top:-4px;
  font-size:19px;
}

.calloutFooter:hover {color:#bc481a;}

#iahc-badge {width:175px; height:175px; padding:0px 20px;}

/*------------------------------------------------*/
/*--------------------[RECIPES]-------------------*/
/*------------------------------------------------*/

#columns {float:left; display:block;}

#column1 {float:left; position:relative; width:315px; margin-top:-30px;}
#column1 ul li {padding-left:35px;}
#column1 ul li a:hover {color:#933997;}

#column2 {float:right; position:relative; left:40px; width:315px; margin-top:-30px;}
#column2 ul li {padding-left:35px;}
#column2 ul li a:hover {color:#933997;}

.recipe-icon {position:relative; right:30px; top:43px;}

/*------------------------------------------------*/
/*--------------[FRONT PAGE CALLOUTS]-------------*/
/*------------------------------------------------*/

#slide-shadow {width:975px; margin-top:-5px;}

#dividerBanners {
  width:100%;
  margin-top:-100px;
}

#banners {
	margin:0 auto;
	width:100%;
	height:auto;
	margin-left:50px;
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	float:left;
	z-index:7;
}

#banners a {
  vertical-align: top;
  display: inline-block;
}

#wholisticApproach {
  width:230px;
  height:324px;
  position:relative;
  margin-top:40px;
  background-image:url("../images/wh_callouts_blankBox.png");
  background-repeat:no-repeat;
  text-align:center;
  vertical-align:middle;
  float:left;
}

#rightChoice {
  width:230px;
  height:324px;
  position:relative;
  margin:40px 0px 0px 90px;
  background-image:url("../images/wh_callouts_blankBox.png");
  background-repeat:no-repeat;
  text-align:center;
  vertical-align:middle;
  float:left;
}

#gettingStarted {
  width:230px;
  height:324px;
  position:relative;
  margin-right:115px;
  margin-top:40px;
  background-image:url("../images/wh_callouts_blankBox.png");
  background-repeat:no-repeat;
  text-align:center;
  vertical-align:middle;
  float:right;
}
      
.calloutTitle {
  text-align:center;
  text-transform:uppercase;
  font-family: NeutraTextLight, sans-serif;
  font-size:24px;
  font-weight:bold;
  color:#666;
}

.calloutTitleAccent {
  text-align:center;
  position:relative;
  text-transform:uppercase;
  font-family: NeutraTextLight, sans-serif;
  font-size:14px;
  right:70px;
  bottom:5px;
  z-index:5;
  color:#666;
}

.calloutLinks {
  text-decoration:none;
  color:#000;
}

.calloutBarPart {
  position:relative;
  left:10px;
  padding:10px 0px;
}

#calloutBarFull {
  position:relative;
  left:0px;
  padding:10px 0px;
}

.calloutDescription {
  display:block;
  font-family:breuer_condensedregular;
  font-size:16px;
  text-align:center;
  color:#333333;
  padding:10px 25px 0px 25px;
}

a.calloutButton {
  width:18px;
  height:18px;
  display:block;
  position:relative;
  margin-top:-10px;
  background-image:url("../images/wh_callouts_button.png");
  background-repeat:no-repeat;
  background-position:0px 0px;
}

.calloutButton:hover {
  background-position:-19px 0px;
  background-repeat:no-repeat;
}

#approachIcon {
  margin-top:30px;
  padding-bottom:15px;	
  position:relative;
  vertical-align:middle;
}

#rightChoiceIcon {
  margin-top:30px;
  padding-bottom:15px;	
  position:relative;
  vertical-align:middle;
}

#gettingStartedIcon {
  margin-top:30px;
  padding-bottom:15px;	
  position:relative;
  vertical-align:middle;
}

.stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0
}

/*------------------------------------------------*/
/*-----------------[FOOTER ASSETS]----------------*/
/*------------------------------------------------*/

#footer {
  width:800px;
  max-width:1200px;
  height:250px;
  padding:0;
  margin:20px 0px 0px 0px;
  float:left;
}

.footerLogo {
  width:172px; 
  height:74px;
  padding-bottom:80px; 
  display:inline; 
  position:relative; 
  float:left;
}

.footerText {
  width:auto; 
  height:74px; 
  display:block;
  font-family:breuer_condensedregular; 
  position:relative; 
  text-align: left; 
  color:#336533; 
  margin-left:40px; 
  float: left;
  vertical-align:middle;
}

#footerText {
  width:auto; 
  height:74px; 
  display:block;
  font-family:breuer_condensedregular; 
  position:relative;
  bottom:150px;
  left:160px; 
  text-align: left; 
  color:#336533; 
  margin-left:40px; 
  float: left;
  vertical-align:middle;
}

#footerText a { 
  color:#336533;
  text-decoration:none; 
}


#story-footer-link {
  color:#314007 !important;
  text-decoration:none;
}

.footerAltColor {
  color:#BBCE8C; 
  text-align: left; 
  vertical-align: top;
}

/*------------------------------------------------*/
/*-------------------[FONTS]----------------------*/
/*------------------------------------------------*/

@font-face {
  font-family: NeutraTextLight;
  src: local(NeutraTextLight), url('fonts/NeutraTextLight.otf') format('opentype');
}


@font-face {
  font-family: NeutraTextDemi;
  src: local(NeutraTextDemi), url('fonts/NeutraTextDemi.otf') format('opentype');
}

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

}

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

}


/*------------------------------------------------*/
/*--------------------[FIN]-----------------------*/
/*------------------------------------------------*/