/******************************************************************

Theme: Natural
Variant: Leather
Author: Michael Grissinger
Version: 2.2

*******************************************************************/

/** Reset Minimized ***********************************************/
/******************************************************************/
@charset"utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}button{cursor:pointer}hr{margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}label, input[type=button], input[type=submit], button { cursor: pointer; }


/** Sitewide Styles ***********************************************/
/******************************************************************/

body { background: #f5f2e9; font: 13px/18px Arial, Helvetica, sans-serif; color: #5d5a51; }
a { color: #80736d; text-decoration: underline; }
a:hover { text-decoration: none; }
.container { margin: 0 auto; position: relative; width: 940px; }
.img_left { float: left; margin: 0 25px 5px 0; }
.img_right { float: right; margin: 0 0 5px 25px; }
.clear { clear: both; }
.twoCols { width: 50%; float: left; }
.hidden { display: none; visibility: hidden; } 
.invisible { visibility: hidden; }


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

.cufon-loading .largeGreen, .cufon-loading .largeGrey, .cufon-loading #mainNav>ul>li>a, 
.cufon-loading .powerPhraseDetails, .cufon-loading #mainShell h1, .cufon-loading #mainShell h2 { visibility: hidden; }

/* New Fonts instead of Tungsten */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('typography/League_Gothic-webfont.eot');
    src: url('typography/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('typography/League_Gothic-webfont.woff') format('woff'),
         url('typography/League_Gothic-webfont.ttf') format('truetype'),
         url('typography/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
header nav>ul>li>a, .largeBlack, .largeGrey, #mainShell h1, #mainShell h2, blockquote.green cite strong { font-family: "LeagueGothicRegular"; }
.powerPhraseDetails .slideLargeText, .powerPhraseDetails .slideMediumText, #sliderShell .page_title, .ctaLearnMore { font-family: "LeagueGothicRegular"; text-shadow: 1px 1px 0 #000 }
.powerPhraseDetails .slideButton { font-family: "LeagueGothicRegular"; text-shadow: 1px 1px 0 #fff; }

/** Header Styles *************************************************/
/******************************************************************/

header { height: 190px; position: relative; z-index: 9; }

	#logo { position: absolute; left: 0; top: 66px; }
	
		.simple-logo-block { line-height: 18px; text-decoration: none; display: block; }
			.simple-logo-block .largeBlack { font-size: 75px; color: #313131; text-transform: uppercase; }
			.simple-logo-block .largeGrey { font-size: 55px; color: #80736d; text-transform: uppercase; }
			.simple-logo-block .logoSubtitle { font-size: 22px; color: #808080; display: block; }
		
	header nav { position: absolute; top: 114px; right: 0; }
		
		header nav ul {  }
		header nav ul li { float: left; position: relative; }
		header nav ul li a { display: block; color: #110804; font-size: 30px; padding: 10px; text-decoration: none; border: 1px solid transparent;}
		header nav ul li:hover, header nav ul li.nav-selected, header nav ul li.nav-path-selected { background: #e2ded2 url(../img/bgNavLi.gif) repeat-x;  border-color: transparent #fff #fff transparent; }
		header nav ul li a:hover {  }
		
			header nav ul ul { display: none; position: absolute; top: 39px; left: 0; background: #f5f2e9; -moz-box-shadow: 2px 2px 5px #444; width: 170px; padding: 10px 15px; }
			header nav ul li:hover ul { display: block; }
			header nav ul li ul li { float: none; }
			header nav ul li ul li a { font-size: 14px; display: block; position: relative; }
			header nav ul li ul li:hover, header nav ul li ul li.nav-selected  {  }
	
	#searchShell { position: absolute; top: 54px; right: 0; }
	
		#searchShell h3 { display: none; }
		#searchShell input { display: block; float: left; border: none; padding: 0; }
		#searchShell input[type="text"] { background: url(../img/bgSearchInput.gif); width: 161px; height: 36px; padding: 0 15px; color: #888; margin: 0 5px 0 0; }
		#searchShell input[type="submit"] { background: url(../img/btnSearch.gif); width: 41px; height: 36px; display: block; line-height: 0; text-indent: -9999em; }
	

/** Vignette Styles ***********************************************/
/******************************************************************/

#vignetteShell { background: #070201 url(../img/bgVignetteShell.jpg) top center no-repeat; height: 478px; padding: 1px 0; }
body.subpage #vignetteShell { height: 143px; background-image: url(../img/bgVignetteShell-sub.jpg); }


	#sliderShell { margin-top: 35px; height: 478px; }
	
		#sliderShell .page_title { font-size: 60px; color: #fff; margin: 0; padding: 4px 0 0; }
	
		#sliderContainer {  }
		
			#sliderContainer .slide { display: block; text-decoration: none; }
			
				#sliderContainer .slide .imgContainer { background: url(../img/bgSlideContainer.png); overflow: hidden; width: 522px; height: 390px; padding: 8px 16px 17px 9px; float: left; display: block; margin: 0 90px 0 0; }
				
					#sliderContainer .slide img {  }
				
				#sliderContainer .powerPhraseDetails { display: block; margin: 50px 0 0; float: left; width: 300px; line-height: .8; }
					
					#sliderContainer .powerPhraseDetails .slideLargeText { font-size: 72px; color: #fff; display: block; margin: 0 0 15px; }
					#sliderContainer .powerPhraseDetails .slideMediumText { font-size: 35px; color: #e3e0b4; display: block; margin: 0 0 15px; }
					#sliderContainer .powerPhraseDetails .slideSmallText { font-size: 14px; line-height: 22px; color: #fff; -moz-text-shadow: 1px 1px 0 #000; -webkit-text-shadow: 1px 1px 0 #000; text-shadow: 1px 1px 0 #000; display: block; margin: 0 0 15px; }
					#sliderContainer .powerPhraseDetails .slideButton { display: block; width: 166px; height: 51px; text-align: center; background: url(../img/btnLearnMore.png) bottom left; color: #000; font-size: 36px; padding: 12px 0 0; line-height: 1; }
					#sliderContainer .powerPhraseDetails .slideButton:hover { background-position: top; color: #fff; text-shadow: 1px 1px 0 #000;}


/** Body/Content Styles *******************************************/
/******************************************************************/

#mainShell { padding: 60px 0 0; margin-bottom: 70px; }
		
	
		/** General Content Elements ******************************/
		/**********************************************************/
		
		#mainShell  hgroup {  }
		#mainShell  h1 { font-size: 36px; color: #000; margin: 0 0 20px; font-weight: normal; line-height: 1; }
		#mainShell  h2 { font-size: 30px; color: #80736d; font-weight: normal; line-height: 1; }
		#mainShell  h1+h2 { margin: -15px 0 20px; }
		#mainShell  h3 { font-size: 16px; }
		#mainShell  p { margin: 0 0 15px; }
		#mainShell  a { color: #80736d; }
		#mainShell  a:hover {  }
		#mainShell  strong {  }
		#mainShell  em {  }
		#mainShell  blockquote {  }
		#mainShell  ul, ol { margin: 15px 0 15px 15px; }
		#mainShell  ul ul, #mainShell ol ol { margin: 0 0 0 20px; }
		#mainShell  ul {  }
		#mainShell  li {  }
		#mainShell  ul li { list-style: disc; }
		#mainShell  li li { list-style: square; }
		#mainShell  li li li { list-style: circle; }
		#mainShell  ul li a {  }
		#mainShell  ol {  }
		#mainShell  ol li { list-style: decimal; }
		#mainShell  ol ol { margin: 5px 0 5px 50px; }
		#mainShell  dl { margin: 15px 0; }
		#mainShell  dl dt { font-weight: bold; }
		#mainShell  dl dd { margin: 0 0 0 25px; }
		#mainShell  hr {  }
		#mainShell  img {  }
		#mainShell  hr { margin: 15px 0; }
	
		/** Form Elements ******************************************/
		/***********************************************************/
		
		#mainShell  form {  }
		#mainShell  fieldset {  }
		#mainShell  label {  }
		#mainShell  input, #mainShell  textarea, #mainShell  select {  }
		#mainShell  input {  }
		#mainShell  input[type="submit"] {  }
		#mainShell  textarea {  }
		#mainShell  select {  }
		
		/** Theme Demo Styles **************************************
		************************************************************/
		#mainShell .ccm-remo-expand-content p { margin: 15px 0; }
		#mainShell .ccm-remo-expand { margin: 0 0 15px; }
		#mainShell .ccm-jereme-tweet-follow-link { float: none; margin-top: 10px; }
		#mainShell .ccm-jereme-tweetcrete-timeline ul { margin: 15px 0; }
		#mainShell .ccm-jereme-tweetcrete-timeline ul li { list-style: none; }
		
		.themeSwitcher { margin: 20px 0 0; }
		
	#intro { margin: 0 0 50px; }
	
	#main { width: 580px; border-right: 1px solid #ccc; float: left; padding: 0 40px 0 0; margin: 0 15px 0 0; }
	body.full #main { width: auto; float: none; border: none; padding: 0; margin: 0; }
	body.fullRightSidebar #main { border: none; }
	
		.ctaRowContainer { margin: 40px 0 0; }
			.ctaRowContainer .cta { position: relative; width: 270px; float: left; }
			.ctaRowContainer .cta:first-child { margin-right: 40px; }
				.ctaRowContainer h2 { margin: 0 0 20px; }
				.ctaRowContainer .ctaLeft { float: left; width: 70px; }	
					.ctaRowContainer img {  }
				.ctaRowContainer .ctaRight { float: left; width: 200px; }
					.ctaRowContainer p {  }
					.ctaRowContainer .ctaLearnMore { text-decoration: none; color: #fff !important; font-size: 26px; text-align: center; display: block; width: 127px; height: 31px; background: url(../img/btnLearnMore.jpg) left top; padding: 5px 0 0; line-height: 1; }
					.ctaRowContainer .ctaLearnMore:hover { background-position: bottom; }
	
	#sidebar { width: 300px; float: left; }
	
		#sidebar .testimonials {  }
		
			#sidebar .testimonials h1 {  }
			#sidebar blockquote.green { margin: 0; }
				#sidebar blockquote.green p { background: #313131; font-size: 12px; color: #fff; padding: 30px 20px; width: 176px; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
				#sidebar blockquote.green cite { color: #49413d; font-size: 14px; background: url(../img/bgGreenBlockquote.gif) 20px 0 no-repeat; font-style: normal; display: block; padding: 25px 0 0 25px; }	
				#sidebar blockquote.green cite strong { font-size: 26px; color: #80736d; display: block; }
	

/** Footer Styles *************************************************/
/******************************************************************/

footer.container { background: #ccc; padding: 15px 25px; width: 890px; color: #555; margin-bottom: 70px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

	footer.container p { margin: 0; }

	footer.container .vcard {  }
		footer.container .fn.org { font-size: 18px; }
		footer.container .adr {  }
			footer.container .street-address {  }
			footer.container .locality {  }
			footer.container .region {  }
			footer.contaienr .postal-code {  }
		footer.container .tel {  }
			footer.container .type {  }
			footer.container .value {  }
	
	#vivid { text-indent: -9999em; }
	
	
/** Add Z-Index to C5 highlighter **********************************/
/*******************************************************************/

div#ccm-highlighter { z-index: 15 !important; }
	
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

@media only screen and (max-width : 960px) {
 
 
.container { width: 94%; }

/*#vignetteShell { margin-top: 40px; height: 430px; box-shadow: inset 0 -7px 8px #000; }*/

#sliderShell .container { width: 50%; }

#sliderContainer .slide .imgContainer { max-width: 50%; height: auto; background: #fff; padding: 10px; margin: 0 9% 0 0; }

#sliderContainer img { max-width: 100%; }

#sliderContainer .powerPhraseDetails { overflow: hidden; display: block; margin: 20px 0 0 0; float: left; width: 35%; }

#powerSliderNext, #powerSliderPrev { display: none; }

.cta { width: 25.8%; height: 10%; padding: 1% 2.5%; margin: 30px 4px; }

#mainShell { }

#mainShell h2 { padding-bottom: 15px; padding-top: 10px; }

	/*#mainShell article { width: 90%; padding: 40px 20px; float: none; margin: 0 0 0 20px; }*/
	
		#mainShell .container { background: none; width: 100%; }
		
		.clip { display: none; }
	
	#sidebar { foat: left; padding: 0; margin: 0; width: 230px; }
	
	#main { width: 60%; margin: 0 10px 0 0; }
	
.ctaRowContainer { /*margin: 40px 0 0;*/ }
			.ctaRowContainer .cta { position: relative; width: 40%; float: left; }
			.ctaRowContainer .cta:first-child { margin-right: 20px; }
				.ctaRowContainer h2 { margin: 0 0 20px; }
				.ctaRowContainer .ctaLeft { float: left; width: 10%; }	
					.ctaRowContainer img {  }
				.ctaRowContainer .ctaRight { float: right; width: 60%; }
					.ctaRowContainer p {  }
					.ctaRowContainer .ctaLearnMore { text-underline: none; display: block; width: 127px; height: 36px; background: url(../img/btnLearnMore.jpg) left top; }
	
	.ccm-layout-row.fourColRow .ccm-layout-col { width: 50% !important }

footer.container { width: 82%; clear: both; }	

}


@media only screen and (max-width : 768px) {

#logo { }

nav { margin-top: 50px; }

#vignetteShell { margin-top: 40px;  height: 385px; box-shadow: inset 0 -7px 8px #000; }


#sliderContainer .slide .imgContainer { max-width: 40%; }

.powerPhraseDetails { display: block; margin: 10px 0 0; width: 90%; margin: 0 auto; }

	#sliderContainer .powerPhraseDetails .slideSmallText { display: none; }

.slide img { }
	
	#searchShell { margin-top: 40px; }

#main { border-right: 0; width: 95%; }

#sidebar { width: 90%; }
#sidebar blockquote.green p { font-size: 12px; color: #fff; padding: 30px 20px; width: 100%; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
				#sidebar blockquote.green cite { color: #49413d; font-size: 14px; background: url(../img/bgGreenBlockquote.gif) 20px 0 no-repeat; font-style: normal; display: block; padding: 25px 0 0 25px; }


}


@media screen and (max-width: 600px) {
	
	#mainNav ul li a { padding: 4px 5px; }

	#vignetteShell { height: 270px; }
	
	#sliderShell .container { width: 100px; }
	
	#sliderContainer .powerPhraseDetails .slideMediumText { display: none; }
	
	#sliderContainer .powerPhraseDetails { width: 200px; margin: 0 0 0 40px; }
	
	#sliderContainer .slide .imgContainer { max-width: 190px; height: 140px; padding: 10px; margin: 0; }
	
	}


@media screen and (max-width: 480px) {
  
  
body { overflow-x: hidden; }

.container { width: 100%; padding: 0; margin: 0;  }

	header { height: auto; }
	
		#logo { position: static; margin: 15px 0 90px 25px; }
		
		#mainNav { position: static !important; }
		
			#mainNav ul { margin: 0 0 0 25px !important; padding: 0 !important; width: 250px; }
			#mainNav ul li { float: none; margin: 5px 0 !important; padding: 0 !important; }
			#mainNav ul li a { }
			
				#mainNav ul ul { position: static; background: #f5f2e9; width: auto; }
		
		#searchShell { top: 70px; left: 25px;  }
	
	#vignetteShell { height: 478px; width: 100%; }
	
#sliderContainer { width: 285px; margin: 0 auto; }
	
#sliderShell .container { width: 320px; }

#sliderContainer .slide .imgContainer { max-width: 270px; height: 200px;  padding: 10px; margin: 0 9% 0 0; }

#sliderContainer img {}

#sliderContainer .powerPhraseDetails { overflow: hidden; display: block; margin: 25px 0 0 0; float: left; width: 100%; }

	#sliderContainer .powerPhraseDetails .slideButton { display: block; width: 280px; height: 51px; text-align: center; background: url(../img/btnLearnMoreMobile.png) top left; color: #312f2f; font-size: 36px; padding: 12px 0 0; text-indent: -9999em; line-height: 0; }
					#sliderContainer .powerPhraseDetails .slideButton:hover { background-position: bottom; color: #fff; }

#sliderContainer .powerPhraseDetails .slideButton a { color: #fff; }

	#mainShell { margin: 20px 0 0 20px; width: 90%; padding: 0; }
	
	.cta { margin: 20px 0; }
	
	.ctaRowContainer { margin: 40px 0 0; }
			.ctaRowContainer .cta { position: relative; width: 270px; float: left; }
			.ctaRowContainer .cta:first-child { margin-right: 40px; }
				.ctaRowContainer h2 { margin: 0 0 20px; }
				.ctaRowContainer .ctaLeft { float: left; width: 70px; }	
					.ctaRowContainer img {  }
				.ctaRowContainer .ctaRight { float: left; width: 200px; }
					.ctaRowContainer p {  }
					.ctaRowContainer .ctaLearnMore { text-underline: none; display: block; width: 127px; height: 36px; background: url(../img/btnLearnMore.jpg) left top; }
	
		#main { width: 90%; float: none; padding: 0px; margin: 0; border: none; }
		
		#sidebar { margin: 20px 0 0 0; padding: 0 15px; width: 80%; }
	
		.ccm-layout-row.fourColRow .ccm-layout-col { width: 100% !important }
	
	footer.container { margin: 30px 0 30px 30px; width: 70%; }

}


/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; line-height: 1; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  
  #logo {  }
  	.simple-logo-block { text-decoration: none; line-height: 1; }
		#logo .largeGreen { font-size: 36px; }
		#logo .largeGrey { font-size: 24px; }
		#logo .logoSubtitle { font-size: 14px; }
  #mainNav, #searchShell, #vignetteShell, #sliderShell { display: none; }
  
}