/* Load Fonts */
@import url(https://fonts.googleapis.com/css?family=Permanent+Marker|Roboto:400,700italic,400italic,700);
/* Use:
		font-family: 'Roboto', sans-serif;
		font-family: 'Permanent Marker', cursive;
		*/

BODY {
	background-color:#000;
	color: #fff;
}
.background-image {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: -1;
	display: block;
	background-image:url(../imgs/landing.jpg);
	background-color: #000;
	max-width: 100%;
	width: 100%;
	height: 100%;
	background-size:   cover;                      /* <------ */
	background-repeat: no-repeat;
	background-position: center center;            /* optionally, center the image */
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	opacity: 0.3;
}
.error {
	color: #C00;
}
INPUT.error{
	border: 2px solid #c00;
	
}
#logo IMG {
	z-index: 99923;
	max-width: 100%;
	height: auto;
	width: 75%;
}

/* Keynote Divs */
.gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#326b29+0,1f3b08+100;Olive+3D */
background: rgb(50,107,41); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgb(50,107,41) 0%, rgb(31,59,8) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgb(50,107,41) 0%,rgb(31,59,8) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgb(50,107,41) 0%,rgb(31,59,8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326b29', endColorstr='#1f3b08',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.thedivs {
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #fff;
	padding: 10px;
	margin: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
	  -o-transition: all .2s ease;
	  -ms-transition: all .2s ease;
 	  -moz-transition: all .2s ease;
      -webkit-transition: all .2s ease;
	  /* ...and now for the proper property */
	  transition: all .2s ease;
	float: bottom;
	width: 100%;
	border: 1px solid #006600;
	background-color: rgba(0, 0, 0, .7);
	/*background-color: #090;
	opacity: 0.4;*/
	cursor: pointer;
	display:inline-block;
	box-sizing:border-box;
}

.thedivs:hover, .thehover {
	border: 1px solid #000;
	color: #f2f2f2;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgb(125,126,125) 0%, rgb(14,14,14) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
.thedivs LI {
	list-style:none;
	
}
.thedivs .description {
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 95%;
	font-weight: bold;
}
.thedivs .title {
	color: #FFF;
	font-family: 'Permanent Marker', cursive;
	font-size: 125%;
	font-weight: bold;
}