body {
	background: url("images/background.jpg");
	background-attachment: fixed;
	text-align: center;
	margin: 0px;
	font-family: Georgia, Courier New, Courier, serif;
	height: 100%;
	min-width: 750px;
}

p {font-size: 1.4em; line-height: 1.3em; font-weight: bold;}

table {font-size: 1.4em; line-height: 1.3em;}
.casttitle {font-size: 80%; color: #582900; font-style: italic; text-align: right; vertical-align: top;}
td {text-align: left;}


#leftvignette {position: fixed; left: 0px; top: 0px; z-index: 1; width: 304px; height: 100%; background: url("images/vignette_left.png") no-repeat;}
#rightvignette {position: fixed; left: 100%; top: 0px; z-index: 1; margin-left: -304px; width: 304px; height: 100%; background: url("images/vignette_right.png") no-repeat;}

#nav {position: fixed; top: 0px; margin: auto; width: 100%; height: 78px; background: url("images/nav.png") no-repeat; background-position: center; z-index: 3;}
#nav a {text-decoration: none; text-decoration: none; color: #582900; margin: 20px; font-size: 1.2em; position: relative; top: 15px; font-family: "Underwood Champion", Courier New, Courier, serif;}
#nav a:hover {color: #b35d12;}

#content {position: relative; top: 40px; width: 750px; margin: auto; text-align: left; color: #222; font-size: 0.9em; margin-bottom: 375px; z-index: 2;}
#mindamartin {float: right;  height: 80px;margin-right: 20px; width: 340px; background: url("images/mindamartin.png") no-repeat;} /*  */
#mindamartin a {text-decoration: none; display: block; margin: 40px 20px;}
#mindamartin a:hover {color: #582900;}
#description {position: relative; height: 400px; width: 100%; clear: both;}
#video {text-align: center; height: 500px;}
#video h1 {float: left; width: 100%; text-align: left;}
#photos {height: 500px;}
#dvd {height: 400px;}
#press {min-height: 200px; margin-bottom: 300px;}
#castcrew {height: 500px;}

.laurels {margin-top: 25px; border: 0;}

h1 {
	font-family: "Underwood Champion", Courier New, Courier, serif;
	text-transform: uppercase;
	font-size: x-large;
	letter-spacing: 2px;
	color: #582900;
}

a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: x-large;
	color: #600;
	letter-spacing: 1px;
	border: 0;
}

.picright {float: right; margin-left: 10px; border: solid 4px #e8e1ca;}

#footer {position: fixed; width: 100%; height: 288px; left: 0px; top: 100%; margin-top: -288px; background: url("images/footerbkgd.jpg") repeat-x; background-position: bottom left; z-index: 3;}
#freelandfooter {position: relative; width: 100%; height: 100%; background: url("images/footer.png") no-repeat; background-position: center;}

#screenings {position: fixed; left: 100%; top: 200px; margin-left: -57px; z-index: 2; border: 0;}
#screenings img {border: 0px;}

.cast {float: left; width: 50%; text-align: center; font-weight: normal;}
.crew {
	float: none;
	width: auto;
	text-align: center;
	font-weight: bold;
}
.kickstart {font-size: 80%; padding: 8px; border: solid 1px #4b4b4b;}

.zoom img {border: none;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}