#top
 {
 position:relative;
 display: block;
 width: 100%;
 min-height:100px;
 top:0px;
 left:0px;
 text-align:center;
 margin:0px;
 padding:0px;
 background: rgb(000, 000, 000);
 }

#middle
 {
 position:relative;
 display: block;
 width:100%;
 height:auto;
 min-height:740px;
 left:0px;
 margin:0px;
 padding:0px;
 background-image: url("scripts/images/greyGradPR.png");
 background-repeat:no-repeat;
 background-size:cover;
 background-attachment: fixed;
 vertical-align:top;
}

#bottom
{
 position:relative;
 display:block;
 width:100%;
 height:auto;
 min-height:100px;
 left:0px;
 margin:0px;
 padding:0px;
 background: rgb(080, 080, 080);
}

body, html
{
	padding:0px;
	margin:0px;
	border: 0;
	width:100%;
	background: rgba(080, 080, 080, 1);
	overflow-x:hidden;
	border-collapse: collapse;
}


#topLogo
{
 position:relative;
 display:inline-block;
 WIDTH:280px;
 z-index:20;
 margin:0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 vertical-align:top;
}
#projectReviewText
{
 position:relative;
 display:inline-block;
 WIDTH:280px;
 z-index:10;
 margin:0px;
 padding:35px 0px 10px 0px;
 text-align:center;
 vertical-align:top;
}


#mainContents
{
 position:relative;
 display:inline-block;
 WIDTH:90%;
 max-width:640px;
 z-index:20;
 margin:0px;
 margin-left:10%;
 padding:75px 10px 50px 10px;
 vertical-align:top;
 height:auto;
 z-index:1;
}
#mainContents_single
{
 position:relative;
 display:inline-block;
 WIDTH:90%;
 max-width:640px;
 z-index:20;
 margin:0px;
 margin-left:0%;
 padding:75px 10px 50px 10px;
 vertical-align:top;
 height:auto;
}


#list
{
 position:relative;
 display:inline-block;
 WIDTH:30%;
 min-height:200px;
 z-index:20;
 margin:0px;
 height:auto;
 padding:125px 10px 50px 30px;
 vertical-align:top;
 text-align:left;
 font-size:100%;
}
.listlinks a:link, .sitemaplinks a:visited {
 font-size:100%;
}


#boxshadow
{
 position:absolute;
 bottom:0px;
 LEFT:50%;
 width:137.5%;
 height:100px;
 margin-left:-68.5%;
 margin-bottom:-36px;
 z-index:-1;
 visibility:visible;
}

#vid_box
{
 position:relative;
 display:block;
 z-index:0;
 width:100%;
 max-width:640px;
 height:360px;
}
#download_text
{
 position:relative;
 display:block;
 z-index:1;
 width:100%;
 max-width:640px;
}


@media screen and (max-width: 1200px) {
 #mainContents { margin-left:0%;}
}

@media screen and (max-width: 1020px) {
 #mainContents { width:90%; left:0%; padding:50px 0px 10px 0px; }
 #list{ WIDTH:90%; left:0%; font-size:150%; padding:50px 0px 100px 0px;  }
 .listlinks a:link, .listlinks a:visited {font-size:150%;}
}

@media screen and (max-width: 640px) {
 #topLogo{ WIDTH:100%; margin:0px; padding:0px 00px 00px 00px; text-align:center; vertical-align:top;}
 #projectReviewText{ WIDTH:100%; margin:0px; padding:0px 0px 10px 0px; text-align:center; vertical-align:top;}
}