@font-face {
    font-family: 'title';
    src: url('images/coolvetica_rg-webfont.eot');
    src: url('images/coolvetica_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/coolvetica_rg-webfont.woff') format('woff'),
         url('images/coolvetica_rg-webfont.ttf') format('truetype'),
         url('images/coolvetica_rg-webfont.svg#coolveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


 a{text-decoration: none;}
 html{height: 100%;}
 html,body{margin: 0;padding: 0;}
body{
height: 100%;
font-family: sans-serif;
position: relative;
z-index: 0;
}

 .align{
 	margin: 0 auto;
 	width: 900px;
 	
 }

 #banner{
height: 105px;
background: rgba(94,82,70,0.8);
box-shadow: 0px 3px 5px rgba(40,40,40,0.8);
position: relative;
 }
 #banner:after{
 	 content: "";
position: absolute;
width: 100%;
height: 100%;
background: url("images/test.png");
z-index: -1;
top: 0;

 }

 h1{
color: rgb(255, 255, 255);
background: rgba(26, 88, 23, 0.69);
display: inline-block;
border: 1px solid #1A5817;
margin: 16px 0px;
padding: 5px;
box-shadow: 0px 0px 5px rgba(40,40,40,0.8);
min-width: 60%;
font-size: 24px;

 }
 #content{
 min-height: 85%;
position: relative;
background: url(images/redox_01.png);
z-index: -2;
padding-bottom: 60px;
padding-top: 55px;
}
 
#content:after{
content: "";
position: absolute;
width: 1000px;
height: 100%;
z-index: -2;
left: 50%;
margin-left: -500px;
top: 0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */


}

.content_holder{
  width: 100%;
clear: both;
float: left;
}

 #menu{
 background: #F0C68D;
height: 60px;
position: absolute;
bottom: -55px;
width: 100%;
box-shadow: 0px 0px 5px rgba(40,40,40,0.8);
z-index: -1;
 }

 #menu:before{
 	content: "";
width: 100%;
height: 100%;
background: url(images/test2.png);
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: .5;
 }

  #menu_list{
 padding-left: 0px;
height: 20px;
margin-top: 25px;
position: relative;
z-index: 0;
  }
 #menu_list li{
display: inline;

padding-right: 20px;
 }
 #menu_list a {
 	color: white;
 	padding: 5px;
 	border: 1px solid rgba(0,0,0,0);
 	font-weight: bold;
 }
 #menu_list a:hover{
 	background: rgba(40,40,40,0.5);
 	padding: 5px;
 	border-radius: 5px;
 	border-bottom: 1px solid rgba(255,255,255,0.5);
border-top: 1px solid rgba(40,40,40,0.5);
border-left: 1px solid rgba(40,40,40,0.5);
border-right: 1px solid rgba(40,40,40,0.5);
 }
  .white_text{
  color: white;
  font-size: 12px;
 }

.big_text {
  font-size: 30px;
/* line-height: 120%; */ 
font-family: "title";
position: absolute;
bottom: 5px;
box-shadow: 0px 0px 5px rgba(40,40,40,0.8);
width: 255px;
height: 67px;height: 54px;background: rgba(26, 88, 23, 0.49);
border: 1px solid #1A5817;
padding: 30px 0 5px 5px;
margin:0; 
letter-spacing: 1px;

}
.big_text:after{
  content: "";
width: 100%;
height: 100%;
background: rgba(255,255,255,0.1);
top: 0;
left: 0;
position: absolute;

}


.big_image,.med_image,.tiny_image{
box-shadow: inset 0px 0px 105px rgba(40,40,40,0.5), 0px 0px 5px rgba(40,40,40,0.5);
border: 5px solid white;
background: transparent;
height: 100%;
}

.big_image img,.med_image img,.tiny_image img{

 z-index: -1;
 position: relative;

}

 .big_image{
width: 890px;

 }

 .big_image img{
   width: 890px; 
 }

 .med_image{
  float: left;
width: 400px;

margin-right: 20px;
margin-bottom: 20px;
 }

.med_image img{
  width: 400px;
 
 
 }

.tiny_image{
width: 200px;
 margin-right:20px;
 margin-bottom: 20px;
}

.tiny_image img{
  width: 200px;

 
 }
 .left{
  float: left;
 }

 #footer{
 	height: 200px;
background: rgba(94,82,70,0.8);
box-shadow: 0px -3px 5px rgba(40,40,40,0.8);
padding-top: 5px;
position: relative;
}
 
 #footer:after{
 content: "";
position: absolute;
width: 100%;
height: 100%;
background: url("images/test.png");
z-index: -1;
top: 0;
 	}
 	
 
 #footer_list{
 	margin-left: 0;
 	margin-top: 0;
 	padding-left: 0;

 }

  #footer_list li{
  	display: inline;
  	padding-right: 20px;
  }
 #footer_list a{
 	color: white;
 	-webkit-transition: color 0.2s;
 	-moz-transition: color 0.2s;
 	-o-transition: color 0.2s;
 	-ms-transition: color 0.2s;
 	transition: color 0.2s;
 	
 }
 #footer_list a:hover{
 	color:#f1da36;
 }
#f_band{
width: 100%;
height: 30px;
background: #F0C68D;
position: absolute;
top: -25px;
z-index: -1;
box-shadow: 0px -3px 5px rgba(40,40,40,0.6);

}

#f_band:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url("images/test2.png");
z-index: -1;
top: 0;
opacity: .5;
}
.right{float: right;}
.small_image{
margin-right: 2.5%;
width: 275px;
height: 200px;
display: inline-block;
border: 5px solid white;
box-shadow:inset 0px 0px 61px rgba(40,40,40,0.0), 0px 0px 5px rgba(40,40,40,0.5);
overflow: hidden;
position: relative;
margin-bottom: 2%;
-webkit-transition: box-shadow .5s;
-moz-transition: box-shadow .5s;
-ms-transition: box-shadow .5s;
-o-transition: box-shadow .5s;
transition: box-shadow .5s;
}

.small_image:after{
content: "+";
font-size: 25px;
color: rgba(0,0,0,0.5);
text-align: center;
width: 25px;
height: 25px;
position: absolute;
background: rgba(255,255,255,0.6);
top: 0px;
left: 0px;
-webkit-transition: left .5s;
-moz-transition: left .5s;
-ms-transition: left .5s;
-o-transition: left .5s;
transition: left .5s;
}

.small_image:hover.small_image:after{
		left:-25px;

}

.small_image:hover{
	box-shadow: inset 0px 0px 80px rgba(40,40,40,0.8), 0px 0px 5px rgba(40,40,40,0.5);
}

.small_image:nth-child(3n){
	margin-right: 0;
}


.small_image img{
	position: relative;
	z-index: -1;
}


.small_image:hover .small_label{
right: 0px;
}
.small_label{
padding: 0 5px;
text-align: center;
line-height: 25px;
min-width: 50%;
height: 25px;
background: rgba(26, 88, 23, 0.69);
z-index: 1;
position: absolute;
top: 0;
color: white;
right: -275px;
-moz-transition: right 0.3s;
-ms-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s;
}

.small_image_link{
	width: 275px;
height: 200px;

position: absolute;
}

/* form styling------------------------------------------------------ */
.heading{
  top: 15px;
position: relative;
background: #1A5817;
height: 30px;
line-height: 30px;
display: block;
color: white;
text-align: center;
width: 400px;
padding-left: 10px;
padding-right: 10px;
box-shadow: inset 0px 0px 15px 5px rgba(40,40,40,0.8);
border-radius: 0px 0px 5px 5px;
border-bottom: 1px solid rgba(255,255,255,0.8);

}

legend{margin-left: 40px;
margin-right: 40px;}

form{float: left;margin-right: 20px;margin-bottom: 20px;}
input, textarea{
  border-radius: 3px;
position: relative;
height: 25px;
background: white;
border: 1px solid grey;
padding-left: 10px;
padding-right: 10px;
width: 400px;
box-shadow: 0px 0px 5px transparent;
-webkit-transition:  border, box-shadow 0.2s;
-moz-transition:  border, box-shadow 0.2s;
-ms-transition:  border, box-shadow 0.2s;
-o-transition:  border, box-shadow 0.2s;
transition:  border, box-shadow 0.2s;

}


/* inset 0px 34px 67px -36px rgba(40,40,40,0.8),inset 0px -34px 67px -36px rgba(40,40,40,0.8), */
fieldset{
  width: 500px;
position: relative;
background: url(images/wood.png);
border: 1px solid rgba(40,40,40,0.5);
box-shadow: 0px 0px 5px rgba(40,40,40,0.8); 


border-radius: 5px;
}

#math{
  padding: 0 10px;
  display: inline-block;
width: 400px;
height: 25px;
line-height: 25px;
background: #747574;
text-align: center;
color: white;
box-shadow: inset 0px 0px 15px rgba(40,40,40,0.8),0px 0px 5px rgba(40,40,40,0.8);
margin-bottom: 10px;

}

#math, input,textarea{
  margin-left: 40px;
  margin-right: 40px;
}
.button{
  width: 75px;
  margin-top: 5px;

}
.h_divider{
border-top: 1px solid rgba(31, 31, 31,0.6);
border-bottom: 1px solid rgba(255,255,255,0.7);
border-left: 1px solid rgba(31, 31, 31,0.6);
border-right: 1px solid rgba(31, 31, 31,0.6);
width: 90%;
height: 0px;
margin: 0px auto 10px auto;
}


.full{
  clear: both;
  margin-top: 10px;

}

label input {
margin-bottom: 10px;

 
 
}

form p{
  margin: 15px 40px;
}
input:focus,textarea:focus{
  border: 1px solid black;
  outline: none;
  box-shadow: 0px 0px 5px rgba(40,40,40,0.8); 
}
.button{
  width: 75px;

}
.button:nth-of-type(2) {
  float:right;
}




/* form styling */

/* faq styling------------------------------------------------------- */

/* .faq_second li:target */
.faq{
  margin-left: 0px;
  padding-left: 0px;
list-style: none;
}


.questions:hover .faq_second>li{
  display: block;



-webkit-transform: scaleY(1);
-moz-transform:scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
height: 100px;

}



.faq_second li{
  float: right;
  list-style: none;
 display: block;
background: rgba(60,60,60,0.1);

box-shadow: 0px 0px 5px rgba(40,40,40,0.8);
overflow: hidden;

border-radius: 3px;
height: 10px;
width: 750px;
padding: 10px;

-webkit-transform: scaleY(0);
-moz-transform:scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);

-webkit-transition: -webkit-transform, height 0.5s;
-moz-transition: -moz-transform  0.5s;
-o-transition: -o-transform 0.5s;
-ms-transition:-ms-transform 0.5s;
transition: transform 0.5s ;
transition-delay:.05s;

text-align: right;

}


.questions>span{
padding: 10px 10px 10px 10px;
border: 1px solid rgba(40,40,40,0.5);
margin: 10px 0px;
display: inline-block;
border-radius: 3px;
width: 750px;
float: left;
position: relative;
color: rgba(0, 0, 0, 0.91);
cursor: default;

}

.questions>span:after{
 content: "";
position: absolute;
width: 20px;
height: 20px;
top: 10px;
opacity: 0.5;
right: 5px;
background: url(images/mg.png);
background-size: 20px;

}

/* faq styling */

/* image gallery----------------------------------------*/

.gallery img{
  width: 275px;
}
.gallery{

}

/* image gallery */

.pop_up, .content_links{
  color:rgba(26, 88, 23, 0.69);
  font-weight: bold;
}

.pop_up:hover:after{
content: attr(data-definition);
height: 40px;
background: rgba(26, 88, 23, 0.69);
display: inline-table;
color: white;
font-weight: normal;
position: absolute;
left: 10px;
bottom: 10px;
text-align: left;
padding: 5px;
border-radius: 0px 0px 2px 2px;

}