/* revised 11/02/17 */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}



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

body {
	/*background-color: #ddd;*/
	background:#202020 url('../images/tile-1.jpg') repeat; /* url('../images/lightstone.png') repeat */
	/* background-size:300px 300px; */
	background-position: 0px 382px;
	overflow-x: hidden; /* hid horizontal scroll bar that appears due to style elements that go beyond the screen */
	
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	
}


/* http://type-scale.com/ ================================================================== */
/* minor 3rd */
/* change margin on h1-h4 to margin-bottom only */
html {font-size: 1.125em;}/*1em = 16px base size*/

body {
  /* background-color: white; */
  /* font-family: 'Libre Baskerville', serif; */
  font-weight: 400;
  line-height: 1.45;
  color: #333;
}

p {margin-bottom: 1.3em;
	font-weight:400;/*mikli7 addition*/
	text-align:justify;/*mikli7 addition*/
	}

h1, h2, h3, h4 {
  /* margin: 1.414em 0 0.5em; */
  font-weight: inherit;
  line-height: 1.2;
  
  /*mikli7 addition*/
  margin-bottom: 5px;
  margin-top: 15px;
}

h1 {
  /* margin-top: 0; */
  font-size: 2.074em;
  font-weight:900;/*mikli7 addition*/
}

h2 {font-size: 1.728em;}

h3 {font-size: 1.44em;}

h4 {font-size: 1.2em;}

small, .font_small {font-size: 0.833em;}

/* end http://type-scale.com/ //////////////////////////////////////////////////////////////// */




span {line-height:1.2; margin-bottom: 1.3em;}

blockquote, q {
	quotes: none;
	font-size: 14px;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end CSS reset */


/* theme color 1 - more nutral:
rgba(95,177,139,1)
#5FB18B
 */
 
/* theme color 2 - more vivid:
rgba(60, 132, 245, 0.5)
#779DD8
 */
 
/* theme color 3 - slightly darker and vivid:
rgba(38, 204, 110, 1)
#26CC6E
 */
 
/* theme color 3 - darkest:
rgba(28, 160, 85, 1)
#1CA055
 */
 


 

 
/* use relative paths for images: ../images */

/* img {width:100%;} */

.image-a{
	width:100%;
	}
.image-wrapper {
	width:100%;
	background:gray;
	}

#map { width: 100%; height: 400px; }



body.homepage a.home, body.articles a.articles, body.blog a.blog {

background-color: blue;

}

a {color:#5093fa;}


a:link {
	text-decoration: none;
	}
	
a:visited {

}

a:hover {
    /* color:#779DD8; */
	/* text-decoration: underline; */
    font-weight: 900;
}

a:active {
    color:white;
}

.clearboth {clear:both;}

#contentwrap {
	
	}

.page {
	background: url('../images/blank-tile.jpg') repeat-x;
	background-size: 500px 100%;
    background-position: 0px 20px;
	}

.rock-transition {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 500px;
	background: url('../images/transition-2.2.png') repeat-x;
	background-size: 500px 500px;
	background-position: 0px -44px;
	}

.rock-transition2 {
	/* margin-top: -35px;
	margin-bottom: -44px; */
	position:absolute;
	z-index:0;
	width:100%;
	height:500px;
	background: url('../images/transition-2.2.png') repeat-x;
	background-size: 500px 500px;
	background-position: 0px -44px;
	}	


	
#content {
	/* box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.52); */
	/* border:1px solid red; */
	position: relative;
    z-index: 1;
	min-height:400px;
	margin-top: -10px; /* for logo bg float */
	min-height: 500px;
	padding-top:25px;
	}
	
/* #content img {width:100%;} */
	
.row h2{
	text-align:left;
	color: #333;
	/* font-size: 50px; */
	font-weight: 900;
	}

/* CONTENT ================================================================================================================ */

/*<span class='chevron-icon'>&raquo</span>*/
.chevron-icon{font-size:30px; line-height:30px; color:red; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

.menu-icon1 /*chevron-down*/{
	background: url('../images/chevron-down.png') no-repeat;
	background-size:16px 13px;
	float:left;
	width:15px; height:15px;
	margin:8px 4px 0px 0px; padding:0px 0px 0px 0px;
	}
.close-menu-icon2 /*chevron-up*/{
	background: url('../images/chevron-up.png') no-repeat;
	background-size:10px 10px;
	width: 105px;
    height: 24px;
	margin: 0px auto;
    margin-top: 4px;
    padding: 0px 0px 0px 0px;
	}
	
.close-menu-icon2 label{
    margin-top: -4px;
	}
	
.center-text{text-align:center;}

.image-a{
	width:100%;
	}
.image-wrapper {
	width:100%;
	background:gray;
	}

#map { width: 100%; height: 400px; }


.clearboth {clear:both;}

#contentwrap {
	overflow-x: hidden;
	}

.page {
	background: url('../images/blank-tile.jpg') repeat-x;
	background-size: 500px 100%;
    background-position: 0px 20px;
	}

/*was rock-transition*/
.top-page-element {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 500px;
	background: url('../images/transition-2.2.png') repeat-x;
	background-size: 500px 500px;
	background-position: 0px -44px;
	}
	
#content {
	/* box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.52); */
	/* border:1px solid red; */
	position: relative;
    z-index: 1;
	min-height:400px;
	margin-top: -10px; /* for logo bg float */
	min-height: 500px;
	padding-top:20px;
	}
	
/* #content img {width:100%;} */
	

.expander{ padding:0 5%;}	

.center-links{
	margin:0 auto;
	width: 250px;
	}
.center-links a{
	padding: 8px 15px;
	}
	
.bottom-page-element {
	position: absolute;
    z-index: 0;
	/* float: left; */
	width: 100%;
    height: 350px;
	background:url('../images/transition-bottom.png') repeat-x;
    background-size: 300px 350px;
    margin-top: -300px;
	}	
	
/* end CONTENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */




	

/* header area //////////////////////////////////////////////////////////////////////////////////*/
	
/* Main Navigation Layout ===============================================================================================================*/
#navigation{
	/* height: 5px;  stops overlapping issues with portfolio-nav */
	/* background: red; */
	/* float: left; */
	position: relative;
	z-index: 3000;
	}

/*  NAV  ============================================================================= */
nav { /* float:right; */ width:auto;   }
#nav { position:relative; }
#nav ul { 
	background:rgba(30, 132, 245, 0.25);
	float: left; 
	margin:0; 
	margin-right: 15px;
	padding: 0;  
	width: 100%; 
	display: block; 
	list-style: none; 
	}
#nav li { float:left; position:relative;   }
#nav a {
	/* color: #000; */
	width: 100%;
	white-space: nowrap;
	float: left;
	text-align: center;
	position:relative;
	/* border-right:2px solid rgba(30,132,245,0.5); */
	-moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear;
	}

#nav a:hover, label:hover {font-weight: normal; /* text-shadow: -1px -1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5), 0px 0px 4px rgba(0,0,0,0.5); */ }

#nav label:hover {/* color:orange; text-shadow: -1px -1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5), 0px 0px 4px rgba(0,0,0,0.5); */ }

.nav > li > a:focus label:focus {
	/*background: #e0e0e0;*/
	background:#999; color:#fff !important;
	text-shadow: none; outline:none; text-decoration:underline;
}

.nav > li.nav1 > a:focus,
.nav > li.nav1 > a:hover 	{ background:rgba(30, 132, 245, 0.5); }
.nav > li.nav2 > a:focus,
.nav > li.nav2 > a:hover 	{ background:rgba(30, 132, 245, 0.5); }
.nav > li.nav3 > a:focus,
.nav > li.nav3 a:hover 	{ background:rgba(30, 132, 245, 0.5); }
.nav > li.nav4 > a:focus,
.nav > li.nav4 a:hover 	{ background:rgba(30, 132, 245, 0.5); }
.nav > li.nav5 > a:focus,
.nav > li.nav5 a:hover 	{ background:rgba(30, 132, 245, 0.5); }
.nav > li.nav6 > a:focus,
.nav > li.nav6 a:hover 	{ background:rgba(30, 132, 245, 0.5); }



#nav,
#nav * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.nav-box {
	float: left;
    width: 25.5%;
    margin-left: 50px;
    padding: 20px;
    /* border: 2px solid #444; */
    background: rgba(0,0,0,0.2);
	}
.nav-box h4{
	color: #fff;
    text-align: center;
    /* width: 105%; */
    margin-left: -20px;
    margin-right: -20px;
    border-bottom: 1px solid #BC0000;
    /* border-top: 1px solid #BC0000; */
    padding-bottom: 1px;
	}


/* header 2 */
.header-bg {
	background-size: 1920px 306px;
    height: 151px;
	width: 100%;
	float: left;
	margin-bottom: 0px;
	/* margin-top: -100px; */
	position: relative;
	z-index: 10;
	/* width:2000px; 
	height:60px;   */
	}

/* end Main Navigation Layout ////////////////////////////////////////////////////////////////////////////////////////////////////////*/




	
/* Drop Down Navigation Layout =============================================================================================================== */
#navigation-admin{
	position: relative;
	z-index: 3000;
	}	

.menu-area {/* margin-top: -10px; */}

#main-menu-container {
	margin: 0px 0px 0px -160px;
	padding: 0px;
	margin-top: 15px;
	z-index: 100010;
	position: absolute;
	background-size:100%;	
	}

#menu, #menu ul {
	list-style: none;
}
	
#menu {
	margin-top: -4px;
	/* margin-left:188px;  */
	display: table;
	width: 100%;
	border: 0px solid black;
	background-color: none;
}

#menu:before,
#menu:after {
	content: "";
	display: table;
}

#menu:after {
	clear: both;
}

#menu {
	zoom:1;
}

.li-1, .li-first {
	padding-top: 10px;
	margin: 0px;
	}
	
.li-1 {
	float: left;
	position: relative;
	display: table-cell;
	padding:7px;
	text-align: center;
	}
	
.ul-1 li{
	float: left;
	position: relative;
	text-align: left;
	}
	
.ul-1 ul{
	float: left;
	position: relative;
	text-align: left;
	}
	
.li-first {
	float: left;
	position: relative;
	display: table-cell;
	padding:7px 12px;
	padding-left:30px;
	text-align: center;
	}
	
.li-first:hover {
	background:#68889E;
	height:28px;
	}

.li-1:hover {
	background:#fff;
	height:23px;
	}
	
#menu a {
	text-transform: uppercase;
	font-size:15px;
	font-family:DroidSans, Arial, Helvetica;
	text-decoration: none;
	color:white;
	}	

#menu li:hover > a {
	color:black;
	text-decoration:none;
	font-weight:normal;
}

#menu ul {
	opacity: 0; /* delete opacity //fixes safari bug */
	visibility: hidden;
	/*display:none;  //fixes safari bug but wrecks transitions everywhere else*/
	position: absolute;
	margin: 20px 0 0 0;
	top: 29px; /*adjust drop down menu position*/
	left: 0;
	z-index: 1;    
	background: #fff;	
	/*background: linear-gradient(#555, #333);*/
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
	border-radius: 3px;
	transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
}

#menu li:hover > ul {
	/*display:block;  //fixes safari bug but wrecks transitions everywhere else*/
	opacity: 1; /* delete opacity //fixes safari bug */
	visibility: visible;
	margin: 0;
	transition: all .15s ease-out;  
	-webkit-transition: all .15s ease-out;
}

#menu ul ul {
	top: 0;
	left: 200px;
	margin: 0 0 0 20px;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
}

#menu ul li {
	float: none;
	display: block;
	border: 0;
	box-shadow: 0 1px 0 #000, 0 1px 0 #000;
}

#menu ul li:last-child {   
	box-shadow: none;    
}

#menu ul a {    
	color:black;
	padding:10px 20px 4px 20px;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	border-top:1px solid black;
}

#menu ul a:hover {
	/*text-shadow: 0 0px 4px #000;*/
	color:white;
	background-color: rgb(78, 111, 138);
	/*background-image: linear-gradient(#333, #333);*/
	border-top:1px solid black;
	transition: all .15s ease-out;  
	-webkit-transition: all .15s ease-out;
	font-weight:normal;
}

/* Drop Down Navigation Layout //////////////////////////////////////////////////////////////////////////////////////////////////////// */
	
	
	
	
	
	
/* Header Layout =============================================================================================================== */

#headerwrap{
	position: relative;
	z-index: 1001; /*puts dropdown menu above other stuff*/
	}

/* THEME OPTION */
.headerwrap-bg{
	position: relative; z-index: 2005; /*for css only hid divs*/
	/* background:rgba(0,0,0,0.8); */
    width: 100%;
    /* height: 300px; */
	}
	
/* THEME OPTION */
.header-content1 {
	padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
	background:gray;
	width: 720px;
    float: right;
	}
.header-content1 h2{
	font-family: 'alluraregular';
	font-size: 38px;
	color: #FFA664;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
.header-content1 p{
	color:white;
	font-size: 22px;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
	/*move grids
.header-content1{width:100%;}
.header-content1 h2{font-size:20px;}
.header-content1 h2{font-size:12px;}*/
	
.header-content2 {
	display:none;
	padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
	background:gray;
	width: 720px;
    float: right;
	}
	
	
.header-bg /* THEME OPTION - image behind header - spans full screen */{
	background:url('../images/piano-5.png') no-repeat;
	background-size: 1920px 306px;
    height: 151px;
	width: 100%;
	float: left;
	margin-bottom: 0px;
	/* margin-top: -100px; */
	position: relative;
	z-index: 10;
	/* width:2000px; 
	height:60px;   */
	}


	
	
#logo {
	width: 780px;
    height: 140px;
    float: left;
    margin: 0px 0px;
    padding-bottom: 40px;
    margin-left: -130px;
    overflow: hidden;/* bg float */
	}
	
#logo-img {
	background: url('../images/logo1.png') no-repeat;
    /* background-size: 9px 350px; */
    height: 707px;
    width: 100%;
	}
	
#logo-img:hover {
	margin-top:-407px;
	}

#logo a{
	
	}
	
#logo a:hover{
	background-position:0px -204px;
	font-weight:normal;
	}

	

#top-links{
	
	}
#top-links-inner{
	padding-top: 22px;
	}
#top-links-inner-admin{
	padding-top: 22px;
	}
	
	
.icons {
	float: right;
    height: 82px;
    width: 82px;
    margin-top: 42px;
    overflow: hidden;
	}

.icon-1 {
	float:right;
	}	
	
.icon-admin-1 {
	float:right;	
	}

.icon-admin-2 {
	float: right;
    background: rgba(66, 66, 66, 0.5);
    margin-top: 5px;
    padding: 6px 6px 0px 6px;
    border-radius: 10px 0px 0px 10px;
	position: relative;
	z-index: -2;
	}
	
.icon-admin-2 p {
	font-size: 16px;
	color: #ddd;
    padding: 2px 10px 9px 10px;
    margin: 0;
    line-height: 20px;
    white-space: nowrap;
    position: relative;
	z-index: -1;
	}
	
.icon-img {
	margin-top:0px;
	width:100%;
	}
	
.icon-img:hover {
	margin-top:-82px;
	}	
/* end Header Layout //////////////////////////////////////////////////////////////////////////////////////////////// */
	
	
	
	
	
	
/* Footer Area =============================================================================================================== */
#footer {
	/* background:url('../images/piano-3.png') repeat; */
	/* background-size:2000px 120%;
	background-position:0px -8px; */
	
	/* border-top: 4px solid #1568B3; */
	/* height:280px; */
	/* margin-top:-120px; */
	text-align:center;
	position:relative;
	margin-top:50px;
	
	}

#footer-inner {
	margin: 0 auto;
    background: #F7F1E8;
    /* border-radius: 2px; */
    /* border: 1px solid rgba(4, 7, 3 , 0.25); */
    padding: 0px 20px;
    /* height: 188px; */
    box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
    padding-bottom: 0px;
    height: auto;
	border: 2px solid #666;

	}
	
#footer h3 {
	color:#779DD8;
	font-size:32px;
	margin: 6px 0px;
	text-align:left;
	margin-bottom:10px;
	margin-top:-6px;
	/* text-shadow: -2px -2px 1px rgba(0,0,0,0.8), 2px 2px 1px rgba(0,0,0,0.8), 0px 0px 12px rgba(0,0,0,0.8); */
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 100;
	}
	
#footer p {
	color:#333;
	text-align: justify;
	/* text-shadow: -2px -2px 1px rgba(0,0,0,0.8), 2px 2px 1px rgba(0,0,0,0.8), 0px 0px 12px rgba(0,0,0,0.8); */
	font-family: Arial, Helvetica, sans-serif;
	}

.footer-nav {
	/* width:38%; */
	margin-top:10px;
	}
	
.footer-nav a{
	float:right;
	width: 44%;
	white-space: nowrap;
	font-size:1em;
	color:#333;
	/* text-shadow: -1px -1px 4px rgba(0,0,0,1), 2px 2px 1px rgba(0,0,0,1), 0px 0px 4px rgba(0,0,0,1); */
	padding:10px 5px;
	margin:0 0px;
	border:1px solid rgba(0, 0, 0, 0.5);
	}
.footer-nav a:hover{
	color: #fff;
	font-weight:bold;
	border:1px solid #3C84F5;
	background: #3C84F5;
	text-decoration:none;
	}

.footer-text {
	/* border:1px solid #333; */
	/* width:60%; */
	float:left;
	}
	
	
.footer-text a{
	color:#779DD8;
	}
	
.footer-text a:hover{
	color:#5FB18B;
	font-weight:normal;
	}

/*THEME OPTION*/
.footer-element-1 {
	background:url('../images/water-top.png') no-repeat;
	background-size: 2000px 128px;
	height: 128px;
	width: 100%;
	float: left;
	margin-bottom: 0px;
	margin-top: -10px;
	position: relative;
	z-index: 0;
	/* width:2000px;
	height:128px;  */ 
	}

/*THEME OPTION*/
.footer-element-2 {
	background:url('../images/footer-4.png') no-repeat;
	background-size: 2000px 410px;
    height: 348px;
	/* background:url('../images/water-top2.png') no-repeat;
	background-size: 2000px 60px; */
	width: 100%;
	float: left;
	margin-top: -105px;
	position: relative;
	z-index: -10;
	/* width:2000px; 
	height:60px;   */
	}

p#copyright {
	color:#333;
	font-size:22px;
	text-shadow: none;
	text-align: center;
	padding-top:20px;
	}
/* end Footer Area /////////////////////////////////////////////////////////////////////////////////////////////////////////// */






/* Buttons and links ////////////////////////////////////////////////////////////////////// */
.link1 {
	color:#779DD8;
	}
	
.link1:hover {
	color:#fff;
	}

.link2 {
	display:block;
	color:#779DD8;
	font-weight:900;
	margin-bottom:15px;
	}
	
.link2:hover {
	color:#fff;
	}



.link-image-1 { 
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	
	border:2px solid gray;
	
	transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	}	
	
	
.link-image-1:hover { 
	box-shadow: 0px 0px 25px 0px rgba(255,255,255,0.8); 
	border:2px solid white;
	} 
	
.link-image-1:active { 
	border:2px solid #779DD8;
	transition:all 0.0s ease;
	} 
  
.link-1 {
	overflow:hidden;
	display:inline-block;
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	width:100%;
    
	color:white;
	text-decoration:none;
	}
    
.link-1:hover {
	color:white;
	}
  
.text-div{
	width:100%;
	height:55px;
	
	margin-left:400px;
	margin-top:0;
	
	transition:all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	
	background: rgba(0, 0, 0, 0.8);
  
	position: absolute;
	
	}
	
.text-div h6{
	text-align:center;
	font-size:2em;
	text-shadow: -2px -2px 1px rgba(0,0,0,0.8), 2px 2px 1px rgba(0,0,0,0.8), 0px 0px 12px rgba(0,0,0,0.8);
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 700;
	}

.link-1:hover .text-div{
	margin-left:0px;
	}

.link-img {
	float:left; 
	width:110%; 
	height:110%; 
	/* margin-top:-75%;  */
	overflow:hidden;
	transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	}
	
.link-1:hover .link-img{
	width:130%; 
	height:130%;
	}

.button {
	float: left;
	position:relative;
	padding: 0px 20px 8px 20px;
    /* margin: 10px 10px; */
	width: auto;

	white-space: nowrap;
	text-decoration:none;
	border:none;
	background:rgba(0,0,0,0.5);
	border-radius:10px;
	color: #fff;
	font-size: 25px;
	text-align: center;
	border:2px rgba(60, 132, 245,0.5) solid;
	-moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear;
	/* float:right; */
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.52);
	}

.button:hover { 
	text-shadow: -1px -1px 3px rgba(0,0,0,1), 1px 1px 3px rgba(0,0,0,1), 0px 0px 4px rgba(0,0,0,1); 
	background:rgba(60, 132, 245, 0.5);
	cursor: pointer;
	color: #fff;
	font-weight:normal;
	text-decoration:none;
	}
	
.button-1{
	color:#fff;
	font-weight:bold;
	padding:10px 10px;
	margin:0 0px;
	border:1px solid black;
	background:rgba(240,0,0,0.8);
	border-radius:5px
	}
.button-1:hover{
	color:white;
	border:1px solid white;
	background:rgba(0,0,0,1);
	box-shadow:0px 0px 10px rgba(0,0,0,0.8);
	}
	
input#searchbox {
	width:30%;
	}

.searchbox {
	width: 40%;
    /* margin:0 auto; */
	}

.form1 div{padding: 20px 0px;}
	
.cform{
	text-align:left;
	}
	
.cforml{
	color:#000;
	}
	
.cformmsg {
	width: 600px;
	background-color: #fee;
	color: red;
	font-weight: bold;
	font-size: 1.1em;	
	display: none;
	}
	
.text-area{
	color:black;
	font-weight:bold;
	padding:10px 10px;
	margin:0 0px;
	border:1px solid black;
	margin:10px 0px;
	height: 100px;
    width: 100%;
	}
.text-area:hover{
	color:white;
	border:1px solid white;
	box-shadow:0px 0px 10px rgba(0,0,0,0.8);
	font-weight:normal;
	}
	


label.cforml {
	font-size:24px;
	color:black;
	text-align:left;
	padding:20px 0px 0px 0px;
	}	

	
.cart-add-btn{
	color:#fff;
	font-weight:bold;
	padding:10px 10px;
	margin:0 0px;
	border:1px solid black;
	background:#566D89;
	border-radius:5px;
	margin:10px 0px;
	}
.cart-add-btn:hover{
	color:white;
	border:1px solid white;
	background:#6290C7;
	box-shadow:0px 0px 10px rgba(0,0,0,0.8);
	}
	
a.blue1-button {
	background-color: rgb(182, 213, 236); 
	border: 1px solid #777; 
	padding: 10px; 
	border-radius: 5px;
	line-height: 22px;
}

a.blue1-button:hover{
	color:black;
	background-color: white; 
	border: 1px solid #B6D5EC; 
	padding: 10px; 
	border-radius: 5px;
}

/* paginate */
#paginate {
	width: 100%;
	text-align: center;
	margin: 6px 0 6px 0;
}

#paginate-links {
	margin: 0 auto;
	padding: 4px;
}

#paginate-links a {
	padding: 4px 8px;
    border: 1px solid #ddd;
    transition: all 0.3s;
    background: #fff;
	transition: all 0.3s;
}

#paginate-links a:hover {
	background-color: #333;
	color: white;
	font-weight:normal;
}

a.currentpage {	
	font-weight: bold;
	color: color: rgb(0, 140, 240);
	background: #ccc;
}
	
	
/* End Buttons and links ////////////////////////////////////////////////////////////////////// */
	
	
.grid-block {
	min-width:20px;
	min-height:20px;
	background:#779DD8;
	}
	

	
.section-descr-right {
	width: 34%;
	padding: 1.5%;
	/* border: 1px solid #779DD8;  */
	float:right;
	}
	
.section-descr-left {
	width: 30.6%;
	padding: 1.5%;
	/* border: 1px solid #779DD8;  */
	float:left;
	}
	
/* .bg-div-1 {
	width:100%;
	background:orange;
	margin-bottom:-200px;
	}	 */
	
.content-img {
	float:left;
	/* border: 1px solid #aaa;
	box-shadow: 0px 0px 20px 0px rgba(55, 92, 170, 0.52);
	padding: 5px;
	text-align: center;
	background:#fff;
	
	align-items: center;
	display:flex;
	justify-content: center;
	
	min-height:300px; */
	}
	
.line-div {
	width:100%;
	height:2px;
	background:#555;
	margin-bottom:20px;
	}	
	
.line-div2 {
	width:100%;
	height:1px;
	background:#5FB18B;
	/* margin-bottom:15px; */
	clear:both;
	margin: 20px 0px;
	}
	
.product-image {
	/* max-width:500px;
	width:auto; */
	padding: 5%;
	width:95%;
	max-width:500px;
	}
	
.detail-img {
	width:100%;
	margin-bottom: 10px;
	border: 2px solid #000;
	box-shadow: 0px 0px 20px 2px #000;
	}
	
.detail-img2 {
	width:100%;
	max-width:400px;
	margin-bottom: 10px;
	border: 2px solid #000;
	box-shadow: 0px 0px 20px 2px #000;
	}
	
	
	
/* border-bottom: 1px solid  #3C84F5; */
	
.descr-portfolio {
	position: relative; /* for z-index issues related to rock transition element */
	}

.header-fix {
	/* border-bottom: 1px solid  #3C84F5; */
	position: relative; /* for z-index issues related to rock transition element */
	padding-top: 250px;
	margin-bottom:20px;
	}
	
.header-fix2 {
	/* border-bottom: 1px solid  #3C84F5; */
	position: relative; /* for z-index issues related to rock transition element */
	/* padding-top: 195px; */
	margin-bottom:20px;
	}

.portfolio-nav {
	position: relative; /* for z-index issues related to rock transition element */
	float:right;
	margin-top: -29px;
	margin-bottom: 20px;
	margin-right:-4px;
	}
	
.portfolio-nav a{
	font-size:1em;
	color:#ccc;
	text-shadow: -1px -1px 4px rgba(0,0,0,1), 2px 2px 1px rgba(0,0,0,1), 0px 0px 4px rgba(0,0,0,1);
	padding:10px 20px;
	margin:0 4px;
	border:1px solid rgba(255, 255, 255, 0.2);
	}
	
.portfolio-nav a:hover {
	color: rgba(60, 132, 245, 1);
	border:1px solid rgba(60, 132, 245, 1.0);
	font-weight:normal;
	}

.page-title {
	text-align:center;
	}	

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


/* Contact Page  /////////////////////////////////////////////////////////////////////////////////////// */	
	
	
.row-contact h3{
	/* font-size:1.8em; */
	margin-top:0.8em;
	}
.row-contact h3:first-child {
	margin-top:0em;
	}	

.row-contact input{
	width: 96%;
	height: 38px;
	font-size: 1.8em;
	padding:0px 2%;
	margin: 10px 0px;
	border:2px solid gray;
	}
	
.row-contact input:hover{
	border:2px solid rgba(60, 132, 245, 1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
	} 
	
.row-contact textarea{
	width: 96%;
	height: 100px;
	padding:10px 2%;
	font-size: 1.8em;
	margin:10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	border:2px solid gray;
	}
	
.row-contact textarea:hover{
	border:2px solid rgba(60, 132, 245, 1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
	font-weight:normal;
	}
	
#contact-button {
	text-decoration:none;
	border:none;
	background:rgba(0,0,0,0.5);
	border-radius:10px;
	color: #fff;
	width: auto;
	margin-top: 0px;
	white-space: nowrap;
	float: left;
	text-align: center;
	position:relative;
	border:2px rgba(60, 132, 245,0.5) solid;
	-moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.3s linear; transition: all 0.2s linear;
	float:right;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.52);
	}

#contact-button:hover { 
	text-shadow: -1px -1px 3px rgba(0,0,0,1), 1px 1px 3px rgba(0,0,0,1), 0px 0px 4px rgba(0,0,0,1); 
	background:rgba(60, 132, 245, 0.5);
	cursor: pointer;
	}

.verify-div {
	width:210px; 
	float:left; 
	background:white; 
	border:2px solid black; 
	margin:0px 20px 20px 0px; 
	padding:0px 0px 0px 0px;
	}
	
#number-verify {
	float:right; 
	width:100px; 
	border:2px solid gray;
	margin:-1px;
	}
	
#number-verify:hover {
	border:2px solid rgba(60, 132, 245, 1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
	}
	
	
/* Contact Form Submit //////////////////////////////////////////////////////////////// */


#contact-form {
	width: 80%;
	/* background: #E0E0E0; */
	padding: 40px;
	padding-top: 260px;
	margin-left: auto;
	margin-right: auto;
	}	
	
#contact-form  h1{
	font-family:retro_2italic;
	text-align: center;
	font-size: 45px;
	}	

#contact-form  h2{
	padding:0px;
	padding-bottom:10px;
	margin:0px;
	text-align: center;
	font-size: 35px;
	line-height:54px;
	}

#contact-form  h3{
	padding:0px;
	margin:0px;
	color: #555;
	text-align: center;
	font-size: 30px;
	}

#contact-form  a{
	color:#779DD8;
	padding: 0px 10px;
	}
	
#contact-form  a:hover{
	color: #779DD8;
	border: 2px solid #779DD8;
	background:rgba(0,0,0,0.3);
	border-radius: 8px;
	padding: 0px 8px;
	font-weight:normal;
	}


form.contact-form {
	max-width:100%;
	margin-top: 40px;
	}
	
/* End Contact Form Submit //////////////////////////////////////////////////////////////// */
/* /End/ Contact Page  /////////////////////////////////////////////////////////////////////////////////////// */	
	

.submit-quote{
	/* border:1px solid black; */
	/* float: right; */
	margin: 0 auto;
	background:rgba(0,0,0,0.3);
	}
	
.submit-quote-inner{
	padding:4%;
	padding-bottom:90px;
	padding-top:50px;
	}
	
#quote-button {
	text-decoration:none;
	border:none;
	background:rgba(0,0,0,0.5);
	border-radius:10px;
	color: #fff;
	width: auto;
	white-space: nowrap;
	float: left;
	text-align: center;
	position:relative;
	border:2px rgba(60, 132, 245,0.5) solid;
	-moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.3s linear; transition: all 0.2s linear;
	float:right;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.52);
	}

#quote-button:hover { 
	text-shadow: -1px -1px 3px rgba(0,0,0,1), 1px 1px 3px rgba(0,0,0,1), 0px 0px 4px rgba(0,0,0,1); 
	background:rgba(60, 132, 245, 0.5);
	cursor: hand;
	}
/* /End/ Get a Quote Page  /////////////////////////////////////////////////////////////////////////////////////// */		
	
.no-image {
	max-width:500px;
	width:auto;
	}

.slider-wrapper{
	height:365px;
	margin-top:20px;
	}
	
.slide-text-bg{
	background: url('../images/bg-shadow-slider.png') no-repeat;
	background-size: 86% 100%;
	background-position: top;
	/* background: rgba(0, 0, 0, 0.4); */
	padding-bottom: 268px;
	margin-left: -220px;
	padding-top: 123px;
	margin-top: -113px;
	margin-right: -110px;
	padding-left: 219px;
	}
	
#slider-area {
	width:100%;
	height:265px;
	background:#eee;
	}

	
.prod-div {
	float: left;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.52);
	border: 1px solid #888;
	width: 100%;
	/* height: 250px; */
	padding: 10px;
	border-bottom:4px solid #375CAA;
	border-top:4px solid rgba(0, 0, 0, 0.0);
	border-right:4px solid rgba(0, 0, 0, 0.0);
	border-left:4px solid rgba(0, 0, 0, 0.0);
	}
	
.prod-div:hover {
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.0);
	border: 4px solid #375CAA;
	}
	
.prod-div p{
	text-align:left;
	padding:0px;
	}
	
.prod-div h3{
	padding-top:10px;
	}
	
	
/* Product page ////////////////////////////////////////////////////////*/
#catlist {
	margin-top:20px;
	}

.cat-tile {
	color:white;
	float: left;
	text-align: Center;
	}

.catitem h2 {
	padding:0px;
	margin:0px;
	}	

.catitem {
	color:white;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}
	
.catitem a{
	display: block;
	color: #000;
	background: #B4C7FF;
	margin: 20px;
	padding: 20px;
	/* height: 210px; */
	box-shadow: 0px 0px 20px 0px rgba(55, 92, 170, 0.52);
	border-radius: 0px;
	border: 1px solid #FFF;
	text-align: Center;
	}
	
.catitem a:hover {
	color:#779DD8;
	background: #fff;
	border:1px solid #B4C7FF;
	font-weight:normal;
	}	
	
/* end Product Page ////////////////////////////////////////////////////////*/

/* category.html and prodline.html ////////////////////////////////////////////////////////*/
#catdetail {
	/* border-bottom: 4px solid  #3C84F5; */
	position: relative; /* for z-index issues related to rock transition element */
	}
	

	
	
.category-img {
	max-height:130px;
	/* padding: 5px 12% 0px 12%; */
	margin-left:auto;
	margin-right:auto;
	
	align-items: center;
	display:flex;
	justify-content: center;
	
	/* overflow:hidden; */
	}
	
.category-img img{
	max-width:375px;
	width:auto;
	max-height:120px;
	height:auto;
	}
	
#catdetail h1{
	text-align:center;
	padding-top:20px;
	color: #333;
	font-size: 50px;
	/* text-shadow: -1px -1px 4px rgba(0,0,0,1), 8px 8px 8px rgba(0,0,0,1), 12px 12px 12px rgba(0,0,0,1); */
	/* font-family: 'Economica', Arial, sans-serif; */
	font-weight: 300;
	}

#catdetail h6{
	text-align:center;
	margin-top: -20px;
	color: #fff;
	font-size: 25px;
	text-shadow: -1px -1px 3px rgba(0,0,0,1), 1px 1px 3px rgba(0,0,0,1), 0px 0px 5px rgba(0,0,0,1);
	font-weight: 100;
	}	
	
#catdetail blockquote{
	padding:0px 20px 20px 20px;
	}
	
#catdetail a{
	color:white;
	padding: 0px 6px 6px 10px;
	border-radius: 8px;
	transition: 0.15s ease-in-out;
	}
	
#catdetail a:hover{
	background:rgba(0,0,0,0.5);
	font-weight:normal;
	}

.cat-text {
	
	position: absolute;
	top: 160px;
	left: 30px;
	right: 30px;
	}

.cat-text h4{
	margin:0px;
	margin: 0px;
	}
	
.proditem {
	color:white;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	
	position: relative;
	}
	
.proditem a{
	display:block;
	color:#333;
	background: #fff;
	margin:5px;
	padding-top:5px;
	height:250px;
	box-shadow: 0px 0px 8px 0px rgba(55, 92, 170, 0.4);
	border-radius:10px;
	border:2px solid rgba(60, 132, 245,0.5);
	text-align: Center;
	
	display: flex;
	}
	
.proditem a:hover {
	color:#3C84F5;
	/* background: #aaa; */
	border:2px solid #3C84F5;
	font-weight:normal;
	}

	
/* end category.html and prodline.html ////////////////////////////////////////////////////////*/	

/* product.html no S ////////////////////////////////////////////////////////*/
#productview {
	/* padding: 20px 2%; */
	}
	
#productview h1{
	text-align:center;
	}
	
.prod-img {
	padding: 20px;
	width: auto;
	}
	
.prod-descr {
	border: 1px solid #C4C4C4;
	padding: 20px 50px 00px 20px;
	background: #E8E8E8;
	/* margin: 0px -50px 12px 0px; */
	}

.prod-descr p{
	color:#555;
	float:left;
	padding-top: 12px;
    margin-bottom: 0px;
	font-size:18px;
	font-weight:bold;
	/* margin-left: 30px; */
	}

.quantity {
	height: 28px;
	margin-top: 5px;
	margin-left: 10px;
	}
	
#price {
	float:left;
	}
	
.add-to-cart {
	padding: 0px 10px;
	margin: 0 0 20px 0;
	float:left;
	height: 40px;
	cursor: pointer;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	line-height: 33px;
	font-size: 19px;
	background: #779DD8;
	background: -moz-linear-gradient(top, #B4C7FF 1%, #779DD8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#B4C7FF), color-stop(100%,#779DD8));
	background: -webkit-linear-gradient(top, #B4C7FF 1%,#779DD8 100%);
	background: -o-linear-gradient(top, #B4C7FF 1%,#779DD8 100%);
	background: -ms-linear-gradient(top, #B4C7FF 1%,#779DD8 100%);
	background: linear-gradient(top, #B4C7FF 1%,#779DD8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C7FF', endColorstr='#779DD8',GradientType=0 );
	box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
	border-radius:10px;
	border:1px solid #777;
	}

.add-to-cart:hover {
	color: #333;
	background:#B4C7FF;
	border:1px solid white;
	box-shadow: 0px 0px 15px -5px rgba(0,108,217, 0.5);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	}
	
.cat-tile2 {
	color:white;
	text-align: Center;
	}

.catitem2 h2 {
	padding:0px;
	margin:0px;
	}	

.catitem2 {
	color:white;
	margin: 0px;
	padding: 0px;
	/* width: 100%; */
	}
	
.catitem2 a{
	display: block;
	color: #000;
	background: #B4C7FF;
	margin: 5px;
	padding: 5px;
	/* height: 210px; */
	box-shadow: 0px 0px 20px 0px rgba(55, 92, 170, 0.52);
	border-radius: 5px;
	border: 1px solid #FFF;
	text-align: Center;
	}
	
.catitem2 a:hover {
	color:#779DD8;
	background: #fff;
	border:1px solid #B4C7FF;
	font-weight:normal;
	}	
	
	
/* end product.html no S ////////////////////////////////////////////////////////*/





/* discount-table //////////////////////////////////////////////////////////////////////////////////////// */
	
.discount-table {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #9b9b9b;
	}
	
.discount-table table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	}
	
.discount-table td:hover {
	background-color:#fff;
	font-weight:normal;
	}

.discount-table td{
	vertical-align:middle;
	background-color:#e5e5e5;
	border:1px solid #9b9b9b;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:10px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
	}
.discount-table tr:last-child td{
	border-width:0px 1px 0px 0px;
	}

.discount-table tr td:last-child{
	border-width:0px 0px 1px 0px;
	}

.discount-table tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
	}

.discount-table tr:first-child td{
	background-color:#494949;
	border:0px solid #9b9b9b;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	}
	
.discount-table tr:first-child:hover td{
	background-color:#494949;
	}

.discount-table tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
	}

.discount-table tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
	}
	
/* End discount-table //////////////////////////////////////////////////////////////////////////////////////// */


	
	
	
	

	
	
/* Form */
/* 
.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  font-size: 16px;
  transform: scale(0.8);
  transition: 0.5s;
  
  label {
    display: block;
    margin: 0 0 3px 0;
  }
  input[type=text] {
    width: 100%;
  }
  
  input[type="radio"]:checked ~ &,
  input[type="checkbox"]:checked ~ & {
    opacity: 1;
    max-height: 100px;
    padding: 10px 20px;
    transform: scale(1);
    overflow: visible;
  }
  
}

form {
  max-width: 500px;
  margin: 20px auto;
  > div {
    margin: 0 0 20px 0;
    label {
      font-weight: bold;
    }
    > div {
      padding: 5px;
    }
  }
  > h4 {
    color: green;
    font-size: 24px;
    margin: 0 0 10px 0;
    border-bottom: 2px solid green;
  }
}

body {
  font-size: 20px;
}
* {
  box-sizing: border-box;
} 
*/
	


	
	
	
/* 	
.reveal-if-active {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	font-size: 16px;
	transform: scale(0.8);
	transition: 0.5s;
	margin:10px;
	border:1px solid red;
	}
  
label {
	display: block;
	margin: 0 0 3px 0;
	}
	
input[type=text] {
	width: 100%;
	}
  
input[type="radio"]:checked ~ &, input[type="checkbox"]:checked ~ & {
	opacity: 1;
	max-height: 100px;
	padding: 10px 20px;
	transform: scale(1);
	overflow: visible;
	}
  


form {
  max-width: 500px;
  margin: 20px auto;
  > div {
    margin: 0 0 20px 0;
    label {
      font-weight: bold;
    }
    > div {
      padding: 5px;
    }
  }
  > h4 {
    color: green;
    font-size: 24px;
    margin: 0 0 10px 0;
    border-bottom: 2px solid green;
  }
} */

	
/* Compiled CSS */

.group1 {
	float: left;
	/* border: 1px solid red; */
	width: 33%;
	}

.reveal-if-active {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	font-size: 16px;
	margin:0px;
	
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	}
	
.reveal-if-active h3{
	float: none;
	padding-top: 35px;
	padding-bottom: 10px;
	margin-bottom: -12px;
	border-bottom: 1px solid #646464;
	}
	
.reveal-if-active label {
	display: block;
	margin: 30px 0px 10px 0;
	font-size: 28px;
	}
.reveal-if-active input[type=text] {
	width: 95.5%;
	}
	
input[type="radio"]:checked ~ .reveal-if-active, input[type="checkbox"]:checked ~ .reveal-if-active {
	opacity: 1;
	max-height: 1000px;
	padding: 0px 0px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	overflow: visible;
	margin:0px;
	}


	
.reveal-if-active2 {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	font-size: 16px;
	margin:0px;
	
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	}
	
.reveal-if-active2 p{
	float: left;
	/* margin-right: 30px;
	margin-left: -20px;
	margin-top: 12px;
	margin-bottom: 0px; */
	color:orange;
	}
	
.reveal-if-active2 label {
	display: block;
	margin: 0 0 10px 0;
	}
.reveal-if-active2 input[type=text] {
	width: 100%;
	}
	
input[type="radio"]:checked ~ .reveal-if-active2, input[type="checkbox"]:checked ~ .reveal-if-active2 {
	opacity: 1;
	max-height: 1000px;
	padding: 0px 0px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	overflow: visible;
	margin:0px;
	}
	

/* form {
  max-width: 500px;
  margin: 20px auto;
}
form > div {
  margin: 0 0 20px 0;
}
form > div label {
  font-weight: bold;
}
form > div > div {
  padding: 5px;
}
form > h4 {
  color: green;
  font-size: 24px;
  margin: 0 0 10px 0;
  border-bottom: 2px solid green;
}

body {
  font-size: 20px;
} */


/* * {
  box-sizing: border-box;
  padding:15px;
} */


/* 
input {
	width:30px;
	height:30px;
	} */


	

	

/* Control Styles */

/* Targeting Inputs */



.page-not-found {
	width:100%;
	margin-top: 260px;
	}
	
.page-not-found h1 {
	text-align:center;
	}
	
.page-not-found  p{
	text-align:center;
	}
	
	
	
	
.buy-now {
	/* float:right;  */
	padding: 0px 0px 20px 0px;
	}
.paypal-div {margin-bottom:8px;}
.btn-hover {
	float:left;
	padding: 0px 0px 20px 0px;
	height: 6px;
	border-radius: 17px;
	border:3px solid rgba(0,0,0,0);
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0);
	box-shadow: 0 2px 10px rgba(0,0,0,0);
	}

.btn-hover:hover {
	border:3px solid #1FA0D2;
	-webkit-box-shadow: 0 2px 10px #aaa;
	-moz-box-shadow: 0 2px 10px #aaa;
	box-shadow: 0 2px 10px #aaa;
	}
	
	
	
	
.content-img {
	/* border: 1px solid #aaa;
	box-shadow: 0px 0px 20px 0px rgba(55, 92, 170, 0.52);
	background:#fff; */
	padding: 5px;
	text-align: center;
	align-items: center;
	display:flex;
	justify-content: center;
	min-height:300px;
	}
	

	
	
.category-img {
	max-height:130px;
	/* padding: 5px 12% 0px 12%; */
	margin-left:auto;
	margin-right:auto;
	
	align-items: center;
	display:flex;
	justify-content: center;
	
	/* overflow:hidden; */
	}
	
.category-img img{
	max-width:275px;
	width:auto;
	max-height:120px;
	height:auto;
	}


	
/* -----------------------------------------------------------------Accordion Nav */	
.ac-container{
	width: 90%;
    padding: 15px;
	margin: 10px auto 30px auto;
	text-align: left;
	float:left;
	padding-right:20px;
}
.ac-container label{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 19px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #779DD8;
	color: #fff;
	/* text-align: center; */
	text-shadow: 0px 0px 0px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.6);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 205px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 365px;
}
.ac-container input:checked ~ article.ac-sacred{
	height: 450px;
}

/* my additions */
.ac-nav{
	list-style:none;
	margin-left:-22px;
	}

.ac-nav1{
	margin-right: 32px;
	}

.ac-nav1 a{
	padding:6px;
	width:100%;
	display:block;
	border:1px solid rgba(0,0,0,0.0);
	}
	
.ac-nav1 a:hover{
	color:#779DD8;
	/* background:#779DD8 */
	border:1px solid #779DD8;
	font-weight:normal;
	}
	
.ac-nav h3{
	color:#779DD8;
    border-top: 2px solid #779DD8;
    padding-top: 5px;
    margin-right: 20px;
	}
	
#side-nav {
	
	}

/* admin tables ----------------------------------------------*/
#userlist {
	
}

#userlist a {
	text-decoration: underline;
	color: rgb(0, 140, 240);
}



#userlist table { 
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	width: 100%; 
	
	border-collapse: 
	collapse; border-spacing: 0; 
}

#userlist td,#userlist  th { 
	border: 1px solid transparent; /* No more visible border */
	height: 30px; 
	transition: all 0.3s;  /* Simple transition for hover effect */
}

#userlist th {
	background: #DFDFDF;  /* Darken header a bit */
	font-weight: bold;
}

#userlist td {
	background: #FAFAFA; 
	text-align: left;
}

/* Cells in even rows (2,4,6...) are one color */ 
#userlist tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
#userlist tr:nth-child(odd) td { background: #FEFEFE; }  

#userlist tr td:hover { background: #666; color: #FFF; font-weight:normal;} 
#userlist tr td:hover a { color: #FFF;} 



/* view individual user */
#userview {
	width: 100%;
	margin: 0 auto;
}

#userview table { 
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	width: 100%; 
	
	border-collapse: 
	collapse; border-spacing: 0; 
}

#userview td,#userview  th { 
	border: 1px solid transparent; /* No more visible border */
	height: 30px; 
	transition: all 0.3s;  /* Simple transition for hover effect */
}

#userview th {
	background: #DFDFDF;  /* Darken header a bit */
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
}

#userview td {
	background: #FAFAFA; 
	text-align: left;
	padding-left: 20px;
	
}

/* Cells in even rows (2,4,6...) are one color */ 
#userview tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
#userview tr:nth-child(odd) td { background: #FEFEFE; }



/* participant list */
#partlist {
	
}

#partlist a {
	text-decoration: underline;
	color: rgb(0, 140, 240);
}

#partlist a:hover{
	/* color: rgb(95, 189, 255); */
	/* font-weight:normal; */
}



#partlist table { 
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	width: 100%; 
	text-align:left;
	border-collapse:collapse; 
	border-spacing: 0; 
}

#partlist table a{ 
	padding:6px 0;
}
table td{padding: 8px;}
table th{text-align: left; padding: 8px;}

#partlist table td:hover > a {
	color: rgb(95, 189, 255);
	font-weight:normal;
	}

#partlist td,#partlist  th { 
	border: 1px solid transparent; /* No more visible border */
	height: 30px; 
	transition: all 0.3s;  /* Simple transition for hover effect */
}

#partlist th {
	background: #DFDFDF;  /* Darken header a bit */
	font-weight: bold;
	padding-left: 10px;
}

#partlist td {
	background: #FAFAFA; 
	padding-left: 10px;
	
}

/* Cells in even rows (2,4,6...) are one color */ 
#partlist tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
#partlist tr:nth-child(odd) td { background: #FEFEFE; }  

#partlist tr td:hover { background: #666; color: #FFF; font-weight:normal;} 


#loglist h2{
	text-align:left;
	padding-top:0;
}

#loglist a {
	text-decoration: underline;
	color: rgb(0, 140, 240);
}



#loglist table { 
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	width: 100%; 
	
	border-collapse: 
	collapse; border-spacing: 0; 
}

#loglist td,#loglist  th { 
	border: 1px solid transparent; /* No more visible border */
	height: 30px; 
	transition: all 0.3s;  /* Simple transition for hover effect */
}

#loglist th {
	background: #DFDFDF;  /* Darken header a bit */
	font-weight: bold;
}

#loglist td {
	background: #FAFAFA; 
	/*text-align: center;*/
}

/* Cells in even rows (2,4,6...) are one color */ 
#loglist tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
#loglist tr:nth-child(odd) td { background: #FEFEFE; }  

#loglist tr td:hover { background: #666; color: #FFF; font-weight:normal; }
#loglist a:hover { /* font-weight:normal; */ } 
/* end admin tables ----------------------------------------------*/

.quiz-form label{color:black; text-align:left; padding:0px;}

/* Narrow Form  =================================================================================================== */	
.narrow-form{
	width:450px; 
	/* margin:0 auto; */
	}
.date-picker {float:left; width:70% !important;}
.date-submit {float:left; width:30% !important;}
/* /End/ Narrow Form   ///////////////////////////////////////////////////////////////////////////////////////////// */	

/* Login Form  =================================================================================================== */	

div.login-form {margin:0 10%;}

.login-form p{margin:20px 0px 0px 0px;}
.login-form input[type="submit"]{float:right;}

/* /End/ Login Form   ///////////////////////////////////////////////////////////////////////////////////////////// */	

#loginform input:not([type=submit]):not([type=file]):not([type=button])  {
	width: 100%;
	}

/* from style.css ------------------------------------------------*/
#loginform {
	margin: 0 auto;
	width: 500px;
	padding: 20px;
	text-align:center;
}

#loginform a {
	text-decoration: underline;
	color: rgb(0, 140, 240);
}

#loginform label {
	text-align:center;
}

#open-close-dates {
	float:left;
	width:180px;
	margin: 0px 20px 20px -12px;
	margin-top:15px;
	padding: 0px 0px 0px 0px;
	}
	
.open-date-div {
	float:right;
	padding: 0px 0px;
	margin: 0px 22px 10px 0px; 
	border-radius: 13px;
	background: white;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	}

.close-date-div {
	float:right;
	padding: 0px 0px;
	margin: 0px 22px 0px 0px; 
	border-radius: 13px;
	background: white;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	}
	
.open-date-header {
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	width: 130px;
	text-align: center;
	padding: 5px 10px;
	margin: 3px;
	border: 1px solid gray;
	background: rgb(128, 184, 105);
	color: white;
	border-radius: 10px;
	}
	
.close-date-header {
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	width: 130px;
	text-align: center;
	padding: 5px 10px;
	margin: 3px;
	border: 1px solid gray;
	background: rgb(202, 102, 102);
	color: white;
	border-radius: 10px;
	}
	
.date {
	text-align:center; 
	padding: 0px 15px; 
	margin-top: 40px;
	margin-bottom: 10px;
	}

.product-text span{
	font-weight:bold;
	}
	

	
	
	
	
	
	

/* product purchase */
#products {
	list-style-type: none;
	width: 900px;
	padding:0px;
}

.lineitem {
	width: 925px;
	/* height: 24px; */
}
.lineitem:hover {
	background: #B6D5EC;
}

.prodtitle {
	width: 500px;
	float: left;
	text-align:left;
	padding-top: 6px;
}

.prodorder {
	/* width: 380px; */
	float: left;
}


#def {
	width:100%;
	/* width: 925px; */
    /* margin: 0 auto; */
	}

#def input.price-box {
	width:80px;
	padding: 4px; 
	}
#def input.qty-box {
	width:60px;
	padding: 4px; 
	}

#disp_table input:not([type=submit]):not([type=file]):not([type=button]) {width:60px; padding: 4px; }
 

.cc0 {
	
}

.cc1 {
	background-color: #ccc;
}

.seal-img {
	margin: 0px 15px -15px 0px;
	}
	
.add-to-cart2 {
	padding: 5px 10px;
	margin: 20px 0 0px 0;
	/* height: 40px; */
	cursor: pointer;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	/* line-height: 33px; */
	/* font-size: 19px; */
	background: #779DD8;
	background: -moz-linear-gradient(top, #B4C7FF 1%, #779DD8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#B4C7FF), color-stop(100%,#779DD8));
	background: -webkit-linear-gradient(top, #B4C7FF 1%,#779DD8 100%);
	background: -o-linear-gradient(top, #B4C7FF 1%,#779DD8 100%);
	background: -ms-linear-gradient(top, #B4C7FF 1%,#779DD8 100%);
	background: linear-gradient(top, #B4C7FF 1%,#779DD8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C7FF', endColorstr='#779DD8',GradientType=0 );
	box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
	border-radius:5px;
	border:1px solid #777;
	}

.add-to-cart2:hover {
	color: #333;
	background:#B4C7FF;
	border:1px solid white;
	box-shadow: 0px 0px 15px -5px rgba(0,108,217, 0.5);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	}


/* end from style.css ------------------------------------------------*/













/* templates ------------------------------------------------*/

.highlighted {
	padding: 0px 40px 25px 40px;
    margin: 40px 0px;
    text-align: center;
    border-radius: 10px;
    background: rgba(46, 90, 162, 0.5);
    border: 1px solid #fff;
    box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.5);
	}
.highlighted h1, h2, h3, h4, h5, p {
	color:white;
	}
	
.tile_1 {
	padding: 0px 20px 25px 20px;
    margin: 40px 10px;
	width: 25%;
    min-width: 240px;
    float: left;
    /* text-align: center; */
    border-radius: 10px;
    background: rgba(255, 255, 255, .7);
    border: 1px solid #fff;
    box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.5);
	}
	
.tile_1 h2 {
	font-size: 1.5em;
}

.tile_1 h3 {
	font-size: 1.2em;
	margin-top: 0;
}

.tile_1 h1, h2, h3, h4, h5, p {
	color:#333;
	}

.tile_1 p {
	text-align: left;
}

/* wierd CSS override issue */
.highlighted h4 {
	color:white;
	}
	
	
.templage-page {
	background:white; 
	padding:30px;
	}
	
.image-testing {
	width:45%;
	float:left;
	} 

.row-testing {
	width:100%;
	border:1px solid blue;
	} 

.div-testing {
	border:1px solid red;
	} 
	
.clearboth-test{clear:both;}


.col-prodmod1 {width:49%; float:left; margin-right:1%;}
.col-prodmod2 {width:49%; float:left; margin-left:1%;}