body {
	background-color: black;
	color: white;
}

/* container represents the image background and the container for all other elements
*/
#container {
	width: 1000px;
	margin: 0 auto;
	height: 800px;
	background-image: url('img/containerBG.png');
	background-repeat:no-repeat;
	z-index: -100;
}

/* the header element produces the masthead image.*/

#header {
	float: left;
	width: 100%;
	background-image: url('img/undone_masthead.png');
	height: 132px;
	background-repeat:no-repeat;
	overflow: ;
}

/* the navTOP references the undone "home" button*/

#navTOP{
	position:relative; 
	top:-10px; 
	z-index: 10; 
}
#navTOP li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
}

#navTOP li, #navTOP a{
	height:65px;
	display:block;
}


#navHOME {left:10px; width:190px;  }
#navHOME {background-color: ;}
#navHOME a:hover{ background-color: ; }

/* this sets the block function for the social media icons */

#navSOCIAL{
	position:relative; 
	top:1px; 
	z-index: 10; 
}
#navSOCIAL li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
}

#navSOCIAL li, #navSOCIAL a{
	height:35px;
	display:block;
}

#navTWITTER {left:685px; width:35px;  }
#navTWITTER {background-color: ;}
#navTWITTER a:hover{ background-color: ; }

#navFACEBOOK {left:643px; width:35px;  }
#navFACEBOOK {background-color: ;}
#navFACEBOOK a:hover{ background-color: ; }



/*this part tells us where to make the navigation grid */
#navlist{
	position:relative; 
	top:73px; 
	z-index: ; 
}
#navlist li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;}

#navlist li, #navlist a{
	height:25px;
	display:block;
}





#navTRAILER{left:63px;width:73px;}
#navTRAILER{background: ;}
#navTRAILER a:hover{background:url('img/Undone_buttons.png') -63px -4px;}

#navCAST{left:180px;width:45px;}
#navCAST{background-color: ;}
#navCAST a:hover{background:url('img/Undone_buttons.png') -180px -4px; }

#navCREW{left:290px;width:49px;}
#navCREW{background-color: ;}
#navCREW a:hover{background:url('img/Undone_buttons.png') -290px -4px; }

#navWRITERS{left:385px;width:80px;}
#navWRITERS{background-color: ;}
#navWRITERS a:hover{background:url('img/Undone_buttons.png') -385px -4px; }

#navJOINMAIL{left:545px;width:180px;}
#navJOINMAIL{background-color: ;}
#navJOINMAIL a:hover{background:url('img/Undone_buttons.png') -545px -4px; }



#next{left:129px;width:43px;}
#next{background:url('img_navsprites_hover.gif') -91px 0;}
#next a:hover{background: url('img_navsprites_hover.gif') -91px -45px;}






/* these divs are for managing the main content */

#content {   /* parent element to all content */
	float: left;
	height: 398px;
	width: 100%;
	background-color: none;
	float: left;
	margin-left: 10px;
}







/* controls the footer elements */ 
#footer {
	clear: both;
	background-color: ;
	height: 270px;
}

/* controls the video selection */

#vidSELECT{
	position:relative; 
	top:-250px; 
	z-index: ; 
}
#vidSELECT li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;}

#vidSELECT li, #vidSELECT a{
	height:125px;
	display:block;
}

#vidEPONE{left:75px;width:130px;}
#vidEPONE{background-color: ;}
#vidEPONE a:hover{background-color: ;}

#vidEPTWO{left:244px;width:130px;}
#vidEPTWO{background-color: ;}
#vidEPTWO a:hover{background-color: ;}

#vidEPTHREE{left:410px;width:130px;}
#vidEPTHREE{background-color: ;}
#vidEPTHREE a:hover{background-color: ;}

#vidEPFOUR{left:575px;width:130px;}
#vidEPFOUR{background-color: ;}
#vidEPFOUR a:hover{background-color: ;}

#vidEPFIVE{left:740px;width:130px;}
#vidEPFIVE{background-color: ;}
#vidEPFIVE a:hover{background-color: ;}