/*erics reset reloaded*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*erics reset reloaded finished, thanks eric!*/

/*############### body settings ################
################################################*/

body {
	background: #000;
	font-family: helvetica, arial, sans-serif, verdana;
	font-size: 11px;
	line-height:1.2em;
	letter-spacing: 0.1em;
	color: #fff;
	padding: 30px 0 18px 30px;
	overflow-y: hidden;
}

body#archive {
	background: #fff;
}

/*############### body settings ################
################################################*/


/*############### content settings ################
################################################*/
#content {
	width: 1024px;	
}
/*############### women content settings ################
################################################*/
#women_content1 {
	width: 3838px;
}
#women_content2 {
	width: 1680px;
}
#women_content3 {
	width: 2746px;
}
#women_content4 {
	width: 6587px;
}
#women_content5 {
	width: 5286px;
}
#women_content6 {
	width: 10006px;
}
#women_content7 {
	width: 2550px;
}

#women_content8 {
	width: 2785px;
}

#women_content9 {
	width: 3846px;
}
/*############### men content settings ################
################################################*/
#men_content1 {
	width: 3808px;
}
#men_content2 {
	width: 3194px;
}
#men_content3 {
	width: 2980px;
}
#men_content4 {
	width: 11440px;
}
#men_content5 {
	width: 4770px;
}
#men_content6 {
	width: 4052px;
}
#men_content7 {
	width: 3400px;
}
/*############### beauty content settings ################
################################################*/
#beauty_content {
	width: 11440px;
}
/*############### portrait content settings ################
################################################*/
#port_content {
	width: 10036px;
}
/*############### ad content settings ################
################################################*/
#ad_content {
	width: 1220px;
}
#ad_content2 {
	width: 5700px;
}
#ad_content3 {
	width: 3097px;
}
#ad_content4 {
	width: 2213px;
}
#ad_content5 {
	width: 6580px;
}
#ad_content6 {
	width: 4590px;
}
#ad_content7 {
	width: 2980px;
}

#ad_content8 {
	width: 16173px;
}

#ad_content9 {
	width: 5333px;
}
/*############### personal content settings ################
################################################*/
#snakes_content {
	width: 6465px;
}

#land_content {
	width: 7056px;
}
#still_content {
	width: 6053px;
}
#tattoo_content {
	width: 5123px;
}

#nude_content {
	width: 2157px;
}

#archive_content {
	width:1124px;
}

#film_content {
	width: 1250px;
}

#quicktime_content {
	max-width: 900px;
	background: #fff;
}
/*############### archive settings ################
################################################*/
#archive_content h1 a{
	color: #000;
	padding: 0 0 0 1px;
}

/*############### archive settings ################
################################################*/
#book_content {
	width: 8490px;
}

#exhibit_content{
	width: 6130px;
	
}
/*############### content settings ################
################################################*/

/*############### header settings ################
################################################*/
h1 {}
h1 a {
	position: fixed;
	top:  15px;
	text-indent: -10000px;
	background: url(../images/jfc_logo.png) no-repeat;
	background-position: 10px 0 0 20px;
	width: 180px;
	
}

#archive_content h1 a {
	position: fixed;
	top:  15px;
	text-indent: -10000px;
	background: url(../images/jfc_logo_k.png) no-repeat;
	background-position: 10px 0 0 20px;
	width: 180px;
}

/*############### header settings ################
################################################*/


/*############### nav settings ################
################################################*/

#nav {
	position: fixed; 
	top: 38px;
	
}	
#nav ul li {
	display: inline;
	float: left;
	
}

#nav ul li a {
	text-decoration: none;
	color: #666;
	padding: 0 9px 0 0;

	}
	
#nav ul li a:link {

}

#nav ul li a:visited {
	
}

#nav ul li a:hover {
	color: #fff;
}

#nav ul li a:active {
	color: #fff;
}

#nav ul li a#current {
	color: #fff;
}
	
/*############### archive nav settings ################
################################################*/	
#archive_nav ul {
	padding: 8px 0 0 0;
}
#archive_nav ul li {
	display: inline;
	}
#archive_nav ul li a{
	text-decoration: none;
	color: #666;
	padding: 0 5px 0 0;
}
#archive_nav ul li a:link {

}

#archive_nav ul li a:visited {
	
}

#archive_nav ul li a:hover {
	color: #000;
}

#archive_nav ul li a:active {
	color: #000;
}
#archive_nav ul li a#current{
	color: #000;	
}

/*############### catagory nav settings ################
################################################*/
ul li ol {
	display: block;
	position: absolute;
	top: 22px;
	min-width: 580px;
}
ul li ol li {
	display: inline;
}
ul li ol li a{
	font-size: 11px;
}
ol li a:link {

}

ol li a:visited {
	
}

ol li a:hover {
	color: #fff;
}

ol li a:active {
	color: #fff;
}


ol li a#current {
	color: #fff;
}



/*############### catagory nav settings ################
################################################*/
	
/*############### nav settings ################
################################################*/


/*############### empty div settings ############
################################################*/
span#empty {
	background: #000;
	width: 30px;
	height: 800px;
	position: fixed;
	left:0;
}

#emptyTwo {
	background: #000;
	width: 30px;
	height: 800px;
	position: fixed;
	right:0;
}
/*############### empty div settings ################
################################################*/

/*############### home page image settings ################
################################################*/
#image {
	margin: 120px 0 0 0;
} 



/*############### image settings ################
################################################*/

/*############### gallery settings ################
################################################*/
#gallery {
	display: block;
	position: relative;
	top: 122px;
}

#gallery ul {}

#gallery ul li{
	float: left;
	display: inline;
	padding: 0 30px 0 0;
}

#gallery ul li p {
	color: #fff;
	position: absolute;
	top: -6px;
}
#gallery ul li img {
	margin: 1em 0 0 0;
}
/*############### film gallery settings ################
################################################*/
#film_gallery ol {
	margin: 100px 0 0 0;
}
#film_gallery ol li{
	display: inline;
	float: left;
	margin: 0 20px 10px 0 ;

	padding: 2px;
	width: 224px;
	height: 160px;
}
#film_gallery ol li a {
	text-decoration: none;
	color: #fff;
	font-size: 9px;
	padding: 0 0 3px 0;
}
#film_gallery ol li a {
	width: 224px;
}
#film_gallery ol li a:link {
	text-decoration: none;
}

#film_gallery ol li a:visited {
	text-decoration: none;
}

#film_gallery ol li a:hover {
	color: #666;
	}

#film_gallery ol li a:active {
	color: #666;
}



#film_gallery p#bonus a{
	text-decoration: none;
	color: #fff;
	clear: left;
	margin: 0 0 0 1150px;
}

#film_gallery p#bonus a:link{}

#film_gallery p#bonus a:visited{}

#film_gallery p#bonus a:hover{
		color: #666;
}

#film_gallery p#bonus a:active{
		color: #666;
}



/*############### archive gallery settings ################
################################################*/
#lightbox_gallery {
	margin: 120px 0 0 0;
	
}


#lightbox_gallery ol li {
	display: inline;
	float: left;
}
#lightbox_gallery ol li a {
	
	
}

#lightbox_gallery ol li a img{
	padding: 0 8px 10px 0;
	
}

#lightbox_gallery ol li p {
	color: #000;
	font-size: 9px;

}
/*############### gallery settings ################
################################################*/
/*############### film settings ################
################################################*/

/*############### bio settings ################
################################################*/
#cv {
	width: 420px;
	margin: 84px 0 0 0;
}
#cv p{
	padding: 0 0 10px 0;	
}

#publications {
	width: 480px;
	margin: 82px 0 0 0;
}
#publications p{
	padding: 0 0 4px 0;	
}

#contact_page {
	padding: 85px 0 0 0;	
}

#contact_page h2 {
	padding: 30px 0 10px 0;
	font-weight: bold;
}
#contact_page p{
	padding: 5px 0 0 0 ;
}

#contact_page p a {
	text-decoration: none;
	color: #fff;
}

#contact_page p a:link {
	
}

#contact_page p a:visited{
	
}

#contact_page p a:hover{
	color: #666;
}
##contact_page p a:active {
	color: #666;
}

#solo {
	font-weight: bold;
}
#solox {
	padding: 0 0 0 35px;
}
/*############### bio settings ################
################################################*/