*{
	margin:0;
	padding:0;
	
}
body{
	
}


/* This will enforce block-level properties to HTML5 elements */
article, aside, details, figcaption, figure, 
footer, header, hgroup, nav, section {
	display: block;
}

#container{

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: #7f7f7f;
}

#section8{

 margin:0px;
    height:2000px;
    width:100%;
}

mainimage {
margin-left:auto;
margin-right:auto;

}

img.mainimage {width:1900px; }

.logo {
	float: right;
	width: 338px;
	position: fixed;
	z-index: 1;
	height: 482px;
	clear: both;
}

.peep {

	position: relative;
	top: 20s0px;
	float: right;
	height: 307px;
	width: 461px;

	z-index: 0;

}

.blood {

	position: relative;
	height: 307px;
	width: 461px;
	top: 0px;
	right: 0px;
	z-index: 0;

}


.section{
    margin:0px;
    height:2000px;
    width:100%;

   
}
.section h2{
	padding: 5px;

	width: 1000px;
	text-align: center 


}



.about {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing:-1px;
	width:800px;
	height:800px;
	line-height: 36px;
	color: #7f7f7f;
	padding: 20px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0px;
	
}

.section p {margin-top: 5px; margin-bottom: 5px;

}

.videos {
	position: relative;
	top: 10px;
float:left;
margin:0 10px 5px 0;
}

.enter{
	
	list-style:none;
	margin-left: auto;
	margin-right: auto;
	height: 800px;
	width: 800px;
	position: absolute;
	top: 15%;
	left: 10%;
	}

ul{
    color: #1aa47e; 
    list-style-type: circle;
    
    }

li{
     display: inline;
margin-right: 20px;


}

a {
color: #1aa47e;
text-decoration: none;
}

a:hover {
color: #7f7f7f;
}



#imagelist{ 
width: 1200px;
height: 600px;
float: left;

position: relative;
top: 0px;
}

.sidebar{
position: absolute
top: 10px;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
color: #7f7f7f;
padding-right: 5px;
}



p {text-indent:30px;
padding-bottom: 5px;

}

.nav{

width: 40%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
color: #7f7f7f;
display: inline;
}

/* TO ADD THINGS TO: */
@media screen and (max-width: 1300px) {
  /* Style adjustments for viewports 768px and under go here */
	

	
mainimage {
margin-left:auto;
margin-right:auto;

}

img.mainimage {width:1300px; }



} /* closes rule for @media */


@media screen and (max-width: 1000px) {
  /* Style adjustments for viewports 768px and under go here */

	
mainimage {
margin-left:auto;
margin-right:auto;

}

img.mainimage {width:1000px; }


} /* closes rule for @media */




@media screen and (max-width: 700px) {
  /* Style adjustments for viewports 480px and under go here */

	/* disable text-size-adjust on iPhone */
html {
		-webkit-text-size-adjust: none;
	}
	
img.mainimage {width:700px; }
h2{font-size: 17px; font-weight: bold; padding: 5px; line-height: 9px; color: #ffffff; margin: 1px 0}
	

} /* closes rule for @media */