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



body {
	background-color: #000000;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

img {border:0}

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



/* header */



html, body, #container {
    min-height: 100%;
    width: 100%;
    height: 100%;
}

html>body, html>body #container {
    height: auto;
} 

#container {
    position: absolute;
    top: 0;
    left: 0;
}

#footer {

} 

.staginghead {
	text-align: center;
	margin-top:8px;
	}	


#title {
	padding:4px 0 0 5px;
	margin:0;
	float:left;
}
#nav {
	margin: 0 0 0 300px;
	padding:11px 0 0 0;
	height:15px;
	
	text-align: left;
	
}
#nav a {
	color:#FFFFFF;
	font-family: arial, helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;
}
.navitem {
	padding: 15px 10px 3px 10px;
	text-align: center;
	border-left: solid 1px #454545;
	margin: 0;
}
#firstnavitem {
	padding: 15px 10px 4px 0px;
	text-align: center;
	margin: 0;
}

#subnav  {
	margin: 0 0 0 275px;
	padding:8px 0 0 25px;
	line-height:10px;
	
	}
	
#subnav a {padding-right:10px; color: #ff9900; text-transform:capitalize; font-size:13px}

/* spread content */
	

#images {
position:relative;
	height:335px;
	margin: 65px 0 0 20px;
	padding:0;
	white-space: nowrap;
	
	}
	
#imagezoom {
	
	margin: 0 0 0 20px;
	padding:0;
	
	}	
	
.thefilm {
	margin: 40px 0 0 20px;
	padding:0;
}
	
#pcontent {padding:0;margin:0}
	
.photo1 {
position:relative;
display:inline;
	height:305px;
	text-align:center;
	padding:0;
	margin:6px 0 6px 6px;
	}
	
	
.photo2 {
position:relative;
display:inline;

	height:305px;
	text-align:center;
	margin:  6px 6px 6px 6px;
	}
	
*html .photo1 {float:left;display:table-row;white-space: no-wrap;}
	
*html .photo2 {float:left;display:table-row;white-space: no-wrap;}

#spreadnav {
position:absolute;
top:470px;
	left:25px;
	width:1024px;
	height: 20px;
	
	}

#imagespread {position:relative; height:340px; width:1015px; white-space: nowrap;}
*html #imagespread {position:relative; height:340px; width:1030px}

#imagespreadwide {position:relative; height:340px; width:1080px}
*html #imagespreadwide {position:relative; height:340px; width:1110px}

#zoomin {position:absolute; top:343px;left:468px;}
#leftdesc {position:absolute; top:25px;left:0; white-space:normal;
width:400px; text-align:left }
#rightdesc {position:absolute; top:25px;right:0; text-align:right; }

/* fullsize content */

#imagecontent {
	text-align:left;
	margin: 40px 0 0 0;
	position:relative;
	
	}
	
#theimage {position:absolute;;

}

#theimage img {margin-right: 50px;}

#imagenav {
	line-height:14px;
	position:relative;
	text-align:right;
	margin-top:11px;
	right:50px;
	
	}
	
.zoomtitle
{margin: 0 0 0 10px; line-height:14px; padding: 2px 0 0 0 ;}


/* thumbnail content */




.spreadarrow {
	vertical-align: middle;
	margin: 0 7px 0 7px;
	}
	
.zoomarrow {
	vertical-align: middle;
	margin: 0 7px 0 0;
	}

.currentspread  { 	
	border: 1px solid #ffffff; 
	

	
				}
	
.newspread {
		margin:0 7px 0 0;
		font-size:53px;		
		height: 90px;
		display: inline;
		padding: 0 5px 0 5px;
		}

.tooltip {
		background-color:#CCCCCC;
		padding:5px;
		}
.footer {padding:10px 0 0 10px;}
.footer a {text-deoration:none}
			#footer {
				position:absolute;
				top: 625px;
				padding: 20px 0 0 20px;
				color:#666666; font-family: arial, helvetica, sans-serif; font-size: 11px;line-height:130%;
				width: 75%;
			}
			
			#footer-zoom {
				position:absolute;
				top: 700px;
				margin: 20px 0 0 20px;
				color:#666666; font-family: arial, helvetica, sans-serif; font-size: 11px;line-height:130%;
				width: 75%;
			}
			
			#footer-archive {
			clear:both;
				padding: 30px 0 0 15px;
				color:#666666; font-family: arial, helvetica, sans-serif; font-size: 11px;line-height:130%;
				width: 75%;
			}
			
			#footer-left {float:left; width:300px;}
			#footer-right {float:left;}
			
.pagination{
width:300px;
margin-left: 435px;
margin-top: 4px;
padding:0;
clear:both;
}

.pagination ul{
margin: 0;
padding: 0;
 /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.pagination a {padding:5px 20px 5px 20px; line-height:25px; font-size:13px}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right: 140px;
padding-top:0;
}
.pagination a {outline:none;}
.pagination li a.disabled, .paginationzoom li a.disabled {background:#000000; cursor:default; outline:none;}

.pagination li.prev {background:url(/photo/themes/jvr/images/back-text.gif) top left no-repeat; line-height:20px; width:50px; font-size:18px; margin:0; margin-right:17px;}
.pagination li.next {background:url(/photo/themes/jvr/images/next-text.gif) top left no-repeat; line-height:20px; width:50px; font-size:18px; margin:0; }

.paginationzoom li.prevzoom {background:url(/photo/themes/jvr/images/back-text.gif) top left no-repeat; line-height:20px; width:50px; font-size:18px; margin:0;  margin-right:17px;}
.paginationzoom li.nextzoom {background:url(/photo/themes/jvr/images/next-text.gif) top left no-repeat; line-height:20px; width:50px; font-size:18px; margin:0; }
.tothespreads {position:absolute; top:612px;left:75px; z-index:1;}

.paginationzoom{
position:absolute;
top:608px;
left:0;
width:300px;
margin-left: 20px;
padding-bottom:15px;
clear:both;


}

.paginationzoom ul{
margin: 0;
padding: 0;
 /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.paginationzoom a {padding:5px 20px 5px 20px; line-height:25px;font-size:13px;outline:none;}



.paginationzoom li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right: 140px;
padding-top:0;
}


.padleft {}



#archive {margin:-20px 0 0 25px; position:relative;z-index: 1000}
#filmarchive {margin:0 0 0 0; width: 850px;}
*html #filmarchive {margin-top: 50px;}
.albtitle {clear:both}


.col1 {display:inline; float:left; width:195px; margin:0 0 40px 0}
.col2 {display:inline; float:left; width:195px; margin:0 0 40px 0}
.col3 {display:inline; float:left; width:195px; margin:0 0 40px 0}
.col4 {display:inline; float:left; width:195px; margin:0 0 40px 0}

.row1 a:hover, .row2 a:hover {	text-decoration:underline;}

.thecurrent {font-weight:bold;}

.parenttitle {text-transform:uppercase; text-decoration:none; font-size:200%; font-weight:bold; margin-bottom: 7px;}


	
.filmitem {float:left; display:block; position:relative; min-width:230px;margin:30px 0 10px 0; padding:0 0 30px 40px; min-height:260px; border-bottom: 1px solid #444444}	

*html .filmitem {
	width: 230px
	
	}

.filmthumb {min-height: 125px; margin: 0 15px 5px 0 }

.filmthumbtitle {
	font-size:150%;
	}

.filmthumbtext {
	width: 200px;
	height:85px;
	
}

.playlinks {line-height:14px; height:20px; margin: 15px 0 0 0;}
.playlinks img {margin:0 1px 0 0;vertical-align: middle;}


#films {
position:relative;
	height:335px;
	margin: 40px 0 0 0;
	
	padding:0;
	
	}

.nobottomborder {border-bottom:none}

.filmnext {clear:both; font-size: 175%; font-weight: bold; margin:0 0 0 75px}

.filmprev {font-size: 175%; font-weight: bold;  padding:0 0 30px 0}

.filmprev:hover, .filmnext:hover {text-decoration:underline;}

.filmviewtitle {font-size: 175%; font-weight: bold; width:300px; clear:right; }

.filmviewdesc {width:310px;}

*html .filmviewtitle {float:left}
*html .filmviewdesc {float:left; clear:both;}

.filmlinks {font-size: 150%}