@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,700');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700');
@import url('https://fonts.googleapis.com/css?family=Unlock');


body 	{
	background-color: #FFFFFF;

	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
	}
/* ^^^ SEE CLASS "outer-background" BELOW */




/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }




/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }




/* DEFAULTS - MISC */

.fullwidth	{ width: 100%; }

.halfwidth	{ width: 50%; }

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

img 		{ border: 0; }

.blockimage	{ display: block; }

.formmargin	{ margin: 0px; }




/* NON-MENU LINK COLORS */

a:link, 
a:visited, 
a:active 	{ color: #179e06; text-decoration: none; }

a:hover 	{ color: #c8a42a; text-decoration: underline; }




/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */

body, div, table {
		color: #ffffff;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
		}

.title 		{ color: #FFC706; font: 38px 'Unlock', sans-serif; font-weight: 400; letter-spacing: 1px; line-height: normal; text-shadow: 4px 4px 4px #000000; }

.subtitle 	{ color: #ffffff; font: 21px 'Unlock', sans-serif; font-weight: 400; letter-spacing: 1px; line-height: normal; text-shadow: 4px 4px 4px #000000; }

.contact-title	{ color: #000000; font: 20px "Roboto", arial, sans-serif; font-weight: 400; line-height: normal; }

.smalltitle	{ font-size: 24px; color: #ce3ef7; font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 1em; text-transform: uppercase;}
.smalltitlesub	{ font-size: 18px; color: #FFC706; font-family: 'Oswald', sans-serif; font-weight: 500; line-height: 1em; text-transform: uppercase;}

.smalltext	{ font-size: 13px; }

.testimonial	{ color: #996600; font-style: italic; font-weight: bold; }

.makebold	{ font-weight: 700; }

.makeboldcolor	{ font-weight: 700; color: #ffc208; }

.makeital	{ font-style: italic;}

.makeitalyel	{ font-style: italic; color: #fae602; }

.makeitalwh	{ font-style: italic; color: #ffffff; }

.hilite		{ color: #CC0000; }

.menuheads		{ font-size: 33px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #DB2026;
	font-weight: 700;
	 
	text-shadow: 2px 2px 3px #000000;
		line-height: 1em;}




/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */

h1, h2, h3, h4	{ margin: 0px 0px .5px 0px; }


/*additions */

body {
	font-family: 'Open Sans', sans-serif;
	background: #4A2772;
	color: #FFFFFF;

}

H14 {
	font-family: 'Open Sans', sans-serif;

	color: #FFFFFF;
	font-size: 14px;
	font-weight: 400;

}
	

body3 {
	font-family: 'Open Sans', sans-serif;
text-shadow: 3px 3px 3px #000000;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
}


body4 {
	font-family: 'Open Sans', sans-serif;
text-shadow: 3px 3px 3px #000000;
	color: #FEC222;
	font-size: 16px;
	font-weight: 400;
}
body5 {
	font-family: 'Open Sans', sans-serif;

	color: #FEC222;
	font-size: 16px;
	font-weight: 400;
}




h1 {
	margin-top: 0;
	padding-top: 15px;
	font-size: 45px;
	line-height: 1.2em;
	
	color: #33313a;
	font-weight: 300;
	font-family: Comfortaa, 'Open Sans', sans-serif;
}
h2 {
	margin-top: 0;
	margin-bottom: 12px;
	padding-top: 22px;
	font-size: 30px;
	  line-height: -1.2em;
	text-transform: uppercase;
	color: #33313a;
	font-weight: 300;
	font-family: Comfortaa, 'Open Sans', sans-serif;
}

h2b {
	margin-top: 0;
	margin-bottom: 33px;
	padding-top: 16px;
	font-size: 30px;
	
	text-transform: uppercase;
	color: #33313a;
	font-weight: 300;
	font-family: Comfortaa, 'Open Sans', sans-serif;
}

h2c {
	margin-top: 0;
	margin-bottom: 33px;
	padding-top: 16px;
	font-size: 30px;
	
	text-transform: uppercase;
	color: #33313a;
	font-weight: 300;
	font-family: Comfortaa, 'Open Sans', sans-serif;
}



h3 {
	margin-top: 0;
	padding-top: 35px;
	font-size: 27px;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #33313a;
	font-weight: 700;
	font-family: Comfortaa, 'Open Sans', sans-serif;
}
h3 a {
	color: #33313a;
}
h3 a:hover {
	text-decoration: none;
	color: #FED202;
}
.typo {
	margin-top: 80px;
}
h4 {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	
	color: #ffffff;
}

h4b {
	font-size: 21px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: noen;
	color: #DB2026;
}
h4 a {
	color: #afafaf;
}
h4 a:hover {
	text-decoration: none;
	color: #FED202;
}
h5 {
	font-size: 3px;
	text-transform: uppercase;
	color: #33313a;
	font-weight: normal;
}

h6 {
	font-size: 30px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #33313a;
	font-weight: 700;
}

h6c {
	font-size: 36px;
	font-family: 'Unlock', sans-serif;
	text-transform: uppercase;
	color: #DB2026;
	font-weight: 400;
	line-height: 1em;
	text-shadow: 2px 2px 3px #ffffff;
}

h6c2 {
	font-size: 36px;
	font-family: 'Unlock', sans-serif;
	text-transform: uppercase;
	color: #219446;
	font-weight: 400;
	line-height: 1em;
	text-shadow: 2px 2px 3px #ffffff;
}

h6cscale {
	font-size: 36px;
	font-family: 'Unlock', sans-serif;
	text-transform: uppercase;
	color: #DB2026;
	font-weight: 400;
	line-height: 1em;
	text-shadow: 2px 2px 3px #ffffff;

	letter-spacing: -0.08em
}


h6b {
	font-size: 3.5vw;
	font-family: 'Unlock', sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 400;
	text-shadow: 4px 4px 4px #000000;

}
h6a {
	font-size: 24px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #33313a;
	font-weight: 700;
}

h6f {
	font-size: 30px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
line-height: 1em;
	color: #ffffff;
	font-weight: 400;


}
h6f2 {
	font-size: 16px;
	font-family: 'Oswald', sans-serif;

line-height: 1em;
	color: #ffffff;
	font-weight: 400;


}

h6f2b {
	font-size: 18px;
	font-family: 'Oswald', sans-serif;

line-height: 1em;
	color: #FFC706;
	font-weight: 400;


}
h6f2c {
	font-size: 21px;
	font-family: 'Oswald', sans-serif;

line-height: 1em;
	color: #FFC706;
	font-weight: 400;


}

h6f3 {
	font-size: 18px;
	font-family: 'Oswald', sans-serif;

line-height: 1em;
	color: #FFC706;
	font-weight: 400;
text-shadow: 2px 2px 3px #000000;

}


h6d {
	font-size: 33px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;

	color: #33313a;
	font-weight: 700;


}


h6e {
	font-size: 36px;
	font-family: 'Unlock', sans-serif;
	text-transform: uppercase;
line-height: 1em;
	color: #ffffff;
	font-weight: 400;
background-color: #000000;

}

h6ef {
	font-size: 24px;
	font-family: 'Unlock', sans-serif;
	text-transform: uppercase;
line-height: 1em;
	color: #ffffff;
	font-weight: 400;
background-color: #000000;

}


h6g {
	font-size: 42px;
	font-family: 'Unlock', sans-serif;
	text-transform: uppercase;
line-height: 1em;
	color: #DB2026;
	font-weight: 400;
text-shadow: 2px 2px 3px #ffffff;
}


h8 {
	font-size: 27px;
	font-family: Comfortaa, 'Open Sans', sans-serif;
	
	color: #ffffff;
	font-weight: 700;
	background-color: #000000;
}
h8a {
	font-size: 24px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #1E5529;
	font-weight: 700;
	background-color: #FADA02;

}
h7 {
	font-size: 17px;
	text-transform: uppercase;
	color: #33313a;
	font-weight: normal;
}

h9 {
	margin-top: 0;
	padding-top: 35px;
	font-size: 23px;
	line-height: 1.2em;

	color: #33313a;
	font-weight: 300;
	font-family: Comfortaa, 'Open Sans', sans-serif;
}

h9b {
	margin-top: 0;
	padding-top: 35px;
	font-size: 23px;
	line-height: 1.2em;

	color: #ed1c24;
	font-weight: 700;
	font-family: Comfortaa, 'Open Sans', sans-serif;
}

h9c {
	color: #33313a;
}
h9c:hover {
	text-decoration: none;
	color: #d000f4;
}




h20 {
	font-size: 56px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #33313a;
	font-weight: 700;
}

h10 {
	font-size: 22px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
}

h10hed {
	font-size: 22px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	line-height: 1em;
}
h10a {
	font-size: 40px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	float: center;
	text-shadow: 2px 2px 3px #000000;
}

h13 {
	font-size: 42px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #FEC222;
	font-weight: 700;
	float: center;
	line-height: 1em;
	text-shadow: 3px 3px 3px #000000;
}


h13b {
	font-size: 16px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #FEC222;
	font-weight: 700;
	float: center;
	line-height: 1em;
	text-shadow: 3px 3px 3px #000000;
}

h10b {
	font-size: 55px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	float: center;
	line-height: 1em;
	text-shadow: 2px 2px 3px #000000;
}

h10d {
	font-size: 33px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #DB2026;
	font-weight: 700;
	float: center;
	text-shadow: 2px 2px 3px #000000;
		line-height: 1em;
}


h10d2 {
	font-size: 33px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	float: center;
	text-shadow: 2px 2px 3px #000000;
		line-height: 1em;
}

h10d3 {
	font-size: 33px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #FEC222;
	font-weight: 700;
	float: center;
	text-shadow: 2px 2px 3px #000000;
		line-height: 1em;
}






h20a {
	font-size: 12px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #33313a;
	font-weight: 700;
	text-shadow: 4px 4px 4px #000000;
}








/* LISTS & SERVICES PAGE */

.list		{
		color: #ffffff;
		font: 17px "PT Sans", arial, sans-serif;
		font-weight: 400;
		line-height: normal;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 0px;
		}

.floatlist	{ float: left; width: 46%; min-width: 200px; padding: 0px 12px 0px 0px; }

.list li	{ text-indent: 1px; }




/* PAGE & CONTENT HEIGHTS AND WIDTHS & PADDING */

/* NOTE: IF YOU CHANGE THE PAGE WIDTHS EDIT & TEST THE MEDIA QUERIES IN THE media-queries.css */

.pageheight	{ min-height: 700px; }

#pagewrapper	{
		width: 100%;
		min-width: 319px;
		text-align: center;
		margin: 0 auto 0 auto;
		}

.pagebox	{
		padding: 0px 0px 0px 0px;
		margin: 0px auto 20px auto;
		}

#contentbox-outer 
		{
		max-width: 1200px;
		min-width: 700px;
		margin: 0 auto;
		}
		
#contentbox-outer2 
		{
		max-width: 1200px;
		min-width: 700px;
		margin: 0 auto;
		}

#contentbox	{
		width: 100%;
		float: left;
		margin-right: -320px;
		}

 
.content-pad 	{ padding: 10px 55px 35px 45px; }

#left-content 	{ padding: 0px; margin-right: 320px; }


#left-content2 	{ padding: 0px; margin-right: 320px; }



/* INNER AND OUTER BACKGROUNDS */

.inner-background	{
			background-color: #14184a;
			border: #999999 0px solid;
			}
.inner2-background	{
	background: #FED202 url('picts/bg1.png') repeat left top;
}
.outer-background	{
			background-color: #14184a;
			background-image: url("picts/background-main.jpg");
			background-repeat: repeat-3;
			background-attachment: responsive;
			}

.lights-background	{
			background-color: #14184a;
			background-image: url("picts/bob-lights1.gif");
			background-repeat: repeat-x;
			background-attachment: fixed;
			}



/* TEXT AND GRAPHIC HEADER CODE */

/* ALIGN LOGO IN THE header.js */

#headerdiv	{
		background-color: transparent;
		max-width: 1200px;
		position: relative;
		padding: 15px 0px 15px 0px;
		margin: 0px auto 0px auto;
		border: #000000 0px solid;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		}

/* GRAPHIC HEADER CODE */

.logo-respond	{
		height: 126px;
		width: 100%;
		max-width: 600px;
		min-width: 280px;
		display: block;
		}

/* TEXT HEADER CODE */

.textlogo	{
		font: 400 34px "Roboto", arial, sans-serif;
		letter-spacing: 5px;
		padding: 0px 0px 0px 0px;
		text-shadow: 0px 0px 0px rgba(0, 15, 50, 0.0);
		}

#headerdiv a:link,
#headerdiv a:visited,
#headerdiv a:active	{ color: #FFFFFF; text-decoration: none; }

#headerdiv a:hover	{ color: #FFFFFF; text-decoration: none; }

.logoslogan	{
		font: 400 18px "PT Sans", arial, sans-serif;
		padding: 0px 0px 0px 0px;
		text-shadow: 0px 0px 0px rgba(0, 15, 50, 0.0);
		}




/* HEADER ICONS */

/* HEADER VIEW CART & SHOP ICONS */

.header-cart	{
		width: 80px;
		height: 68px;
		background: #038a03;  /* BACKGROUND FOR NON-CSS3 */
		background: rgba(49,73,47,0.00);  /* BACKGROUND 50% OPACITY */
		text-align: center;
		position: absolute;
		right: 3px;
		top: -5px;
		border: solid #749A43;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		-moz-border-radius: 0px 0px 0px 0px;
		-webkit-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 4px 4px;
		}

.cart-view-img	{ width: 70px; height: 80px; display: block; margin: 0 auto; }

.header-shop	{
		width: 70px;
		height: 68px;
		background: #038a03;  /* BACKGROUND FOR NON-CSS3 */
		background: rgba(49,73,47,0.50);  /* BACKGROUND 50% OPACITY */
		text-align: center;
		position: absolute;
		right: 88px;
		top: -5px;
		border: solid #749A43;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		-moz-border-radius: 0px 0px 4px 4px;
		-webkit-border-radius: 0px 0px 4px 4px;
		border-radius: 0px 0px 0px 0px;
		}

.shop-img	{ width: 60px; height: 88px; display: block; margin: 0 auto; }

.header-cart:hover, .header-shop:hover  { top: 0px; }




/* LOGO FADE IN - TEXT AND GRAPHIC */

#headerdiv
	{
	animation: fadein 2s;
	-moz-animation: fadein 2s;	/* Firefox */
	-webkit-animation: fadein 2s;	/* Safari, Chrome */
	-o-animation: fadein 2s;	/* Opera */
	}
@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadein { /* Firefox */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadein { /* Safari, Chrome */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-o-keyframes fadein { /* Opera */
from {
opacity:0;
}
to {
opacity: 1;
}
}




/* IMAGE BORDERS, FLOATS AND IMAGE SPACING */

.img-borders	{
		border: #000000 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}

.img-borders-2	{ border: #000000 1px solid; }

.img-float	{ float: left; margin: 3px 8px 1px 0px; }

.float-item	{ float: left; margin-right: 10px; margin-bottom: 2px; }

.text-nowrap	{ overflow: hidden; min-width: 175px; }

.divclear 	{ height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }




/* HOME JQUERY SLIDESHOW (SEE ALSO responsive-slides.css IN FOLDER JQuery) */

.rslides_container	{
			background-color: transparent;
			width: 100%;
			max-width: 100%;
			min-width: 250px;
			text-align: center;
			margin: 0 auto;
			position: relative;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
			}

#homeJQ > .centered-btns_nav	{ display: none; }  /* HIDES OR SHOWS HOME ARROWS USE none; or block; */

/* HOME SLIDESHOW ROUND ACTIVE BUTTON STYLES */

.centered-btns_tabs	{
			width: 100%;
			position: absolute;
			bottom: 10px;
			left: 0px;
			margin: 0 auto;
			text-align: center;
			z-index: 1000;
			background-color: transparent;
			}

/* NORMAL BUTTON STATE */

.centered-btns_tabs a 	{
			width: 12px;
			height: 12px;
			background-color: transparent;
			border: #FFFFFF 2px solid;
		/* CORNER ROUNDING */
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			margin: 0px 4px 0px 4px;
			}

/* HOVER BUTTON STATE */

.centered-btns_tabs a:hover 
			{ background-color: #AFFF39; border: #AFFF39 2px solid; }

/* ACTIVE BUTTON STATE */

.centered-btns_here a, .centered-btns_here a:hover  
			{ background-color: #FFFFFF; border: #FFFFFF 2px solid; cursor: default; }

/* FRAME FOR HOME JQUERY & IMAGE */

.homeimage-bg	{
		padding: 40px;
		background-color: #D7E1C7;
		margin: 20px 15px 20px 15px;
		border: solid #B0C3A7;
		border-width: 1px 1px 1px 1px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
		box-shadow: 0 16px 16px -10px rgba(0,0,0,0.25);
		}



/* HOME JQUERY LAYERED TEXT / ALSO FOR OPTIONAL-No-Animation-Home.htm */

.rslides_container li div, .homeimage-box div {
	color: #FFFFFF;
	font-family: "PT Sans", arial, sans-serif;
	font-size: 18px;
	text-align: left;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.60);  /* TEXT SHADOW 60% OPACITY */
	background: #31492F;  /* BACKGROUND FOR NON-CSS3 */
	background: rgba(49,73,47,0.50);  /* BACKGROUND 50% OPACITY */
	width: 55%;
	padding: 10px 10px 10px 40px;
	position: absolute;
	left: 0px;
	bottom: 20%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 7px 7px 0px;
	}

.rslides_container li section, .homeimage-box section { display: inline; }

.rslides-title	{
		color: #FFFFFF;
		font: 35px "Roboto", arial, sans-serif;
		font-weight: 300;
		letter-spacing: 0px;
		line-height: normal;
		}

/* LAYERED TEXT LINK COLORS */

.rslides_container li div a, .homeimage-box a 
		{  color: #B0EE66; font-family: "Roboto", arial, sans-serif; text-decoration: none; font-weight: 400; }

.rslides_container li div a:hover, .homeimage-box a:hover 
		{  color: #FFF470; text-decoration: none; }




/* FOR OPTIONAL-No-Animation-Home.htm IMAGE */

.homeimage-box		{ position: relative; }

.homeimage		{ width: 100%; height: auto; display: block; }

.homeimage2		{ width: 100%; height: auto; display: block; }



.homeimage-border2	{
			max-width: 1250px;  /* INCLUDES BORDER BELOW */
			min-width: 250px;
			margin: 0 auto;
			box-sizing: border-box;
			border: #D4D4D4 4px solid;
  		/* CORNER ROUNDING */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 4px;
			}


/* PAGE LINES & BORDERS */

.page-splits 	{
		line-height: 1px;
		font-size: 1px;
		height: 1px;
		background-color: transparent;
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 0px;
		border-top: #FFC706 1px solid;
		}

.splits-xtramargin { margin-top: 22px; margin-bottom: 12px; }

.page-splits2 	{
		line-height: 1px;
		font-size: 1px;
		height: 1px;
		background-color: transparent;
		position: relative;
		margin-top: 0px;
		margin-bottom: 20px;
		padding: 0px;
		border-top: #FFC706 1px solid;
		}

.splits-xtramargin2 { margin-top: 0px; margin-bottom: 12px; }

.split-dot	{
		background-color: #97A297;
		width: 10px;
		height: 10px;
		position: absolute;
		left: 50%;
		left: calc(50% - 10px);
		top: -5px;
		margin: 0 auto 0 auto;
		border: #FFFFFF 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		box-shadow: 0px 0px 0px 0px #FFFFFF;
	/* ROTATE BOX */
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		}




/* RIGHT SIDEBAR */

.SB-width		{ width: 320px; }

#sidebar-content 	{
			background-color: transparent;
			padding: 0px;
			float: right;
			}

.sidebar-box		{ padding: 0px 17px 0px 17px; }

.sidebar-textarea	{
			text-align: left;
			margin: 0 auto;
			padding: 0px 0px 0px 0px;
			}

.sidebar-text 	{
		color: #ffffff;
		font: 13px "Open+Sans", arial, sans-serif;
		text-align: left;
		font-weight: 400;
		line-height: 150%;
		}

.sidebar-title	{
		color: #ffffff;
		font: 30px "Oswald", arial, sans-serif;
		font-weight: 400;
		text-align: left;
		line-height: normal;
		text-transform: uppercase;
		background-color: transparent;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 4px auto;
		border: solid #fbcf02;
		border-width: 0px 0px 0px 0px;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	/* DROP SHADOW */
		-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.0);
		-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.0);
		box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.0);
		}

.sidebar-subtitle	{
		color: #ffffff;
		font: 20px "Oswald", arial, sans-serif;
		font-weight: 400;
		text-align: left;
		line-height: normal;
		text-transform: uppercase;
		background-color: transparent;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 4px auto;
		border: solid #fbcf02;
		border-width: 0px 0px 0px 0px;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	/* DROP SHADOW */
		-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.0);
		-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.0);
		box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.0);
		}
.sidebar-image	{
		width: 100%;
		max-width: 286px;
		margin: 0px auto 20px auto;
		padding: 15px;
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #FFC706;
		border: #000000 1px solid;
		border-width: 1px 1px 1px 1px;
		box-shadow: 0 12px 12px -7px rgba(0,0,0,0.25);
		}

.side-links	{
		padding: 15px 0px 22px 0px;
		margin: 0px;
		}

.side-links a	{
		font: 16px "Open+Sans", arial, sans-serif;
		font-weight: 400;
		line-height: normal;
		display: block;
		padding: 8px 0px 8px 10px;
		border: dashed #FFC706;
		border-width: 0px 0px 1px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.side-links a:first-child { border-width: 1px 0px 1px 0px; }




/* SOCIAL ICONS */

#social-links	{
		text-align: center;
		font-size: 0px;
		background-color: transparent;
		padding: 20px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		}

.socialicon	{
		background-color: #179e06;
		border: #000000 0px solid;
		padding: 5px;  /* REDUCE THIS NUMBER TO ADD MORE ICONS */
		margin: 1px;
		vertical-align: top;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		   }

.socialicon:hover  {
		   background-color: #FFC706;
		   border: #000000 0px solid;
		   }




/* FOOTER */

.footer-image-bar {
		height: 70px;
		background-image: url("picts/footer-image.jpg");
		margin: 0px 0px 0px 0px;
		border: #9EA99D solid;
		  border-width: 1px 0px 1px 0px;
		  /* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.footer-top	{ margin: 0px auto 10px auto; }

.footer-copyright {
		  color: #ffffff;
		  font: 13px "PT Sans", arial, sans-serif;
		  font-weight: 400;
		  line-height: normal;
		  padding: 20px 3px 20px 3px;
		  margin: 0px 0px 0px 0px;
		  background: #000000;
		  background-color: #000000;
		  border: solid #677B66;
		  border-width: 0px 0px 6px 0px;
		  /* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		  }

/* COPYRIGHT LINK COLORS */

div.footer-copyright a:link, 
div.footer-copyright a:visited, 
div.footer-copyright a:active 	{ color: #006600; text-decoration: none; }

div.footer-copyright a:hover 	{ color: #990066; text-decoration: underline; }




/* CONTACT PAGE CODE */

.form-box-L	{ float: left; width: 50%; }

.form-box-R	{ float: left; width: 50%; }

.contact-select	{ font-size: 15px; color: #038a03; }

.email-link	{
		text-align: left;
		margin: 10px 0px 10px 0px;
		}

input[type=submit].submitbutton, input[type=reset].submitbutton 
		{
		color: #FFFFFF;
		font: 400 16px "Roboto", arial, sans-serif;
		text-align: center;
		background-color: #038a03;
		-webkit-appearance: none;
		padding: 9px 8px 9px 8px;
		margin: 0px 0px 0px 0px;
		cursor: pointer;
		width: 120px;
		border: #000000 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}

input[type=submit].submitbutton:hover, input[type=reset].submitbutton:hover 
		{
		color: #FFFFFF;
		background-color: #226105;
		border: #000000 0px solid;
		}

.shadeform	{
		font: 14px arial, sans-serif;
		color: #000000;
		text-align: left;
		background-color: #FFFFFF;
		background-image: url("picts/shadeform.png");
		background-repeat: no-repeat;
		width: 225px;
		margin-top: 2px;
		margin-bottom: 7px;
		border: #C0C0C0 1px solid;
		}

.textarea	{
		font: 14px arial, sans-serif;
		color: #000000;
		text-align: left;
		background-color: #FFFFFF;
		background-image: url("picts/shadeform.png");
		background-repeat: no-repeat;
		vertical-align: top;
		width: 250px;
		height: 150px;
		margin-top: 2px;
		margin-bottom: 14px;
		border: #C0C0C0 1px solid;
		}

.dropdown 	{
		font: 14px arial, sans-serif;
		color: #000000;
		background-color: #FFFFFF;
		width: 225px;
		margin-top: 3px;
		margin-bottom: 7px;
		}




/* CONTACT PAGE GOOGLE MAP & DIRECTIONS */

#map-canvas	{ width: 100%; max-width: 100%; height: 160px; }


/* CONTACT PAGE GOOGLE DIRECTIONS */

.directions		{
			font: 14px "PT Sans", arial, sans-serif;
			font-weight: 400;
			line-height: normal;
			padding: 8px 0px 5px 0px;
			max-width: 400px;
			}

.directions .shadeform	{ width: 100%; margin: 2px auto 5px auto; }

input[type=submit].directionbutton	{ font-size: 15px; width: 100%; margin: 0px auto 0px auto; }




/* OPTIONAL No-Form-contact.htm PAGE */

.no-formmargin	{ margin: 25px 0px 25px 0px; }

.map-get	{ max-width: 400px; margin: 0px auto 0px auto; } 




/* GALLERY & PRODUCTS CART PAGE */

.content-pad-gal	{ padding-top: 25px; }

.Gal-details	{
		color: #000000;
		font: 16px "PT Sans", arial, sans-serif;
		font-weight: 400;
		line-height: normal;
		text-align: left;
		overflow: hidden;
		min-width: 180px;
		padding: 0px 0px 0px 0px;
		}

.Gal-details-bold	{
		color: #000000;
		font: 16px "PT Sans", arial, sans-serif;
		font-weight: 700;
		line-height: normal;
		text-align: left;
		overflow: hidden;
		min-width: 180px;
		padding: 0px 0px 0px 0px;
		}


.Gal-details-bold2	{
		color: #000000;
		font: 21px "PT Sans", arial, sans-serif;
		font-weight: 700;
		line-height: normal;
		text-align: left;
		overflow: hidden;
		min-width: 180px;
		padding: 0px 0px 0px 0px;
		}
.Gal-details-ital	{
		color: #000000;
		font: 16px "PT Sans", arial, sans-serif;
		font-weight: 400;
		font-style: italic;
		line-height: normal;
		text-align: left;
		overflow: hidden;
		min-width: 180px;
		padding: 0px 0px 0px 0px;
		}
		
.Gal-details-sm	{
		color: #000000;
		font: 11px "PT Sans", arial, sans-serif;
		font-weight: 400;
		line-height: normal;
		text-align: left;
		overflow: hidden;
		min-width: 180px;
		padding: 0px 0px 0px 0px;
		}
		
.Gal-details-sm-white	{
		color: #ffffff;
		font: 11px "PT Sans", arial, sans-serif;
		font-weight: 400;
		line-height: normal;
		text-align: left;
		overflow: hidden;
		min-width: 180px;
		padding: 0px 0px 0px 0px;
		}



.Gal-subtitle	{ color: #e1040e; font: 40px 'Unlock', sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: -1.2em;  padding-top: 22px; margin-bottom: 12px; text-shadow: 2px 2px 2px #ffffff; }



margin-top: 0;
	margin-bottom: 12px;
	padding-top: 22px;
	font-size: 30px;
	  line-height: -1.2em;
	
	color: #33313a;
	font-weight: 300;
	font-family: Comfortaa, 'Open Sans', sans-serif;
}




.Gal-subtitle2	{ color: #e1040e; font: 35px 'Unlock', sans-serif; font-weight: 400; letter-spacing: 1px; line-height: 1em; margin-bottom: 1px; text-shadow: 2px 2px 2px #ffffff; }

.Gal-title	{ font-size: 26px;
	font-family: Comfortaa, 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: 700;
	background-color: #000000;
	padding: 6px 4px 4px 6px;

}

.Gal-title2	{ font-size: 27px;
	font-family: Comfortaa, 'Open Sans', sans-serif;
	color: #000000;
	font-weight: 700;
	 line-height: 1;
	padding: 6px 2px 4px 6px;

}


.Gal-title-arrow	{ font-size: 26px;
	font-family: Comfortaa, 'Open Sans', sans-serif;
	color: #fcc400;
	font-weight: 400;
	background-color: #000000;
	padding: 6px 2px 1px 6px;
	
}


.Gal-time	{ font-size: 25px;
	font-family: Comfortaa, 'Open Sans', sans-serif;
	color: #000000;
	font-weight: 500;
	line-height: 1em;
	padding: 0px 0px 0px 0px;
}

.Gal-hilite	{ font-size: 28px;
	font-family: 'Amatic SC', cursive;
	text-transform: uppercase;
	color: #e1040e;
	font-weight: 700;

	line-height: 1em;
	text-shadow: 1px 1px 1px #000000;
}

.Gal-ticket	{ font-size: 18px;
	font-family: Comfortaa, 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: 700;
	background-color: #000000;
padding: 5px 5px 5px 5px;
 margin: 12px auto 12px auto;

}


.Gal-box	{
		max-width: 750px;
		padding: 12px;
		margin: 0px auto 5px auto;
		background-color: #fcc400;  /* BACKGROUND FOR NON-CSS3 */
		background: rgba(252,196,0,100);  /* BACKGROUND 70% OPACITY */
		border: solid #ffffff;
		border-width: 1.5px 1.5px 1.5px 1.5px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	/* DROP SHADOW */
		-moz-box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.80);
		-webkit-box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.80);
		box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.80);
		}

.Gal-image-box	{
		float: left;
		padding-right: 30px;
				padding-left: 2px;
		padding-bottom: 4px;
		max-width: 95%; /* WIDTH INCLUDES BORDER BELOW */
		min-width: 125px;
		}

.Gal-image	{ width: 100%; height: auto; }

.Galborder	{ border: #FFFFFF 3px solid; padding: 0px; vertical-align: bottom; }

a:hover .Galborder { border: #999999 1px solid; padding: 2px; vertical-align: bottom; }




/* SHOPPING CART PAGES */

.price 		{ padding: 10px 0px 5px 0px; }

.price span	{
		color: #000000;
		font-size: 18px;
		font-weight: 700;
		text-decoration: none;
		border-bottom: #999999 0px solid;
		}

.paypal-icon	{
		width: 100%;
		max-width: 231px;
		margin: 3px 0px 18px 0px;
		}

.cartdrop 	{
		font: 13px arial, sans-serif;
		color: #000000;
		width: 160px;
		margin-top: 1px;
		margin-bottom: 4px;
		}

input[type=submit].button-order 
	 	{
		color: #000000;
	       	font: 700 15px "PT Sans", arial, sans-serif;
		text-align: left;
		background-color: #FFFFFF;
	        background-image: url("picts/button-order-yellow.png");
		background-repeat: no-repeat;
        	padding: 8px 5px 8px 55px;
        	margin: 4px 0px 2px 0px;
		cursor:pointer;
		width: 160px;
		-webkit-appearance: none;
        	border: #C0C0C0 solid;
		border-width: 1px 3px 1px 1px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	/* DROP SHADOW */
		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
		}

input[type=submit].button-order:hover 
	 	{
		color: #000000;
		background-color: #FFFFFF;
	        background-image: url("picts/button-order-green.png");
		background-repeat: no-repeat;
        	border: #8AC378 solid;
		border-width: 1px 3px 1px 1px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
		}

/* VIEW CART BUTTON */

.viewmargin			{ margin: 0px 0px 7px 0px; }

input[type=submit].viewcart-but	{
				width: 100%;
				max-width: 206px;
				margin: 0px 0px 3px 0px;
				}




/* GALLERY MENU */

#gal-menu	{
		text-align: left;
		line-height: normal;
		padding: 5px 0px 0px 6px;
		margin: 0 auto;
		max-width: 1200px;
		}

#gal-menu a	{
		font-family: "Roboto", "Open Sans", arial, sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: normal;
		text-align: center;
		display: inline-block;
		padding: 4px 6px 4px 6px;
		margin: 0px 0px 0px 0px;
		min-width: 20px;
	/* CORNER ROUNDING */
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-khtml-border-radius: 0px;
		border-radius: 0px;
	/* FADE UP */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s;
		}

#gal-menu a:first-child {
	/* CORNER ROUNDING */
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 4px;
		}

#gal-menu a:last-child {
	/* CORNER ROUNDING */
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 0px;
		}

#gal-menu a:link,
#gal-menu a:visited,
#gal-menu a:active	{
			color: #FFFFFF;
			background: #546653;  /* BACKGROUND FOR NON-CSS3 */
			background: rgba(49,73,47,0.60);  /* BACKGROUND 60% OPACITY */
			text-decoration: none;
			border: #000000 0px solid;
			}

#gal-menu a:hover	{
			color: #FFFFFF;
			background-color: #8B8E69;
			text-decoration: none;
			border: #000000 0px solid;
			}

/* CURRENT GALLERY HIGHLIGHT */

#gal-menu a.current-gal
 		{
		color: #FFFFFF;
		background-color: #415934;
		border: #000000 0px solid;
		}




/* FAQ PAGE */

.faq-links	{ line-height: 230%; }

.faq-box	{
		display: none;
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 10px 20px;
		border: #999999 0px solid;
		}

.faqicon	{ margin-top: 6px; margin-right: 2px; }




/* LINKS PAGE CODE */

.searchicon		{ border: #C0C0C0 1px solid; }

table.searcharea td	{ padding: 0px 3px 0px 0px; }

.searcharea		{ margin: 22px 0px 22px 0px; }

.searchform 	{
		color: #000000;
		font: 14px arial, sans-serif;
		text-align: left;
		background-color: #FFFFFF;
		background-image: url("picts/shadeform.png");
		width: 160px;
		border: #C0C0C0 1px solid;
		}

input[type=submit].searchbutton
		{
		color: #FFFFFF;
		font: 400 14px "Roboto", arial, sans-serif;
		text-align: center;
		background-color: #038a03;
		-webkit-appearance: none;
		padding: 2px 8px 2px 8px;
		margin: 0px 0px 0px 0px;
		cursor: pointer;
		border: #000000 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}

input[type=submit].searchbutton:hover
		{
		color: #FFFFFF;
		background-color: #226105;
		border: #000000 0px solid;
		}




/* PAYPAL payments.htm PAYMENT PAGE CODE */

.payform 			{ width: 150px; }

input[type=submit].payform 	{ width: 152px; margin-bottom: 10px; }

.payformbox	{
		background-color: transparent;
		border: #C0C0C0 1px solid;
		}

.paypaltable td	{ vertical-align: middle; padding: 6px 10px 6px 10px; }

.paypalbadge-space	{ padding: 30px 10px 8px 0px; }




/* SITE MAP SITE SEARCH */

.searchmargin		{ margin: 0px 0px 0px 0px; }

.sitesearchform		{ width: 160px; margin: 0px 3px 0px 0px; }

.sitesearchbutton	{ width: auto; }




/* HIDE ITEMS FOR PRINTING */

@media print {
.printhide 	{ display:none; }
.pageheight 	{ min-height: 50px; }
}
@media screen{
.printonly 	{ display:none; }
}




/* START FOOTER MENU */

#FTmenu		{
		background: #17154A;
		background-image: url("picts/background-main.jpg");
		text-align: center;
		padding: 6px 0px 6px 0px;
		margin: 5px auto 3px auto;
		border: solid #C0C0C0;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}

/* FOOTER MENU WIDTH, PADDING, FONT FACE & COLOR */

#FTmenu a 		{
			color: #FFC706;
			font-family: "Roboto", arial, sans-serif;
			font-size: 15px;
			font-weight: normal;
			line-height: normal;
			text-decoration: none;
			text-align: center;
			background-color: transparent;
			padding: 12px 15px 12px 15px;
			margin: 0px 0px 0px 0px;
			cursor: pointer;
			outline: none;
			display: inline-block;
			border: #C0C0C0 solid;
			border-width: 0px 0px 0px 0px;
			}

/* FOOTER MENU HOVER COLOR */

#FTmenu a:hover 
			{
			color: #FFFFFF;
			background-color: #179e06;
			text-decoration: none;
			}




.video-container { position: relative; /* keeps the aspect ratio */ padding-bottom: 56.25%; /* fine tunes the video positioning */ overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}



.iframe-container {

  /*Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)*/
  padding-top: 1%;
  position: relative;
    
  
}
 
.iframe-container iframe {
   border: 0;
   width: 280;

   left: 0;
  overflow: scroll;
  background-color: transparent;
   
 
}


.twitter-container {

border: 0;
   width: 280;
 height: 200;
 background-color: transparent;
   
   
 
}

/* Scrollbar styles */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
border: 1px solid yellowgreen;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background: yellowgreen;  
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background: #88ba1c;  
}