body {
	margin:0px auto;
	margin:0px auto;
	background:white
}	
.bw {
	background:white url('../assets/the-moon-under-glass-bw.jpg') no-repeat top center;
	width:1024px;
	height:1200px;
	margin:0px auto;
}

.nav {
	height:140px;width:140px;float:left ; cursor:pointer;
}

.nav-options {
	background:transparent url('../assets/web-nav-bw.jpg') top left no-repeat; width:649px;height:143px;clear:both
}
.social-media {
	height:35px;cursor:pointer;margin:3px 3px 7px;border:1px transparent solid;
}
#media-icons {
	float:right;width:45px;height:320px;margin:30px 5px 30px 120px; background:transparent url('../assets/social-networking-bw.jpg') no-repeat top left
}

#credits {
	background:transparent url('../assets/credits-bw.jpg') no-repeat top center;height:216px;
}
.footer {
	background:transparent url('../assets/footer-bw.jpg') no-repeat center top;height:84px;clear:both;
}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 40px;
padding-top:15px;
background: transparent url('../assets/navbar.png') no-repeat left top;

}
.vscrollerbar {
width: 10px;
margin:5px auto 0px 15px;
background: black;
padding:15px 0px 50px;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
.flexcroll {
/* Typical fixed height and fixed width example */
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.4em;

width: 450px;
height: 360px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background:transparent;
margin: 0.3em auto;
padding: 15px;
}

/* hesido: notice the addition of emptyspace holder, it should slightly be bigger than the containing div */
/* and it should only be that big when fleXcroll is active for better degradation */
/* version 1.9.1 and up adds flexcrollactive class, but the script should work with 1.8.9 and up */
.flexcrollactive .emptyspace {
	height: 260px;
	}

/* you may optionally want to hide the scrollbars */
#mycustomscroll .vscrollerbase {
	visibility: visible !important;
}
.video-block {
	width: 400px;
	height: 370px;

}
.flexcroll h1{
font-family: georgia, garamond, times, serif;
font-weight: normal;
font-size: 24px;
}