@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;         /* required */
}

body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}

img {
	border:0;
}

div#distance { 
	margin-bottom: -380px; /* half of content height */
	/*background: red;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}

div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	width: 960px;          /* required - desired width */
	height: 760px;         /* required - desired height */
	/*background: blue;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	background-image: url(../images/oneDayBackground.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

div#nav {
	position:absolute;
	margin-left:555px;
	margin-top:174px;
	width:326px;
	height:38px;
}

div#trailer {
	position:absolute;
	margin-left:556px;
	margin-top:214px;
	width:380px;
	height:162px;
}

div#synopsisText {
	/* Typical fixed height and fixed width example */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	color:#555;
	width: 330px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	padding-left:10px;
	padding-right:5px;
	/*margin: 58px auto;*/
	left: 16px;
	top: 20px;	/* overflow:scroll; */
}

div#social {
	position:absolute;
	margin-left:769px;
	margin-top:729px;
	width:170px;
	height:22px;
}

div#trailerCover {
	position:absolute;
	margin-left:555px;
	margin-top:174px;
	width:60px;
	height:38px;
	background-image: url(../images/trailer_down.jpg);
	background-repeat:no-repeat;
	z-index:10;
}

div#synopsisCover {
	position:absolute;
	margin-left:620px;
	margin-top:174px;
	width:69px;
	height:38px;
	background-image: url(../images/synopsis_down.jpg);
	background-repeat:no-repeat;
	z-index:10;
	display:none;
}
	

.trailer-link a:link {
	width:60px;
	height:38px;
	float:left;
	background-image: url(../images/trailer_up.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
} 

.trailer-link a:active {
	width:60px;
	height:38px;
	float:left;
	background-image: url(../images/trailer_down.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}	

.trailer-link a:hover {
	width:60px;
	height:38px;
	float:left;
	background-image: url(../images/trailer_down.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
} 

.trailer-link a:visited {
	width:60px;
	height:38px;
	float:left;
	background-image: url(../images/trailer_up.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

.synopsis-link a:link {
	width:69px;
	height:38px;
	float:left;
	background-image: url(../images/synopsis_up.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	margin-left:5px;
} 

.synopsis-link a:active {
	width:69px;
	height:38px;
	float:left;
	background-image: url(../images/synopsis_down.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	margin-left:5px;
}	

.synopsis-link a:hover {
	width:69px;
	height:38px;
	float:left;
	background-image: url(../images/synopsis_down.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	margin-left:5px;
} 

.synopsis-link a:visited {
	width:69px;
	height:38px;
	float:left;
	background-image: url(../images/synopsis_up.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	margin-left:5px;
}