/* CSS Document */

/*ABOUT CONTENT*/
#about-intro { /* About - 1 */
	position:absolute;
	text-align: left;
	width:330px;
	height:290px;
	padding: 20px 20px 0 0;
	z-index:1;
	left: 190px;
	top: 120px;
	visibility: visible;
}	
#company { /* About - 2 */
	position:absolute;
	text-align: left;
	width:330px;
	height:290px;
	padding: 20px 20px 0 0;
	z-index:1;
	left: 190px;
	top: 120px;
	visibility: hidden;
}	
	#fergus { /* Fergus Colville */
	position:absolute;
	text-align: left;
	width:330px;
	height:290px;
	padding: 20px 20px 0 0;
	z-index:3;
	left: 190px;
	top: 120px;
	visibility: hidden;
}
	#ed { /* Ed Ison */
	position:absolute;
	text-align: left;
	width:330px;
	height:290px;
	padding: 20px 20px 0 0;
	z-index:4;
	left: 190px;
	top: 120px;
	visibility: hidden;
}


/*FILM CONTENT*/
#films-intro {
	position:absolute;
	text-align: left;
	width:330px;
	z-index:1;
	left: 190px;
	top: 120px;
	visibility: hidden;
}

#prod-exile { /* The Exile */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:2;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: visible;
}
#prod-exile-pitch { /* The Exile */
	position:absolute;
	
	text-align: left;
	width:330px;
	height:295px;
	padding: 10px 20px 0 0;
	z-index:3;
	left: 190px;
	top: 120px;
	line-height: 1.2;
	visibility: hidden;
}

#prod1 { /* Beautiful People */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:4;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#prod1-pitch { /* Beautiful People */
	position:absolute;
	font-size: 1em;
	text-align: left;
	width:330px;
	height:290px;
	padding: 10px 20px 0 0;
	z-index:5;
	left: 190px;
	top: 120px;
	line-height: 1.2;
	visibility: hidden;
}
#prod2 {
	position:absolute; /* Becoming Vincent */
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:6;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#prod2-pitch {  /* Becoming Vincent */
	position:absolute;
	text-align: left;
	border:thin;
	width:330px;
	padding: 10px 20px 0 0;
	height:290px;
	z-index:7;
	left: 190px;
	top: 120px;
	line-height: 1.2;
	visibility: hidden;
}
.layer_intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cccccc;
}

#prod4 { /* Sliding Scale */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:10;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#prod4-pitch { /* Sliding Scale */
	position:absolute;
	text-align: left;
	width:330px;
	height:290px;
	padding: 10px 20px 0 0;
	z-index:11;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#prod3 { /* ten Days Lost */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:8;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#prod3-pitch { /* ten Days Lost */
	position:absolute;
	text-align: left;
	width:330px;
	height:290px;
	padding: 10px 20px 0 0;
	z-index:9;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
/*SHORT FILMS CONTENT*/

#shortfilms-intro {
	position:absolute;
	text-align: left;
	width:330px;
	z-index:1;
	left: 190px;
	top: 120px;
	visibility: hidden;
}




#Short-cover { /*Short Cover */
	position:absolute;
	text-align: left;
	width:330px;
	height:294px;
	padding: 10px 20px 0 0;
	z-index:2;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: visible;
}
#Short-cover-pitch { /* Short Cover */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 20px 20px 0 0;
	z-index:3;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}






#Short1 { /* Sunny Side of the Street */
	position:absolute;
	text-align: left;
	width:330px;
	height:294px;
	padding: 10px 20px 0 0;
	z-index:2;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#Short1-pitch { /* Sunny Side of the Street */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 20px 20px 0 0;
	z-index:3;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#Short2 {
	position:absolute; /* lightweight */
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:4;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#Short2-pitch {  /* lightweight */
	position:absolute;
	text-align: left;
	border:thin;
	width:330px;
	padding: 10px 20px 0 0;
	height:260px;
	z-index:5;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}


#Short3 { /* pinkchampagne */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:6;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#Short3-pitch { /* pinkchampagne */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:7;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#short4 { /* hindsight */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:8;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#short4-pitch { /* hindsight */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:9;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}
#short5 { /* Mellow Star in Concert */
	position:absolute;
	text-align: left;
	width:330px;
	height:260px;
	padding: 10px 20px 0 0;
	z-index:10;
	left: 190px;
	top: 120px;
	line-height: 1.3;
	visibility: hidden;
}

/* TELEVISION CONTENT*/
#television-intro {
	position:absolute;
	text-align: left;
	width:330px;
	z-index:1;
	left: 190px;
	top: 120px;
	visibility: hidden;
}

#tv2007 { /* 2007 */
	position:absolute;
	text-align: left;
	width:330px;
	height:310px;
	z-index:2;
	left: 190px;
	top: 100px;
	line-height: 1.1;
	visibility: visible;
}
#tv2006 { /* 2007 */
	position:absolute;
	text-align: left;
	width:330px;
	height:310px;
	z-index:3;
	left: 190px;
	top: 100px;
	line-height: 1.1;
	visibility: hidden;
}
#tv2005 { /* 2007 */
	position:absolute;
	text-align: left;
	width:330px;
	height:310px;
	z-index:4;
	left: 190px;
	top: 100px;
	line-height: 1.1;
	visibility: hidden;
}
#tv2004 { /* 2007 */
	position:absolute;
	text-align: left;
	width:330px;
	height:310px;
	z-index:5;
	left: 190px;
	top: 100px;
	line-height: 1.1;
	visibility: hidden;
}


/* navigation*/

.sidebar {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	padding: 10px;
	text-align: left;
	/*width: 100px;*/
	margin-top: 10px;
	font-size: 20px;
	color: #cccccc;

}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f1f1f1;
	text-decoration: none;
	overflow: hidden;
	padding: 20px 0 0 0;
}
.content-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #f1f1f1;
	text-decoration: none;
	overflow: hidden;
	padding: 0px 0 0 0;
}

.title1{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 1.5em;
	text-align: left;
	font-weight: bolder;
	text-decoration: none;

	padding: 0.08em 0;
}
.title3{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 1.3em;
	text-align: left;
	font-weight: bolder;
	text-decoration: none;

	padding: 0.08em 0;
}
.title-pitch{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 1.3em;
	text-align: left;
	font-weight: bolder;
	text-decoration: none;

	padding: 0.08em 0;
}

.title2{
	font-family:  "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #ddd;
	font-size: 1.1em;
	text-align: left;
	font-weight: bolder;
	text-decoration: none;
	padding: 0.08em 0;
}

.details{
	font-family:  Arial, Helvetica, sans-serif;
	color: #f1f1f1;
	font-size: .8em;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	padding:  0;
}