html{
 	background-image: url("img/neutral.png");
 	
 	position: relative;
    /*min-width: 1024px;
    min-height: 768px;
    height: 100%; */
}

 body{
 	 
 }

 img {
		
		clear: both;

} 

.banner_container{
	/*width: 100%;*/
	position: relative;
	clear: both;

}

.banner img{

	background-size: contain;
	width: 100%;	
	height: 20%;
	
	 }



#nav a:hover{
	background-color: teal;
	
}

ul{
	list-style: none;
}

li{
	display: inline-block;
	float: right;
	padding-right: 10px;
}

a{
	text-decoration: none;
}


hr{
	margin-top: 30px;
	width: 80%;
	border: 0;
    height: 2px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, teal, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, teal, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, teal, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, teal, #ccc); 
 
}


.footer_border{
	margin-top: 80px;
	width: 100%;
	border-top: solid tomato;
	background-color: teal;
	clear: both;
	bottom: 0px;

}
.footer{

	width: 80%;
	margin-left: ;
	text-align: center;
	border:;
	position: relative;
	margin-top: 30px;

}

.footer img{
	height: 50px;
	width: 50px;
	border-radius: 15px;

}

.footer p{
	display: inline-block;
	margin: 20px;
}

#slide_border{

	width: 100%;
	height: 49%;
	/*border-top: solid tomato;
	border-bottom: solid tomato;*/
	
	
}


.info_panel{
	float: left;
	height: 100%;
	width: 45%;
	overflow: scroll;
	text-align: center;
	margin-top: 2%;
	margin-left: 2%;
	display: inline;
	border-radius: 2px;
	margin-right: 0%;
	
}

.info_panel p{
	
	margin-left: 2%;
	text-align: justify;
	margin-right: 2%;
}



#slide_container{
	height: 100%;
	width: 50%;
	border: solid teal;
	border-radius: 2px;
	margin-top: 2%;
	margin-right: 2%;
	background-color: #BCED91;
	display: inline;
	position: relative;
	float: right;
	margin-left: 0%;
	
	

}

.thumb_container {

	width: 10%;
	height: 70%;
	margin-left: 0%;
	display: inline;
	float: right;
	margin-top: %;
	margin-right: 10%;
	display: -webkit-flex;
	
	-webkit-flex-wrap: wrap;
}

#slideshow4_thumbs img:hover{
	border: teal solid;
	
}

.slideshow4 img{
	border: tomato solid;

}

#slideshow4_thumbs img{

	margin-top: 2%;
	margin-bottom: 5%;
	border: grey solid;
	width: 90%;
	height:20%;
	border-radius: 2px;
	

}

/*Tab CSS*/

.tabs > DIV {
	/*border-top: 1px solid #c7c7c7*/
	margin-top: 10px;
	background: white !important;
	clear: both;
	ma
	/*border-bottom: 4px solid #E95855 !important;*/
}

.tabs > DIV H3 {
	border-bottom: 4px solid #E5E5E5 !important;
	color: #ccc !important;
	font-weight: 300;
	line-height: 186px !important;
}

.tabs LI {
	background: grey;
	border-bottom: 4px solid #E5E5E5;
	margin-right: 10px;
}

.tabs A {
	color: #ccc;
	display: block;
	font-size: 18px;
	font-weight: 300;
	padding: 14px 24px;
	text-decoration: none;
}

.tabs LI:hover {
	background: #a0cac0;
	border-bottom: 4px solid #68a697;
}

.tabs LI:hover A {
	color: white;
}

.active {
	background: #a0cac0 !important;
	border-bottom: 4px solid #68a697 !important;
}

.active A {
	color: white !important;
}

.button {
	background: #a0cac0;
	border-bottom: 4px solid #68a697;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 14px;
	letter-spacing: 2px;
	margin-top: 20px;
	margin-right: 26px;
	padding: 15px 20px;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.button:hover {
	background: #93b7ae;
	color: #FFF;
	text-decoration: none;
}

.link {
	color: white;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 48px;
	margin-top: 20px;
	text-decoration: none;
}

.link:hover {
	text-decoration: underline;
}

.anchorLink {
	border-bottom: 1px dashed white;
}

.anchorLink:hover {
	text-decoration: none;
}

.screenshot {
	position: absolute;
	clip: rect(0 0 0 0);
}

.prev,
.next {
	background: white !important;
	color: #a0cac0 !important;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.prev:hover,
.next:hover {
	background: #a0cac0 !important;
	color: white !important;
}

.logo {
	margin-top: -6px;
	margin-right: 10px;
	vertical-align: middle;
}



/*Media Querries */

@media screen and (max-width: 480px){

	.banner img{

	background-size: contain;
	width: 100%;
	height: 20%;	
	
	 }

	 li{

	 	font-size: 12px;
	 }

	.info_panel{

		display: -webkit-flex-wrap;
		-webkit-justify-content: space-between;
		-webkit-flex-direction: column;
		width: 50%;
		height: 65%;


	}
	.info_panel p{
		font-size: 10px;

	}
	
	#slide_container{
		height: 40%;
		width: 40%;
		margin-left: 1%;
		margin-right: 0%;
	}

	#nav{
		margin-top: 5%;
	}

	}