@charset "UTF-8";
/* CSS Document */

/*################################################################
	SKELETON
################################################################# */

	{ margin: 0; padding: 0; }
	#theGlobalHeader {
		font-family: Avenir, Arial, sans-serif;
		font-size:14px;
		line-height:1.8;
		font-weight: 400;
		position:relative;
		color: #D3D3D3;
		padding:0;
		margin:0;
		overflow-x: hidden;
		background:#ffffff;
	}
ghClearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#mobile_menu { display: none; }

/*################################################################
	HEADER SECTION
################################################################# */

	.ghHeader {
		font-family: Avenir, Arial, sans-serif;
		font-size:14px;
		line-height:1.8;
		font-weight: 400;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 0;
		min-height: 75px;
		z-index: 9999;
		background: rgba(50,50,50,.2);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		color: #fff;
	}
	.ghHeader.affix {
		font-family: Avenir, Arial, sans-serif;
		font-size:14px;
		line-height:1.8;
		font-weight: 400;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 0;
		min-height: 75px;
		z-index: 9999;
		background: #323232;
		background: rgba(50,50,50,.5);
		border-bottom: 1px solid rgba(0, 0, 0, 0.4);
		color: #fff;
	}
	.ghLogo-wrapper {
		float: left;
		margin-top: 15px;
		margin-left: 15px;
	}
	
	.ghClearfix:before,
	.ghClearfix:after {
	  content: "";
	  display: table;
	}
	.ghClearfix:after {
	  clear: both;
	}
	.ghClearfix {
	  *zoom: 1;
	}
/*################################################################
	CSS3 ANIMATION EFFECTS
################################################################# */

	[class*=".effect-"] {
	  -webkit-backface-visibility: hidden;
	  -moz-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-perspective: 1000;
	  -moz-perspective: 1000;
	  perspective: 1000;
	}
	.effect-fade { opacity: 0; }
	.effect-fade.in { opacity: 1; }
	
/*	################################################################
	NAV BAR STYLES
################################################################# */

	.ghNavbar { margin-bottom:0; float: right; }
	.ghNavbar-collapse { padding:0 0 0 15px }
	.ghNavbar-nav > li > .ghDropdown-menu { margin-top:3px }
	.ghNavbar-nav > li > a:hover,
	.ghNavbar-nav > li > a:focus,
	 .ghNavbar-nav > li.selected a { top:0; border-top: none; color: #fc6719 !important; text-decoration: none; background-color: #eeeeee; }	
	.ghNavbar .ghNav, .ghNavbar .ghCollapse, .ghNavbar .dropup, .ghNavbar .ghDropdown { position: static; }
	.ghNavbar .ghDropdown-menu .withoutdesc ul li a, .ghNavbar a, .ghNavbar p, .ghNavbar li a { color:#000; }
	.ghNavbar-nav > li > a { color: #D3D3D3; font-size: 18px; font-weight: 400; margin:0 3px; padding: 8px 15px; text-decoration: none; }
	.ghNavbar .ghDropdown .ghDropdown-menu { left: -180px; right: 0; border-top: none; width: 675px; color: #666; background-color: #eeeeee; }
	.ghNavbar .ghDropdown-menu { box-shadow:none; border:1px solid #292929; padding:0; }
	.ghNavbar .ghDropdown-menu > li { border-bottom:1px solid #292929; min-height: 50px; padding: 10px; padding-left: 20px; padding-bottom: 0; }
	.ghNavbar .ghDropdown-menu > li:last-child { border-bottom:0 solid #292929; }
	.ghDropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 0 0;
		margin: 5px 0 0;
		list-style: none;
		font-size: 13px;
		background-color: #DFDFDF;
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
	}
ghLogo { line-height: normal; }
.ghLogo img { width: 150px; }

	.ghNavbar {
	  position: relative;
	  z-index: 1000;
	  min-height: 40px;
	  margin-bottom: 0px;
	  border: 1px solid transparent;
	  *zoom: 1;
	}
	.ghNavbar:before,
	.ghNavbar:after {
	  content: " ";
	  /* 1 */
	  display: table;
	  /* 2 */
	}
	.ghNavbar:after {
	  clear: both;
	}
	.ghNavbar:before,
	.ghNavbar:after {
	  content: " ";
	  /* 1 */
	  display: table;
	  /* 2 */
	}
	.ghNavbar:after {
	  clear: both;
	}
	@media (min-width: 768px) {
	  .ghNavbar-collapse {
	    width: auto;
	    border-top: 0;
	    box-shadow: none;
	  }
	  .ghNavbar-collapse.ghCollapse {
	    display: block !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
	  }
	  .ghNavbar-collapse.in {
	    overflow-y: visible;
	  }
	  .ghNavbar-collapse .ghNavbar-nav.ghNavbar-left:first-child {
	    margin-left: -15px;
	  }
	  .ghNavbar-collapse .ghNavbar-nav.ghNavbar-right:last-child {
	    margin-right: 0;
	  }
	  .ghNavbar-collapse .ghNavbar-text:last-child {
	    margin-right: 0;
	  }
	}
	.ghContainer > .ghNavbar-header,
	.ghContainer > .ghNavbar-collapse {
	  margin-right: -15px;
	  margin-left: -15px;
	}
	.ghNavbar-collapse.in {
	  overflow-y: auto;
	}
	.ghCollapse {
	  display: none;
	}
	@media (min-width: 768px) {
	  .ghNavbar-nav {
	    float: left;
	    margin: 0;
	  }
	  .ghNavbar-nav > li {
	    float: left;
	  }
	  .ghNavbar-nav > li > a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	  }
	}
	@media (min-width: 768px) {
	  .ghNavbar > .ghContainer .ghNavbar-brand {
	    margin-left: -15px;
	  }
	}
	.ghNavbar-toggle {
	  position: relative;
	  float: right;
	  margin-right: 15px;
	  padding: 9px 10px;
	  margin-top: 13px;
	  margin-bottom: 13px;
	  background-color: transparent;
	  border: 1px solid transparent;
	}
	.ghNavbar-toggle {
	  display: block;
	  width: 22px;
	  height: 2px;
	}
	.ghNavbar-toggle {
	  margin-top: 4px;
	}
	@media (min-width: 768px) {
	  .ghNavbar-toggle {
	    display: none;
	  }
	}
	.ghNavbar-nav > li > a {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.ghNavbar-nav > li > a > small {
	  position: absolute;
	  display: block;
	  width: 100%;
	  font-size: 11px;
	  font-weight: 300 !important;
	  color: #888;
	  text-transform: lowercase;
	  font-style: italic;
	  text-align: center;
	  top: 36px;
	  left: 0;
	}
	@media (max-width: 767px) {
	  .ghNavbar-nav .ghOpen .ghDropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    box-shadow: none;
	  }
	  .ghNavbar-nav .ghOpen .ghDropdown-menu > li > a,
	  .ghNavbar-nav .ghOpen .ghDropdown-menu .ghDropdown-header {
	    padding: 5px 15px 5px 25px;
	  }
	  .ghNavbar-nav .ghOpen .ghDropdown-menu > li > a {
	    line-height: 20px;
	  }
	  .ghNavbar-nav .ghOpen .ghDropdown-menu > li > a:hover,
	  .ghNavbar-nav .ghOpen .ghDropdown-menu > li > a:focus {
	    background-image: none;
	  }
	  .ghNavbar-nav > li > a > small {
	    display: none;
	  }
	}
	.ghNav {
	  margin-bottom: 0;
	  padding-left: 0;
	  list-style: none;
	  *zoom: 1;
	}
	.ghNavbar-nav > li > .ghDropdown-menu {
	  margin-top: 0;
	  border-top-right-radius: 0;
	  border-top-left-radius: 0;
	}
	.ghOpen > .ghDropdown-menu {
	  display: block;
	}
	.ghOpen > a {
	  outline: 0;
	}
	.ghNav .ghOpen > a,
	.ghNav .ghOpen > a:hover,
	.ghNav .ghOpen > a:focus {
	  border-top: none;
	  color: #fc6719;
	  background-color: #eeeeee;
	}
	.ghNav > li {
	  position: relative;
	  display: block;
	}
	.ghNav > li > a {
	  position: relative;
	  display: block;
	  padding: 20px 15px;
	  color: #ffffff;
	}
	
		@media (min-width: 1200px) {
	  .ghContainer {
	    max-width: 1170px;
	  }
	}
	
	.ghContainer {
	  margin-right: auto;
	  margin-left: auto;
	  *zoom: 1;
	}
	.ghdd-prodLogo { width: 175px; float: left; cursor: pointer; }
	.ghdd-prodText { line-height: 15px; width: 450px; float: left; margin-top: 20px; cursor: pointer; }

	
	@media only screen and (min-width: 0px) and (max-width: 479px) {
				.responsive .tp-bullets	{ display:none; }
				.responsive .tparrows	{ display:none; }
				.sectionPanel { padding: 20px 0; }
				.sectionPanel.centerContent .ghContainer { width: 90%; }
				.sectionText { padding: 15px 10px; }
				.tp-caption { font-size: 16px !important; line-height: 18px !important; }
				#curriculum .sectionProducts > div { width: 100%; display: block; }
				.prodTitle { margin-top: -10px; }
				.children .prodTitle { margin-top: -40px; }
				.sectionProducts > div { width: 100% !important; display: block !important; padding-bottom: 5px !important;}
				.learnMore, .learnMoreOrange { margin-top: 5px; }
				#training img { width: 60%; }
				.pfkConf img { width: 60%; }
				.resources img { width: 80% !important; }
				.orangestore img { width: 45% !important; }
	}
	
	@media only screen and (min-width: 480px) and (max-width: 550px) { 
		.sectionPanel.centerContent .ghContainer { width: 100% !important; }
	}
	
	@media only screen and (max-width: 840px) { 
		.ghNav > li > a { padding: 20px 10px !important; }
	}
	
	@media only screen and (max-width: 768px) {
		.sectionPanel.centerContent .ghContainer { width: 80%; }
		.learnMore { margin-top: 5px; }
		#events .sectionProducts > div, #resources .sectionProducts > div { width: 33%; padding-bottom: 10px; }
		#resources .sectionProducts > div { padding-bottom: 40px; }
		.marriedPeople img, .orangeMusic img { margin-bottom: -10px !important; }
		#resources .marriedPeople, #resources .orangeMusic { padding-bottom: 0px !important; }
		
		.ghHeader:after {
	
	    }
			
		
	}
		
	@media only screen and (min-width: 769px) and (max-width: 1024px) {
		.sectionPanel.centerContent .ghContainer { width: 80%; }
		.learnMore { margin-top: 5px; }
 	}