/* ---------------------------------------------------------- */

a{
	cursor:pointer; /* add */
	
}

a:hover{
	text-decoration:none;
	font-weight: bold;
	
}

/* ---------------------------------------------------------- */

div.wrap{
	
	
}

div.currentActive{
	font-weight: bold;
}

div.button{
	cursor: pointer;
	/*
	background-color: #9e9c90;
	
	display: inline-block;
outline: none;


background: #9c9b90; /* for non-css3 browsers */
}

/* override hover */
div.noChangeColor a:hover{
	color:#000;
}

/*--------------------------- START PAGE ------------------------------------------- */
#startPage_img{
	/*background-image:url("../repository/assets/circle-start.jpg");*/
	
	height: 560px;
	width: 800px;
}

div.startPage_next p{
	position:absolute;
	text-decoration:underline;
	font-size:24px;
	margin: 0;
	left:180px;
	top: 524px;
}

div.startPage_next a:hover{
	font-weight:normal;
}

/*--------------------------- TOC PAGE ------------------------------------------- */
div.toc_headline{
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 20px;
	font-weight:bold;
}

div.list_headline p{
	font-weight:bold;
	text-decoration:underline;
	margin-top: 20px;
	margin-bottom: 0;
}

/*--------------------------- FILM PAGE ----------------------------------- */
#film_img{
	background-image:url("../repository/assets/circle-filmmaking.jpg");
	
	height: 560px;
	width: 800px;
}

#film_logo{
	position: absolute; /* because the image has the full app size */
	left: 390px;
	top: 524px;
}

div.film_head {
	top: 205px;
	left: 30px;
}

div.film_head p{
	font-size: 20px;
}

div.film_list{
	position:absolute;
	top: 330px;
	left: 30px;
}

/*--------------------------- COMMERCIAL DIRECTIONG ------------------------------ */
div.directing_head {
	position:absolute;
	top: 68px;
	left: 545px;
}

div.directing_head p{
	font-size: 20px;
	text-decoration:underline;
	
}

div.directing_list{
	position:absolute;
	top: 220px;
	left: 545px;
}

div.directing_list_item{
	cursor: pointer;
}

/* --------------------------- history page -------------------------------------- */
div.history_head {
	position:absolute;
	top: 205px;
	left: 30px;
}

div.history_head p{
	font-size: 20px;
	text-decoration:underline;
	
}

div.history_list{
	position:absolute;
	top: 340px;
	left: 30px;
}

div.history_list_item{
	cursor: pointer;
}

/*--------------------------- video player ----------------------------------------- */
div.vplayer_headline{
	margin: 0;
	height: 24px;
}

div.vplayer_headline_text{
	font-weight:bold;
	text-decoration:underline;
	font-size:14px;
}

div.vplayer_bar{
	
	height: 24px;
	font-size: 16px;
	margin: 0;
	width: 780px;
	padding-top: 6px;
}

#example_video_1{
	left: 38px;
	top:20px;
}
		

::selection {
	background: #9e9c90; /* Safari */
	}
::-moz-selection {
	background: #9e9c90; /* Firefox */
}



/* Begin Images */
/*p img {*/
/*	padding: 0;*/
/*	max-width: 100%;*/
/*	}*/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

/*img.centered {*/
/*	display: block;*/
/*	margin-left: auto;*/
/*	margin-right: auto;*/
/*	}*/
/**/
/*img.alignright {*/
/*	padding: 4px;*/
/*	margin: 0 0 2px 7px;*/
/*	display: inline;*/
/*	}*/
/**/
/*img.alignleft {*/
/*	padding: 4px;*/
/*	margin: 0 7px 2px 0;*/
/*	display: inline;*/
/*	}*/
/**/
/*.alignright {*/
/*	float: right;*/
/*	}*/
/**/
/*.alignleft {*/
/*	float: left;*/
/*	}*/
/* End Images */