@charset "UTF-8";

/* Main Classes */


address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

* {
	margin:0;
	padding:0;
}

body {
	font-size:100%;
	line-height:1.5;
	font-weight:normal;
	font-style:normal;
	background:white;
	color:rgb(60,60,60);
	font-family:Helvetica, sans-serif;
}


.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}

div {
	display:block;
}

.super {
	vertical-align:super;
	font-size:7pt;
}



.underline {
	text-decoration:underline;
}

hr {
	height: 1px;
	border: 0;
	clear:both;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	margin:40px 0;
}

.row {
	float:left;
	width:100%;
}

.rowRelative {
	width:100%;
	max-width:2000px;
	margin:0 auto;
	padding:20px 0;
	clear:both;
	margin-top:20px;
}

.purpleHeading {
	color:#4f0078;
}

.purpleBackground {
	background:#4f0078;
}

.specialHeading {
	font-family:"Alex Brush";
	font-size:36pt;
	text-align:center;
	margin:20px;
	padding:10px;
}


a.standardLink, a.standardLink:active, a.standardLink:visited {
	color:rgb(136,170,32);
	text-decoration:underline;
	font-family:inherit;
	-o-transition:color .8s;
	-ms-transition:color .8s;
	-webkit-transition:color .8s;
	-moz-transition:color .8s;
	transition:color .8s;
	cursor:pointer;
}



a.standardLink:hover {
	color:#920139;
	text-decoration:none;
}

.btn {
	display: inline-block;
	font-family: "Oswald";
	text-align: center;
	text-decoration:none;
	border: 0;
	cursor: pointer;
	outline: none;
	border-radius:3px;
	box-shadow:0 0 3px #000;
	margin: 10px 0;
}

.btn-primary {
	color: #fff;
	text-shadow:0 0 5px #000;
	background: #88AA20;
	-o-transition:background .8s;
	-webkit-transition:background .8s;
	-moz-transition:background .8s;
	-ms-transition:background .8s;
	transition:background .8s;
	
}

.btn-primary:hover {
	background:#657C04;
}

.btn-sm {
	font-size: 10pt;
	padding: 8px 10px;
}

.btn-md {
	font-size: 14pt;
	padding: 8px 10px;
}

.btn-lg {
	font-size: 20pt;
	padding: 10px 14px;
}


@font-face {
  font-family: 'Jellyka Delicious Cake';
  src: url('http://www.fontsaddict.com/fontface/jellyka-delicious-cake.ttf');
}




/* header */

header {
	float:left;
	width:100%;
	background:#b7225c;
	margin:0;
	padding:5px 0;
}



/* logo */



header > h1 {
	display:block;
	float:left;
	width:500px;
	font-family:"Alex Brush";
	color:rgb(255,255,255);
	font-weight:bold;
	font-size:20pt;
	margin:0 0 0 10px;
}




/* side bar */




header > aside#headerSideBar {
	float:right;
	width:50%;
	max-width:512px;
	margin:0 1% 0 0;
}

header > aside#headerSideBar > h2 {
	display:none;
}



/* Quote */




header > aside#headerSideBar > p#quote {
	text-align:center;
	font-size:12pt;
	font-family:'Open Sans';
	color:rgb(255,255,255);
}



/* main navigation */




nav {
	float:left;
	width:100%;
	background:#b7225c;
	margin-top:0;
}

nav > h2 {
	display:none;
}


nav > a#menu-icon,
nav > a:visited#menu-icon,
nav > a:active#menu-icon {
	display:none;
}

nav > a:hover#menu-icon {
	text-decoration:none;
}


nav > ul {
	display:block;
	float:left;
	list-style-type: none;
	width:100%;
	margin:0;
}


nav > ul > li > a,
nav > ul > li > a:active,
nav > ul > li > a:visited {
	display:block;
	float:left;
	text-align:left;
	text-decoration:none;
	font-family:'Oswald';
	color:white;
	padding:0 10px 0 0;
	margin-left:10px;
	font-size:11pt;
	border-right:solid 1px rgb(60,60,60);
}

nav > ul > li > a:hover {
	text-decoration:none;
	color:rgb(255,255,255);
	text-shadow:0 0 8px #000;
}




/* HOME SPOTLIGHT */

section#topSpotlight {
	float:left;
	width:100%;
	height:0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:0;
	padding:0;
	
}


section#topSpotlight > img#ProfilePhoto {
	display:block;
	float:left;
	border:solid 2px #b7225c;
	border-radius:8px;
	box-shadow:0 0 10px #000;
	padding:0;
	

}


section#topSpotlight > h1 {
	text-align:center;
	font-family:'Alex Brush';
	font-size:18pt;
	text-shadow:2px 2px 5px #000;
	color:#fff;
	margin-top:10px;
}




section#topSpotlight > p {
	text-align:center;
	font-family:'Open Sans';
	font-size:12pt;
	line-height:1em;
	color:#fff;
	text-shadow:2px 2px 5px #000;
	margin-top:0;
	padding:0 3%;
}

section#topSpotlight .spotlightTextWrap {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
	margin-top:10px;
	padding:0 3%;
}

section#topSpotlight .spotlightTextWrap p {
	text-align:center;
	font-family:'Open Sans';
	color:#fff;
	text-shadow:2px 2px 5px #000;
	margin-top:0;
}

section#topSpotlight .newSpotlightText {
	font-size:12pt;
	line-height:1.2em;
	max-width:900px;
}

section#topSpotlight .oldSpotlightText {
	font-size:10pt;
	line-height:1.2em;
	max-width:420px;
}




section#topSpotlight > a,
section#topSpotlight > a:active,
section#topSpotlight > a:visited {
	display:block;
	position:relative;
	width:200px;
	text-align:center;
	text-decoration:none;
	font-family:'Oswald';
	font-size:12pt;
	color:#ffffff;
	text-shadow:0 1px 1px #000;
	border:solid 3px #ffffff;
	border-radius:10px;
	margin:0 auto;
	margin-top:10px;
	padding:5px 0;
	-o-transition:background .8s, border-color .8s, color .8s;
	-webkit-transition:background .8s, border-color .8s, color .8s;
	-moz-transition:background .8s, border-color .8s, color .8s;
	transition:background .8s, border-color .8s, color .8s;
}



section#topSpotlight > a:hover {
	text-decoration:none;
	color:#ffffff;
	background:#b7225c;
	border-color:#b7225c;
}


	
		
@media (max-width:480px){
	
	section#topSpotlight {
		background: url(../images/home/backgroundsm.jpg) no-repeat center center;
		padding-bottom:64.58%;
	
	}
	
	section#topSpotlight > img#ProfilePhoto {
		width:20%;
		margin:10px 40% 0 40%;

	}
	

	
}
		
		
		

@media (min-width:481px) and (max-width:800px) {

	section#topSpotlight {
		background: url(../images/home/backgroundmed.jpg) no-repeat center center;
		padding-bottom:64.62%;
	
	}
	
	
	
	section#topSpotlight > img#ProfilePhoto {
		width:16%;
		margin:2% 46% 0 46%;
		
	
	}
	
	section#topSpotlight > h1 {
		font-size:26pt;
		margin-top:20px;
	}
	
	section#topSpotlight > p {
		font-size:16pt;
		margin-top:0;
		padding:0 8%;
	}
	
	section#topSpotlight > a,
	section#topSpotlight > a:active,
	section#topSpotlight > a:visited {
		width:250px;
		font-size:14pt;
		color:#fff;
		border:solid 3px #b7225c;
		box-shadow:0 0 3px #000;
		background:#b7225c;
		margin-top:10px;
		padding:5px 0;
	}
	


}



@media (max-width:480px){
	
	section#topSpotlight {
		background: url(../images/home/backgroundsm.jpg) no-repeat center center;
		padding-bottom:64.58%;
	
	}
	
	section#topSpotlight > img#ProfilePhoto {
		width:20%;
		margin:10px 40% 0 40%;

	}

	section#topSpotlight .spotlightTextWrap {
		flex-direction:column;
		padding:0 6%;
	}

	section#topSpotlight .newSpotlightText {
		font-size:12pt;
		line-height:1.2em;
		max-width:none;
	}

	section#topSpotlight .oldSpotlightText {
		font-size:10pt;
		line-height:1.2em;
		max-width:none;
	}
	
}


@media (min-width:801px) and (max-width:1024px) {

	section#topSpotlight {
		background: url(../images/home/backgroundl.jpg) no-repeat center center;
		padding-bottom:64.64%;
	
	}
	
	
	section#topSpotlight > img#ProfilePhoto {
		width:20%;
		margin:20px 40% 0 40%;
		
	
	}
	
	
	section#topSpotlight > h1 {
		font-size:42pt;
		margin-top:20px;
	}
	
	section#topSpotlight > p {
		font-size:26pt;
		margin-top:0;
		padding:0 12%;
	}
	
	section#topSpotlight > a,
	section#topSpotlight > a:active,
	section#topSpotlight > a:visited {
		width:350px;
		font-size:21pt;
		color:#fff;
		border:solid 4px #b7225c;
		box-shadow:0 0 3px #000;
		background:#b7225c;
		margin-top:20px;
		padding:8px 0;
	}


}





@media (min-width:1025px) and (max-width:1280px) {

	section#topSpotlight {
		background: url(../images/home/backgroundxl.jpg) no-repeat center center;
		padding-bottom:64.68%;
	
	}
		
	
	section#topSpotlight > img#ProfilePhoto {
		width:10%;
		margin:1% 45% 0 45%;
		
	
	}
	
	section#topSpotlight > h1 {
		font-size:52pt;
		margin-top:20px;
	}
	
	section#topSpotlight > p {
		font-size:29pt;
		margin-top:5px;
		padding:0 15%;
	}
	
	section#topSpotlight > a,
	section#topSpotlight > a:active,
	section#topSpotlight > a:visited {
		width:350px;
		font-size:21pt;
		color:#fff;
		border:solid 4px #b7225c;
		box-shadow:0 0 3px #000;
		background:#b7225c;
		margin-top:20px;
		padding:8px 0;
	}



}





@media (min-width:1281px) and (max-width:1366px) {

	section#topSpotlight {
		background: url(../images/home/backgroundxxl.jpg) no-repeat center center;
		padding-bottom:64.71%;
	
	}

	
	
	section#topSpotlight > img#ProfilePhoto {
		width:10%;
		margin:1% 45% 0 45%;
		
	
	}
	
	section#topSpotlight > h1 {
		font-size:52pt;
		margin-top:20px;
	}
	
	section#topSpotlight > p {
		font-size:29pt;
		margin-top:5px;
		padding:0 20%;
	}
	
	section#topSpotlight > a,
	section#topSpotlight > a:active,
	section#topSpotlight > a:visited {
		width:400px;
		font-size:24pt;
		color:#b7225c;
		border:solid 4px #b7225c;
		margin-top:20px;
		padding:8px 0;
	}
	
	section#topSpotlight > a:hover {
		text-decoration:none;
		color:#ffffff;
		background:#b7225c;
		border-color:#b7225c;
	}




}






@media (min-width:1367px) and (max-width:1920px) {

	section#topSpotlight {
		background: url(../images/home/backgroundxxxl.jpg) no-repeat center center;
		padding-bottom:64.68%;
	
	}
	
	
	
	section#topSpotlight > img#ProfilePhoto {
		width:10%;
		margin:1% 45% 0 45%;
		
	
	}
	
	section#topSpotlight > h1 {
		font-size:52pt;
		margin-top:20px;
	}
	
	section#topSpotlight > p {
		font-size:32pt;
		margin-top:10px;
		padding:0 20%;
	}
	
	section#topSpotlight > a,
	section#topSpotlight > a:active,
	section#topSpotlight > a:visited {
		width:400px;
		font-size:24pt;
		color:#b7225c;
		border:solid 4px #b7225c;
		margin-top:20px;
		padding:8px 0;
	}
	
	section#topSpotlight > a:hover {
		text-decoration:none;
		color:#ffffff;
		background:#b7225c;
		border-color:#b7225c;
	}


	

}





@media (min-width:1921px) {

	section#topSpotlight {
		background: url(../images/home/backgroundxxxxl.jpg) no-repeat center center;
		padding-bottom:64.7%;
	
	}
	
	
	section#topSpotlight > img#ProfilePhoto {
		
		width:6%;
		margin:1% 47% 0 47%;
		
	
	}
	
	section#topSpotlight > h1 {
		font-size:52pt;
		margin-top:20px;
	}
	
	section#topSpotlight > p {
		font-size:32pt;
		margin-top:10px;
		padding:0 20%;
	}
	
	section#topSpotlight > a,
	section#topSpotlight > a:active,
	section#topSpotlight > a:visited {
		width:400px;
		font-size:24pt;
		color:#b7225c;
		border:solid 4px #b7225c;
		margin-top:20px;
		padding:8px 0;
	}
	
	section#topSpotlight > a:hover {
		text-decoration:none;
		color:#ffffff;
		background:#b7225c;
		border-color:#b7225c;
	}

	
	

	

}



	/*	BIG BUTTONS HOME */

div#bigButtons {
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:50px;
	padding-bottom:50px;
}

div#bigButtons > a,
div#bigButtons > a:active,
div#bigButtons > a:visited {
	display:block;
	float:left;
	width:25%;
	margin:0;
	padding:0;
	border:none;
	text-decoration:none;
}

div#bigButtons > a:hover {
	text-decoration:none;
}

div#bigButtons > a > h2 {
	display:none;
}

div#bigButtons > a > img {
	display:block;
	float:left;
	width:70%;
	margin:0 15%;
}


/* SPOTLIGHTS */

section#spotlights {
	float:left;
	width:100%;
	padding:10px 0 30px 0;
	margin:0;
}

section#spotlights > div.rowRelative > div.products {
	float:left;
	width:40%;
	text-align:center;
	padding:0 5%;
	margin:30px 0;
}

section#spotlights > div.rowRelative > div.products > i.fa {
	color:#4f0078;
}

section#spotlights > div.rowRelative> div.products > h2 {
	font-family:"Oswald";
	font-size:16pt;
	margin:15px 0;
}

section#spotlights > div.rowRelative > div.products > p {
	font-family:"Open Sans";
	font-size:12pt;
}

section#spotlights > div.rowRelative > div.products > p:nth-child(even) {
	margin-top:20px;
}

section#spotlights > div.rowRelative > div.products > p > a {
	text-decoration:none;
}
	
	
	
@media (max-width:800px) {
	
	div#bigButtons {
		margin-bottom:0px;
	}
	
	
	section#spotlights > div.rowRelative > div.products {
		float:left;
		width:90%;
		text-align:center;
		padding:0 5%;
		margin:30px 0;
	}
}

/* HOME CONNECT */

div.rowRelative > section#homeConnect {
	float:left;
	width:660px;
	margin:20px 0 20px 5%;
	padding:20px 0 10px 0;
}

.homeSpecialHeading {
	display:block;
	width:98%;
	font-family:"Alex Brush";
	color:rgb(250,250,250);
	font-size:18pt;
	padding:5px 1%;
}

/* YOUTUBE */
div.rowRelative > section#homeConnect > div#youtubeWrap {
	float:left;
	width:320px;
	margin:0;
	padding:0;
}

div.rowRelative > section#homeConnect > div#youtubeWrap > div.youtube {
	float:left;
	width:99%;
	margin:10px .5% 20px .5%;
}

div.rowRelative > section#homeConnect > div#youtubeWrap > div.youtube > h2 {
	display:none;
}

div.rowRelative > section#homeConnect > div#youtubeWrap > div.youtube > .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

div.rowRelative > section#homeConnect > div#youtubeWrap > div.youtube > .videoWrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*	FACEBOOK */
div.rowRelative > section#homeConnect > div#fbwrap {
	float:right;
	width:320px;
	height:500px;
	background:#fff;
	margin:10px 0;
	padding:0;
}

div.rowRelative > section#homeConnect > div#fbwrap > h2 {
	display:none;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
	min-width:100% !important;
	max-width:100% !important;
	margin:0;
}

.fb-page {
	width:100% !important;
	min-width:100% !important;
	max-width:100% !important;
}

#u_0_0 {
	width:100% !important;
	max-width:100% !important;
	min-width:100% !important;
}

/* HOME Whats New */

div.rowRelative > section#homeWhatsNew {
	float:right;
	width:40%;
	max-width:400px;
	margin:20px 5% 20px 5%;
	padding:20px 0 10px 0;
}

div.rowRelative > section#homeWhatsNew > h3 {
	font-family:"Oswald";
	color:#333;
	font-size:16pt;
	margin-top:10px;
}

div.rowRelative > section#homeWhatsNew > p {
	font-family:"Open Sans";
	color:#777;
	font-size:12pt;
	margin-top:20px;
}

/* Home bottom section responsive styles small screen */
@media (max-width:800px) {
	

	div.rowRelative > section#homeConnect {
		
		width:90%;
		
	}
	
	/* YOUTUBE */
	div.rowRelative > section#homeConnect > div#youtubeWrap {
		width:100%;
	}
	
	/*	FACEBOOK */
	div.rowRelative > section#homeConnect > div#fbwrap {
		float:left;
		
	}
	
	/* HOME Whats New */
	div.rowRelative > section#homeWhatsNew {
		width:90%;
		max-width:90%;
		margin:40px 5% 20px 0;
	}
	
	div.rowRelative > section#homeWhatsNew > h3 {
		font-size:14pt;
		
	}
}


/* Home bottom section responsive styles medium */
@media (min-width:801px) and (max-width:1281px) {
	

	div.rowRelative > section#homeConnect {
		
		width:320px;
	}
	
	/* YOUTUBE */
	div.rowRelative > section#homeConnect > div#youtubeWrap {
		width:100%;
	}
	
	div.rowRelative > section#homeConnect > div#youtubeWrap > div.youtube:nth-child(2) {
		display:none;
	}
	
	/*	FACEBOOK */
	div.rowRelative > section#homeConnect > div#fbwrap {
		float:left;
		
	}
	
	/* HOME Whats New */
	div.rowRelative > section#homeWhatsNew {
		width:280px;
		max-width:280px;
		margin:20px 5% 20px 0;
	}
	
	div.rowRelative > section#homeWhatsNew > h3 {
		font-size:12pt;
		
	}
}


/* footer */


footer {
	float:left;
	width:100%;
	background:rgb(55, 28, 9);
	margin:20px 0 0 0;
	padding:50px 0 20px 0;
}

/* COPYRIGHT AND LINKS */
footer > div#copyrightWrap {
	float:left;
	width:100%;
	margin-top:50px;
}

	footer > div#copyrightWrap > h2#copyright {
		display:block;
		float:left;
		width:24%;
		color:#fff;
		font-size:10pt;
		margin-bottom:10px;
		margin-left:1%;
		font-weight:normal;
	}

	footer > div#copyrightWrap > div#footerNav {
		float:right;
		width:74%;
		margin-right:1%;
		margin-bottom:10px;
	}
	
		footer > div#copyrightWrap > div#footerNav > h2 {
			display:none;
		}
		
		footer > div#copyrightWrap > div#footerNav > a,
		footer > div#copyrightWrap > div#footerNav > a:visited,
		footer > div#copyrightWrap > div#footerNav > a:active { 
			display:block;
			float:right;
			text-align:center;
			color:#fff;
			padding:.5%;
			margin-right:10px;
			font-size:10pt;
		}
	




/* main styles small screen */
@media only screen and (max-width:800px){
	
	
	
	
	
	/* logo */



	header > h1 {
		width:25%;
		font-size:16pt;
		text-indent:10px;
		margin:60px 0 0 0;
	}




	/* side bar */




	header > aside#headerSideBar {
		width:75%;
		margin:60px 0 0 0;
	}

	/* Quote */




	header > aside#headerSideBar > p#quote {
		font-size:8pt;
		padding-right:10px;
	}

	
	
	
	
	
	/* navigation */
	
	nav {
		position:fixed;
		width:100%;
		top:0;
		margin:0;
		padding:0;
		-webkit-box-shadow: 0px 0px 8px 0px #000000;
		-moz-box-shadow: 0px 0px 8px 0px #000000;
		box-shadow: 0px 0px 8px 0px #000000;
		background-color:#b7225c;
		z-index:1;
	}
	
	
	
	
	nav > a#menu-icon,
	nav > a:active#menu-icon,
	nav > a:visited#menu-icon {
		display:block;
		float:left;
		width:100%;
		padding:15px 0;
		margin:0;
		background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAuMyAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAuMyAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNy43LDEuMmgxMi40djIuNUg3LjdWMS4yeiBNNy43LDguN2gxMi40djIuNUg3LjdWOC43eiBNNy43LDE2LjJoMTIuNHYyLjVINy43VjE2LjJ6IE0wLjIsMi41DQoJCWMwLDAuNywwLjMsMS4zLDAuNywxLjhDMS40LDQuNywyLjEsNSwyLjcsNUMzLjQsNSw0LDQuNyw0LjUsNC4yYzAuNS0wLjUsMC43LTEuMSwwLjctMS44YzAtMC43LTAuMy0xLjMtMC43LTEuOEM0LDAuMywzLjQsMCwyLjcsMA0KCQlDMi4xLDAsMS40LDAuMywxLDAuN0MwLjUsMS4yLDAuMiwxLjgsMC4yLDIuNUwwLjIsMi41eiBNMC4yLDkuOWMwLDAuNywwLjMsMS4zLDAuNywxLjhjMC41LDAuNSwxLjEsMC43LDEuOCwwLjcNCgkJYzAuNywwLDEuMy0wLjMsMS44LTAuN2MwLjUtMC41LDAuNy0xLjEsMC43LTEuOGMwLTAuNy0wLjMtMS4zLTAuNy0xLjhDNCw3LjcsMy40LDcuNSwyLjcsNy41QzIuMSw3LjUsMS40LDcuNywxLDguMg0KCQlDMC41LDguNiwwLjIsOS4zLDAuMiw5LjlMMC4yLDkuOXogTTAuMiwxNy40YzAsMC43LDAuMywxLjMsMC43LDEuOGMwLjUsMC41LDEuMSwwLjcsMS44LDAuN2MwLjcsMCwxLjMtMC4zLDEuOC0wLjcNCgkJYzAuNS0wLjUsMC43LTEuMSwwLjctMS44YzAtMC43LTAuMy0xLjMtMC43LTEuOGMtMC41LTAuNS0xLjEtMC43LTEuOC0wLjdjLTAuNywwLTEuMywwLjMtMS44LDAuN0MwLjUsMTYuMSwwLjIsMTYuOCwwLjIsMTcuNA0KCQlMMC4yLDE3LjR6IE0wLjIsMTcuNCIvPg0KPC9nPg0KPC9zdmc+DQo=") no-repeat left center;
		background-size:20px;
	}

	nav > ul, 
	nav:active > ul,
	nav:visited > ul {
		display:none;
	}

	nav:hover > ul {
		display:block;
		margin:0;
		padding-right:0;
		padding-left:0;
		width:100%;
	}

	nav > ul > li > a,
	nav > ul > li > a:visited,
	nav > ul > li > a:active {
		display:block;
		float:left;
		width:100%;
		margin:0;
		padding: 15px 0px;
		color:#fff;
		text-align:left;
		text-indent: 20px;
		text-decoration: none;
		border-top-style:solid;
		border-top-width:1px;
		border-top-color:rgb(60,60,60);	
	}
	
	nav > ul > li > a:hover {
		text-decoration:none;
		color: rgb(255,255,255);
		text-shadow:0 0 5px #000;
	}
	
	
	
	
	
	/* bottom buttons */
	section#bigButtons {
		float:left;
		width:250px;
		max-width:250px;
		min-width:250px;
		margin:20px 0 20px 70px;
	}

	section#bigButtons > a,
	section#bigButtons > a:active,
	section#bigButtons > a:visited {
		width:100%;
		height:189px;
		margin-top:8px;
	}

	

	/* footer */
	
	footer{margin-top:20px;}

	
	/* COPYRIGHT AND LINKS */

		footer > div#copyrightWrap > h2#copyright {
			
			width:98%;
			
			margin-left:2%;
			
		}

		footer > div#copyrightWrap > div#footerNav {
			float:left;
			width:98%;
			margin-right:0;
			margin-left:2%;
			
		}
	
			
		
			footer > div#copyrightWrap > div#footerNav > a,
			footer > div#copyrightWrap > div#footerNav > a:visited,
			footer > div#copyrightWrap > div#footerNav > a:active { 
				width:100%;
				float:left;
				text-align:left;
				margin-top:10px;
				margin-right:0;
				
			}
	
	
	
}

@media only screen and (min-width:801px) and (max-width:1026px){
	


	/* bottom buttons */

	section#bigButtons {
		float:right;
		width:24%;
		margin:20px 1% 20px 0;
		padding:0;
	}

	section#bigButtons > h2 {
		display:none;
	}

	section#bigButtons > a,
	section#bigButtons > a:active,
	section#bigButtons > a:visited {
		display:block;
		float:left;
		width:100%;
		max-width:263px;
		height:199px;
		text-indent:-10000px;
		text-decoration:none;
		margin-top:5px;
	}

	section#bigButtons > a:hover {
		text-decoration:none;
	}

	section#bigButtons > a#changeLife {
		background:url("../images/home/changebutton.jpg") 0 0 no-repeat;
		background-size:100%;
	}

	section#bigButtons > a#bookSeminar {
		background:url("../images/home/bookbutton.jpg") 0 0 no-repeat;
		background-size:100%;
	}

	section#bigButtons > a#learnOthers {
		background:url("../images/home/learnbutton.jpg") 0 0 no-repeat;
		background-size:100%;
	}

	section#bigButtons > a#hearFrom {
		background:url("../images/home/hearbutton.jpg") 0 0 no-repeat;
		background-size:100%;
	}

}




/* COACHING TOOLS PAGE STYLES */

h1#pageHeader {
	width:95%;
	max-width:1024px;
	font-family:"Alex Brush";
	font-weight:28pt;
	color:#4f0078;
	margin:0 auto;
	padding:50px 2.5% 20px 2.5%;
	clear:both;
	
}

section.products {
	width:95%;
	max-width:1024px;
	margin:0 auto;
	padding:50px 2.5%;
	clear:both;
}

section.products > h2 {
	font-family:"Oswald";
	font-size:16pt;
	color:#333;
	margin-bottom:10px;
}

section.products > p#storeLead {
	font-family:"Open Sans";
	font-size:16pt;
	color:#333;
	margin:10px 0;
}

section.products > div.storeImage {
	float:left;
	width:30%;
	margin:0 0 40px;
	padding:0;
}

section.products > div.storeImage > img {
	display:block;
	float:left;
	width:100%;
	height:auto;
}

section.products > div.storeImage > img.sm {
	
	width:100px;
}

section.products > div.storeDescription {
	float:right;
	width:65%;
	margin:0 0 20px 0;
	padding:0;
}

section.products > div.storeDescription > p {
	font-family:"Open Sans";
	font-size:12pt;
	color:#888;
	margin:10px 0;
	padding:0;
}

section.products > div.storeDescription > ul {
	margin:0 0 0 30px;
}

section.products > div.storeDescription > ul > li {
	font-family:"Open Sans";
	font-size:12pt;
	color:#888;
	margin:8px 0;
	padding:0;
}




/* COACHING TOOLS STYLES SMALL SCREEN */
@media (max-width:600px) {
	
	section.products > div.storeImage {
		width:100%;
	}

	section.products > div.storeImage > img {
		width:80%;
		margin:0 0 10px 0;
	}

	section.products > div.storeImage > img.sm {
		width:100px;
	}

	section.products > div.storeDescription {
		float:left;
		width:100%;
		margin-bottom:25px;
	}

	section.products > div.storeDescription > p {
		line-height:1.8em;
	}
	
}


/* ABOUT PAGE */

section#about {
	width:95%;
	max-width:1024px;
	margin:0 auto;
	padding:0 2.5%;
	clear:both;
}

section#about > h2 {
	font-family:"Oswald";
	font-size:14pt;
	color:#333;
	margin:20px 0;
	padding:0;
}

section#about > h3 {
	font-family:"Open Sans";
	font-size:12pt;
	color:#222;
	font-style:italic;
	margin:40px 0 0 0;
	padding:0;
}

section#about > p {
	font-family:"Open Sans";
	font-size:12pt;
	color:#888;
	line-height:1.7em;
	margin:20px 0;
	padding:0;
}

section#about > ul {
	margin-left:40px;
}

section#about > ul > li {
	font-family:"Open Sans";
	font-size:12pt;
	color:#888;
	line-height:1.7em;
	margin:8px 0 0 0;
	padding:0;
}

section#about > div.connect {
	float:left;
	width:40%;
	text-align:center;
	padding:0 5%;
	margin:50px 0;
}

section#about > div.connect > h2 {
	font-family:"Oswald";
	font-size:14pt;
	color:#333;
	margin:20px;
}

section#about > div.connect > i.fa {
	color:#4f0078 !important;
	
}

section#about > div.connect > p > a {
	text-decoration:none;
}


@media (max-width:800px) {
	section#about > div.connect {
		width:90%;
		
	}
	
}



/* register page */
section.products > div.registerSection {
	float:left;
	width:100%;
}

section.products > div.registerSection > h3 {
	font-family:"Oswald";
	font-size:15pt;
	color:#222;
	margin:20px 0;
	padding:0;
}

section.products > div.registerSection > div.row > div.registerButtons {
	float:left;
	width:40%;
	text-align:center;
	margin:20px 5%;
	padding:0;
}

section.products > div.registerSection > div.row > div.registerButtons > h4 {
	font-family:"Oswald";
	font-size:12pt;
	color:#333;
	margin:10px 0;
	padding:0;
}

section.products > div.registerSection > div.row > div.registerButtons > p {
	font-family:"Open Sans";
	font-size:12pt;
	color:#555;
	margin:10px 0;
	padding:0;
}

.registerLead {
	font-family:"Open Sans";
	font-size:14pt;
	color:#555;
	margin:15px 0 30px 0;
}

.boldText {
	color:#000;
}

p.footNote {
	display:block;
	width:95%;
	max-width:1024px;
	margin:0 auto;
	padding:20px 2.5%;
}


@media (max-width:800px) {
	section.products > div.registerSection > div.row > div.registerButtons {
		width:90%;
		
	}
	
}


/* Contact Page */

#formessage {
	font-family:"Open Sans";
	font-size:16pt;
	color:#333;
	margin:20px;
	padding:20px;
}

.error {
	font-family:"Open Sans";
	font-size:16pt;
	color:red;
	margin:20px;
	padding:20px;
}

form#form {
	position:relative;
	width:90%;
	max-width:800px;
	min-width:320px;
	margin:0 auto;
	padding:20px 5%;
	color:rgb(60,60,60);
}

form#form > p {
	font-family:"Open Sans";
	font-size:12pt;
	margin:5px 0;
	padding:5px 0;
}

form#form > div.formGroup {
	float:left;
	width:100%;
	padding:0 0 10px 0;
}

form#form > div.formGroup > label {
	display:inline-block;
	font-family:"Oswald";
	font-size:12pt;
	margin-top:15px;
	padding:0;
}


form#form > div.formGroup > input {
	display:inline-block;
	width:100%;
	height:25px;
	border:solid 2px #4f0078;
	background:rgb(250,250,250);
	margin-top:5px;
	padding:5px;
	border-radius:2px;
	box-shadow:inset 0px 0px 1px #333;
}

form#form > div.formGroup > textarea {
	display:inline-block;
	width:100%;
	height:100px;
	border:solid 2px #4f0078;
	background:rgb(250,250,250);
	margin-top:5px;
	padding:5px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	box-shadow:inset 0px 0px 1px #333;
}

form#form > div.formGroup > select {
	margin-top:5px;
}

/* PRIVACY PAGE */
section#privacyText {
	width:90%;
	max-width:800px;
	margin:0 auto;
	padding:20px 5%;
}

section#privacyText > h2 {
	font-family:"Oswald";
	font-size:14pt;
	color:#333;
	margin:10px 0;
}

section#privacyText > p {
	font-family:"Open Sans";
	font-size:12pt;
	color:#888;
	margin:10px 0;
}





