/* -- GENERAL STYLES -- */

*{
	margin:0px;
	padding:0px;
	border:0px;
}

html{
	height:101%;
}

body{
	padding:30px 40px;
	background:#fff;
	font-size:62.5%;
	font-family:times new roman, times, serif;
	color:#000;
}

a{
	color:#b3b3b3;
	text-decoration:none;
}

a:hover {
	color:#000;
}

a.selected{
	color:#000;
}

#wrapper{
	min-width:929px;
	margin:0 auto;
}


/* -- RIGHT NAV -- */

h1{
	font-size:1.3em;
	font-weight:normal;
	line-height:1.5em;
	border-bottom:solid 1px #b3b3b3;
	padding:0em 0 1.5em 0;
}

h2, p{
	font-size:1.3em;
	font-weight:normal;
	line-height:1.5em;
}

#nav{
	width:235px;
	height:101%;
	padding-left:40px;
	float:right;
}

#nav ul{
	border-bottom:solid 1px #b3b3b3;
	font-size:1.3em;
	line-height:1.5em;
	list-style:none;
	padding:1.5em 0;
}

#nav ul.infonav{
	border:0px;
}


/* -- RIGHT NAV SEQUENCE NAV -- */

#nav ul.seqnav{
	border:0px;
	padding:0px;
	float:left;
}

#nav ul.seqnav li{
	display:block;
	padding:0 6px 0 0;
	float:left;
}

#nav ul.seqnav li a{
	display:block;
	width:28px;
	height:28px;
	padding:0px;
	margin:0px;
	outline:none;
}

#nav ul.seqnav li a:hover{
	background-position:-28px 0px;
}


.prev{
	background-image:url(images/prev-arrow.gif);
}

.next{
	background-image:url(images/next-arrow.gif);
}

.prevhover{
	background:url(images/prev-arrow.gif) no-repeat -28px 0px;
}

.nexthover{
	background:url(images/next-arrow.gif) no-repeat -28px 0px;
}


/* -- MAIN CONTENT AREA -- */

#content{
	margin-right:275px;
}


/* -- MAIN IMAGE AREA -- */

.mainimg{
	padding-top:4.1em;
	margin:0 auto;
}

.imgovrnav{
	position:absolute;
	display:block;
	float:left;
	color:#000000;
	text-indent:-10000px;
	outline:none;
}

.film{
	width:360px;
	padding-top:4.2em;
	margin:0 auto;
}

.mainimg img, .film embed, .film object{
	padding-bottom:1.5em;
}


/* -- PAGE AREA -- */

.page{
	width:360px;
	margin:0 auto;
}

.page h2{
	padding-top:1.5em;
	border-bottom:solid 1px #b3b3b3;
	padding:0em 0 1.5em 0;
	margin-bottom:1.5em;
}