/*  
Originally created by Juxtaprose, (c) copyright 2009
http://juxtaprose.com/
*/

body {
	background: #E18F07; 
	background: #b75900; 	
	color: #000;
	margin: 0;
	padding: 0;
	font-family: geneva, arial, verdana, helvetica, sans-serif;
	font-size: 80%;
	text-align: left;	
	background-image: url("images/gym-floor.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/* centering and framing */
#wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 994px; 	
}

#whitewrap {
	width: 972px;
	height: 100%;
	padding-top: 22px;
	padding-left: 22px; 
	background-image: url("images/white-opaq-73.png");	
}

/* masthead */
#masthead {
	position: relative;
	width: 100%;
	height: 292px;
	background-image: url("images/masthead-opaq-76.png");	
}

#masthead h1 {
	position: absolute;
	top: 30px;
	left: 22px;
	margin: 0;
	padding: 0;
}

#logo {
	position: absolute;
	top: 29px;
	left: 780px;
}

#produced {
	position: absolute;
	top: 146px;
	left: 788px;
}

#masthead h1 a span, #masthead span {
	display: none;
}

#masthead p {
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 0.85em;
	color: #fff;
	font-family: arial;
}

#masthead .cola {
	position: absolute;
	top: 98px;
	left: 20px;
	margin: 0;
	padding: 0;
}

#masthead .colb {
	position: absolute;
	top: 190px;
	left: 20px;
	margin: 0;
	padding: 0;
}

#masthead a#viewall {
	display: block;
	height: 40px;
	width: 45px;
	padding: 5px 5px 0 5px;
	margin-top: 15px;
	color: #fff;
	font-size: 0.75em;
	text-align: center;
	border: 1px dotted #ccc;
	text-decoration: none;
}

#masthead a#viewall:hover {
	background: #ddd;
	color: #000;
}

.mastrow {
	margin: 0;
	padding: 0;
}

.mastrow li {
	float: left;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

.colb .mastrow li {
	padding-left: 2px;
	padding-right: 8px;
}


/* white wrap */
.inside #whitewrap h2 {
	margin: 0;
	padding: 13px 0 0 0;
	width: 640px;
	height: 26px;
	text-align: center;
	background-image: url("images/black-opaq-55.png");
}

.inside #whitewrap h2 span {
	display: none;
}

.inside #whitewrap h3 {
	margin: 20px 40px 20px 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 1.3em;
	color: #423b33;
	border-bottom: 2px solid #423b33;
}

.separator {
	margin: 20px 40px 20px 0;
	padding: 0;
	color: #8b3a2d;
	border-bottom: 2px dotted #8b3a2d;
}


/* main */
#main {
	width: 620px;
	min-height: 530px;
	height: 530px; /* ie6-only */
	padding-top: 10px;
	padding-bottom: 20px;
}

.inside #main {
	padding-left: 20px;
	background-image: url("images/white-opaq-73.png");
}

.about #main {
	padding-top: 0;
}

html>body #main {
	height: auto; /* override ie6-only rule above */
}

h4.topborder {
	border-top: 1px dotted #8b3a2d;
	width: 580px;
	padding: 15px 0;
	margin-top: 15px;
}

.stories h4.topborder {
	border-top: 2px dotted #8b3a2d;
	width: 580px;
	padding: 15px 0;
	margin-top: 15px;	
}

.reviews h4.topborder {
	border-top: 2px dotted #8b3a2d;
	width: 580px;
	padding: 15px 0 0 0;
	margin-top: 15px;
	margin-bottom: 0;
}

/* nav2 */
.inside #main .nav2 {
	margin: 0;
	padding: 5px 0 0 0;
	width: 600px;
	height: 25px;
	text-align: center;
}

.inside #main .nav2 li {
	padding: 0 3px 0 3px;
	text-decoration: none;
	display: inline;
	text-transform: uppercase;
	font-size: 1.2em;
}

.inside #main .nav2 a {
	color: #000;
	text-decoration: none;
}

.inside #main .nav2 a:hover {
	color: #C86D3C;
	background: none;	
	text-decoration: underline;
}

.synopsis #synopsis, .credits #credits, .guide #guide, .statement #statement {
	color: #C86D3C !important;
	text-decoration: underline !important;
}

#main p {
	margin: 0;
	padding: 12px 0 0 0;
	font-size: 1.0em;
	line-height: 1.8em;
}

.inside #main p {
	margin: 0;
	padding: 5px 20px 0 0;
}

#main a {
	color: #a44c02;
	text-decoration: underline;
}

#main a:hover {
	color: #fff;
	background: #a44c02;
}


.inside #main h4 {
	color: #8b3a2d;
	margin-bottom: 0;
	font-size: 1.1em;
}

.insideimg {
	float: right;
	margin: 0;
	padding: 13px 20px 5px 10px;
	text-align: center;
	text-transform: uppercase;
}

.insideimg p {
	margin: 0;
	padding: 0 !important;
}

.insideimgcover {
	float: right;
	margin: 0;
	padding: 0px 20px 15px 10px;
	text-align: center;
	text-transform: uppercase;
}

ul.textlist {
	margin: 0;
	padding: 0;
}

.textlist li {
	margin: 10px 0 10px 30px;
	padding: 0;
}

.botborder {
	margin-top: 1px;
	width: 640px;
	height: 5px;
	background-image: url("images/black-opaq-55.png");
}

td {
	font-size: .9em;
	padding-top: 10px;
}

/* home page slideshow */
#slideshow {
	height: 480px;
}

#slideshow img {
	display: none;
}

#slideshow #defimg {
	display: inline;
}

.trailer #main object {
	margin-top: 25px;
	margin-bottom: 105px;
	margin-left: auto;
	margin-right: auto;	
}

/* home page main widget*/
.mainwidg {
	margin: 20px 0 0 0;
	padding-top: 0px;
	width: 640px;
	height: 115px;
	min-height: 115px;
	background-image: url("images/brick-opaq.png");

}

html>body .mainwidg {
	height: auto;
}

#whitewrap .mainwidg h2 {
	margin: 0;
	padding-top: 11px;
	width: 100%;
	height: 27px;
	text-align: center;
	background-image: url("images/black-opaq-72.png");
}

#whitewrap .mainwidg h2 span {
	display: none;
}

.mainwidg p {
	margin: 0;
	padding: 10px 0 10px 20px;
	color: #fff;
	line-height: 1.5em;
	width: 600px;
	font-size: 1.1em;
	text-align: justify;
}

.mainwidg a {
	color: #fff;
	text-decoration: underline;
}

.mainwidg a:hover {
	text-decoration: underline;
	color: #631e00;
	background: #fff;
}

.notopcaps {
	padding-top: 0px !important;
	text-transform: uppercase;
}

#rt {
	text-align: right !important;
}

/*sidebar*/
#sidebar {
	position: absolute;
	top: 312px;
	left: 770px;
	width: 200px;
}

/*nav1*/
#nav1 {
	margin: 0 0 5px 0;
	padding: 0;
}

#nav1 li {
	list-style-type: none;
	width: 200px;
	height: 42px;
	min-height: 42px;
	padding-bottom: 2px;
}

#nav1 li a {
	display: block;
	background-image: url("images/white-opaq-73.png"); 
	height: 42px;
	color: #000;
	line-height: 3.3em;
	padding-left: 25px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
}

#nav1 li a:hover {
	color: #fff;
	background-image: url("images/black-opaq-72.png") !important;
}

.home #home, .about #about, .screenings #screenings, .trailer #trailer, .filmmakers #filmmakers, .contact #contact, .press #press, .reviews #reviews, .dvd #dvd, .stories #stories {
	color: #fff;
	background-image: url("images/black-opaq-72.png") !important;
}

/*dvd widg*/
.dvdwidg {
	padding: 10px 0 10px 0;
}

a.srollover {
	display: block;
	width: 199px;
    height: 163px;
	background: url("images/dvd-buy.jpg") 0 -163px no-repeat;
	text-decoration: none;
}

a:hover.srollover {
    background-position: 0 0;
}

.dvdwidg span {
	display: none;
}

.premierewidg {
	margin: 15px 0 10px 0;
	padding-bottom: 0px;
	width: 200px
}

.supportwidg {
	margin: 15px 0 10px 0;
	padding-bottom: 0px;
	width: 200px;
	background-image: url("images/brick-opaq.png");	
}


.buywidg {
	margin: 15px 0 10px 0;
	padding-bottom: 0px;
	width: 200px;
	background: #3a2316;
}

.promowidg {
	margin: 15px 0 10px 0;
	padding-bottom: 0px;
	width: 200px;
	background: #8a392d;
}

.buywidg h4, .promowidg h4 {
	margin: 0;
	padding-left: 10px;
	padding-top: 5px;
	color: #efdea0;
}

.home .supportwidg {
	margin-top: 20px;
}

html>body .supportwidg {
	height: auto;
}

#whitewrap #sidebar .supportwidg h3 {
	margin: 0;
	padding-top: 15px;
	width: 100%;
	height: 27px;
	line-height: 27px;
	text-align: center;
	background-image: url("images/black-opaq-72.png");
}

.supportwidg p, .buywidg p, .promowidg p {
	margin: 0;
	padding: 10px 10px 12px 10px;
	color: #fff;
	line-height: 1.4em;
	font-size: 0.95em;
}

.addbottom {
	padding-bottom: 8px !important;
}

.supportwidg a, .buywidg a, .promowidg a {
	color: #fff;
	text-decoration: underline;
}

.supportwidg a:hover, .buywidg a:hover, .promowidg a:hover {
	background: #fff;
	color: #631e00;
}

/* contact form */
form {
	margin-bottom: 30px;
}

label {
	display: block;
	font-weight: bold;
	color: #333;
}

.uniform {
	width: 300px;
	background: #eee;
}

/*footer*/
#footer {
	padding: 25px 0 25px 0;
	font-size: 0.85em;
}

#footer a {
	color: #000;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: underline;
}

.about #footabout {
	text-decoration: none;
}

/*convenience classes */

.smalltxt {
	font-size: .80em !important;
}

/* Footer: Juxtaprose link */
#juxta {
	clear: both;
	width: 994px; 	
	margin-left: auto;
	margin-right: auto;	
	margin-top: 5px;
	padding-bottom: 20px;
	text-align: right;
	font-size: 0.85em;
}

#juxta a {
	color: #000;
	padding: 5px 5px;
	text-decoration: none;
}

#juxta a:hover {
	background-image: url("images/white-opaq-73.png");
	text-decoration: underline;
}

#juxta span {
	font-style: italic;
}