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

Theme: Natural
Variant: Leather
Author: Michael Grissinger
Version: 1.0.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; }


@font-face {
    font-family: 'haettenschweilerregular';
    src: url('../fonts/haettenschweiler_regular-webfont.woff2') format('woff2'),
         url('../fonts/haettenschweiler_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/** Sitewide Styles ***********************************************/
/******************************************************************/
#vivid-simple-slider-287, #vivid-simple-slider-287 .swiper-slide{ height:auto !important}
.ccm-image-slider-block-container .slide-well{ float:left; width:100%;}
.slide1{ float:left; width:100%;}
.slide1 h4{ color:#e3e0b4; font-size:24px; font-family: 'haettenschweilerregular'; letter-spacing:2px;}
.slide1 p{ color:#000;}

body { background: #f5f2e9; font: 13px/18px Arial, Helvetica, sans-serif; color: #5d5a51; }
a { color: #833632; 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; }

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

header { float: left;width: 100%; position: relative; z-index: 9; padding:15px 0px; }

	#logo { float:left; width:100%; }
	#logo img{ width:100%;}
	#see{ float:left; width:100%;margin: 43px 0 0 0px;}
	
		.simple-logo-block { line-height: 0; text-decoration: none; display: block; }
			.simple-logo-block .largeBlack { font-size: 75px; color: #833632; 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;*/float:right; margin-top:30px;}
		header nav ul li { float: left; position: relative; }
		header nav ul li a { display: block; color: #110804; font-size: 30px; padding: 4px 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 left; height:auto; float: left;width: 100%; background-size:cover;/}


.top-slid{ float:left; width:100%;}
body.subpage #vignetteShell { height: 143px; background-image: url(../img/bgVignetteShell-sub.jpg); float: left;width: 100%;}


	#sliderShell {/* margin-top: 35px;*/ float:left; width:100%; }
	
		/*#sliderShell */.page_title1{ font-size:50px; color: #fff; margin: 0; padding: 4px 0 0;font-family: 'haettenschweilerregular'; letter-spacing:3px }
	
		#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; }
					
					#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) 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; }


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

#mainShell { padding: 60px 0 0; margin-bottom:10px; float:left; width:100%; }
		
	
		/** General Content Elements ******************************/
		/**********************************************************/
		
		#mainShell  hgroup {  }
		#mainShell  h1 { font-size: 36px; color: #000; margin: 0 0 20px; }
		#mainShell  h2 { font-size: 30px; color: #833632; }
		#mainShell  h1+h2 { margin: -15px 0 20px; }
		#mainShell  h3 { font-size: 16px; }
		#mainShell  p { margin: 0 0 15px; }
		#mainShell  a { color: #833632; }
		#mainShell  a:hover {  }
		#mainShell  strong {  }
		#mainShell  em {  }
		#mainShell  blockquote {  }
		#mainShell  ul, ol { margin:0; }
		#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; }
	#main1 { width:100%; float: left; padding:0px 0  0 0px; margin: 0px ; }
	#mainhome { width:100%; float: left; padding:0px 40px 0 0;margin: 0px 15px 0 0 ;border-right: 1px solid #ccc; }
	body.full #main { width: 100%; float: left; 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-underline: none; display: block; width: 127px; height: 36px; background: url(../img/btnLearnMore.jpg) left top; }
					.ctaRowContainer .ctaLearnMore:hover { background-position: bottom; }
	
	#sidebar { width:100%; float: left; padding: 0px 0px 0 0;}
	
		#sidebar .testimonials {  }
		
			#sidebar .testimonials h1 {  }
			#sidebar blockquote.green { margin: 0; }
				#sidebar blockquote.green p { background: #833632; 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 { background: #dad4c0; margin-top:30px; padding:0px 25px; /*width: 890px;*/ color: #80785c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float:left; width:100% }

	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 */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you  j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
*/
	header { height: auto; }
	
		#logo { 
			position: static; 
			/*width:721px;
			height:204px;*/
			/*background: #070201 url(../img/logo.png) top center no-repeat;*/
		}
		
		#mainNav { position: static !important; }
		
			#mainNav ul { margin: 0 !important; padding: 0 !important; }
			#mainNav ul li { float: none; margin: 0 !important; padding: 0 !important; }
			#mainNav ul li a {  }
			
				#mainNav ul ul { position: static; background: #f5f2e9; width: auto; }
		
		#searchShell { display: none; }

	
	#mainShell {  }
	
		#main { padding: 0 15px; margin: 0; border: none; }
		
		#sidebar { margin: 0; padding: 0 15px; width: auto; }
	
	footer.container { width: 250px !important; }

}

/* 
 * 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; }
  
}
/*#bbb{
    border: 0;
    position: absolute;
    top: 114px;
    left: 410px;
}*/
.top-le{ float:left; width:8%;}
.required{ float:left; color:#F00;}
.control-label{ float:left;}
.form-group {float:left; width: 100%;padding-bottom: 12px;}
#mainShell textarea {width: 40%;height: 60px;border-radius: 5px; padding: 0 10px; border: 1px solid #dbdbdb; }
.capcha1{ float:left; width:100%;}
#mainShell input {
    width: 25%;
    height: 34px;
    border-radius: 5px;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
}
#ccm-captcha-code{ margin-left:75px;}
.btn.btn-primary{ 
    margin-left: 75px;
    background: #833632;
    padding: 10px;
    border-radius: 5px !important;
    font-size: 17px;
    color: #fff;
}
.ccm-form{ margin-top:50px;}
.btn.btn-primary:hover{ background:#000;}
.img1{ float:left; width:100%;}
.img1 img{ width:100%}
.img2{ float:left; width:100%;}

#BLOCK_243 .item img{ width:auto !important;}
.col-sm-4.menu-padding{ padding-left:0px !important; padding-right:0px !important;}
.mob-img{ float:left; width:13%;}
.mob-text{ float:left; width:50%;}
.mob-text button{ font-size:23px; background:#2d2d2d; border:none; color:#fff; border-radius:5px;font-family: 'haettenschweilerregular';padding: 0px 15px 4px;}
.mob-text button:hover{ background:#833936; border:none; color:#fff;}
.mob-top{ float:left; width:100%; margin:0 0 20px 0}

@media (max-width:1199px) {
div.ccm-page .ccm-image-slider-container .rslides_nav.next {
  right:525px;
}
}
@media (max-width:992px) {
div.ccm-page .ccm-image-slider-container .rslides_nav.next {
  right:410px;
}

  div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{ font-size:30px;}
}


@media (max-width: 767px) {
	.img1 img{ width:auto; margin:20px auto; display:block;}
	#logo{ width: 75%; position: relative; z-index:999 }
	#logo img{ width:auto;}
	.top-menu { position: absolute; right:30px; top:15px;}
	#see{ text-align:center; display:block; margin:20px auto 0 auto;}
	div.ccm-page header{ padding:15px 0px;}
	/*#sliderShell */.page_title1{ font-size:30px;}
	#mainShell input{ width:100%;}
	.top-le{ width:100%}
	#mainShell textarea{ width:100%}
	#ccm-captcha-code{ margin-left:0px;}
	#mainhome{padding: 0px 0px 0 0;border-right:none; margin:30px 0 0px 0px}
	#main1{padding: 0px 0px 0 0;border-right:none; margin:30px 0 0px 0px}
	#sidebar{ padding:0px;}
	div.ccm-page .ccm-image-slider-container.ccm-block-image-slider-arrows .ccm-image-slider-inner{ margin:0px;}
	div.ccm-page .ccm-image-slider-container .rslides_nav.prev{ display:none;}
	div.ccm-page .ccm-image-slider-container .rslides_nav.next{ display:none;}
	#mainShell{ padding:0px;}
	.ctaRowContainer{ margin:0px;}
	#vignetteShell { background: #070201 url(../img/bgVignetteShell.jpg) top left; height:auto; float: left;width: 100%; background-size:cover;background-repeat: repeat;}
	
	.top-slid{ padding:20px 0px;}
	
}