/*----- WHITESPACE RESET & DEFAULT CLASSES -----*/

	html, body { margin: 0; padding: 0; }
	body { background: #1e211b url(../img/bg-shadow.jpg) no-repeat center 500px; color: #fff; font: 62.5% Arial, Helvetica, sans-serif; }
	body.plain { background: #1e211b; color: #fff; font:12px Arial, Helvetica, sans-serif; }
	
	/* Baseline values for browser consistency */
	p, div, h1, h2, h3, h4, h5, h6, ul, li, ol, img, form, fieldset, input, select, textarea, button { margin: 0; padding: 0; }
	img { border: 0; }
	
	/* Element Default Classes */
	ul, ol { list-style-position: inside; margin: 0 0 1em; }
	ul li, ol li { font-size: 1.2em; margin: 0 0 0.2em; }
	hr { background: #000; color: #000; border: 0; height: 1px; margin: 20px 0; }
	a:link, a:visited, a:active { color: #888; text-decoration: none; outline: 0; }
	a:hover { text-decoration: underline; }
	
	/* Global classes */
	.clear { clear: both; height: 0px; }
	.left { float: left; }
	.right { float: right; }
	

/*----- STRUCTURE -----*/

#container { 
	width:100%; 
	margin:0 auto;
	padding:0; }
	
#section-title { 
	width:900px;
	margin:20px auto; }
	
#animation-box { 
	width:640px; 
	height:480px;
	margin:0 auto;
}

#text-box { 
	width:640px; 
	height:400px;
	margin:0 auto;
	padding:80px 0 0 0;
}

	
#level1box { 	
	width: 100%;
	height:50px;
	position:absolute;
	bottom:0;
	background:transparent url('../img/level1-gradient.png') repeat-x 0 0; }
	
	
	
ul.level1 { 
	width:860px; }	
	
	ul.level1 li { 
		height:32px;
		float:left; 
		list-style:none;
		padding:14px 0 0 0; }	
		
	ul.level1 li a { 
		height:25px; 
		display:block; 
		background-repeat:no-repeat; 
		background-position: top left;
		cursor:pointer; }
		
			
	ul.level1 li a.jf { 
		width:116px; 
		background:url(../img/justin-button-ie6.png); }
		
	ul.level1 li a.port { 
		width:97px; 
		background:url(../img/portfolio-button-ie6.png); }
		
	ul.level1 li a.port:hover, ul.level1 li a.portOn { 
		width:97px;
		background:url(../img/portfolio-button-ie6.png) no-repeat 0 -25px;}
		
	ul.level1 li a.videos { 
		width:84px; 
		background:url(../img/video-button-ie6.png); }
		
	ul.level1 li a.videos:hover, ul.level1 li a.videosOn { 
		width:84px;
		background:url(../img/video-button-ie6.png) no-repeat 0 -25px;}
		
	ul.level1 li a.bio { 
		width:106px; 
		background:url(../img/bio-button-ie6.png); }
		
	ul.level1 li a.bio:hover, ul.level1 li a.bioOn {
		width:106px; 
		background:url(../img/bio-button-ie6.png) no-repeat 0 -25px; }
		
	ul.level1 li a.exhib { 
		width:117px; 
		background:url(../img/exhib-button-ie6.png); }
		
	ul.level1 li a.exhib:hover, ul.level1 li a.exhibOn { 
		width:117px;
		background:url(../img/exhib-button-ie6.png) no-repeat 0 -25px; }
		
	ul.level1 li a.resawards { 
		width:180px; 
		background:url(../img/resawards-button-ie6.png); }
		
	ul.level1 li a.resawards:hover, ul.level1 li a.resawardsOn { 
		width:180px;
		background:url(../img/resawards-button-ie6.png) no-repeat 0 -25px; }
		
	ul.level1 li a.blog { 
		width:69px; 
		background:url(../img/blog-button-ie6.png); }
		
	ul.level1 li a.blog:hover, ul.level1 li a.blogOn { 
		width:69px;
		background:url(../img/blog-button-ie6.png) no-repeat 0 -25px; }
		
	ul.level1 li a.links { 
		width:136px; 
		background:url(../img/links-button-ie6.png); }
		
	ul.level1 li a.links:hover, ul.level1 li a.linksOn { 
		width:136px;
		background:url(../img/links-button-ie6.png) no-repeat 0 -25px; }
		
	ul.level1 li a.contact { 
		width:92px; 
		background:url(../img/contact-button-ie6.png); }
		
	ul.level1 li a.contact:hover, ul.level1 li a.contactOn { 
		width:92px; 
		background:url(../img/contact-button-ie6.png) no-repeat 0 -25px; }


ul.level2 { 
	width:400px; 
	height:30px; 
	margin:20px 0 0 0; }

	ul.level2 li { 
		float:left; 
		list-style:none; }
		
	ul.level2 li a { 
		height:25px; 
		display:block; 
		background-repeat:no-repeat; 
		background-position: top left; }
	
	ul.level2 li a.anim { 
		width:88px; 
		background:url(../img/animation-button.gif) no-repeat 0 0; }
		
	ul.level2 li a.anim:hover, ul.level2 li a.animOn { 
		width:88px; 
		background:url(../img/animation-button.gif) no-repeat 0 -25px ; }
	
	ul.level2 li a.pics { 
		width:76px; 
		background:url(../img/pictures-button.gif); }
	ul.level2 li a.pics:hover, ul.level2 li a.picsOn { 
		width:76px; 
		background:url(../img/pictures-button.gif) no-repeat 0 -25px; }
	
	ul.level2 li a.sketches { 
		width:82px; 
		background:url(../img/sketches-button.gif); }
	ul.level2 li a.sketches:hover, ul.level2 li a.sketchesOn { 
		width:82px;
		background:url(../img/sketches-button.gif) no-repeat 0 -25px; }
	
	ul.level2 li a.prints { 
		width:63px; 
		background:url(../img/prints-button.gif); }
	ul.level2 li a.prints:hover, ul.level2 li a.printsOn { 
		width:63px;
		background:url(../img/prints-button.gif) no-repeat 0 -25px; }
	
	ul.level2 li a.text { 
		width:63px; 
		background:url(../img/prints-button.gif); }
	ul.level2 li a.text:hover, ul.level2 li a.textOn { 
		width:63px;
		background:url(../img/prints-button.gif) no-repeat 0 -25px; }	
		
	ul.level2 li a.stills { 
		width:52px; 
		background:url(../img/stills-button.gif); }
	ul.level2 li a.stills:hover, ul.level2 li a.stillsOn { 
		width:52px; 
		background:url(../img/stills-button.gif) no-repeat 0 -25px; }	
		
	ul.level2 li a.text { 
		width:48px; 
		background:url(../img/text-button.gif); }
	ul.level2 li a.text:hover, ul.level2 li a.textOn { 
		width:48px; 
		background:url(../img/text-button.gif) no-repeat 0 -25px; }	

	

	.caption{ display:none; }
	.demo{ position:relative; height:480px; overflow:hidden; }
	.gallery_demo{ width:702px; margin:0 auto; }
	.gallery_demo li div{ left:240px; }
	
	ul.gallery_demo_unstyled { margin:0;}
	
	#main_image{ margin:0 auto 0 auto; padding:0; height:480px; width:640px; }	
	
	#prev-button { 
		width:29px; 
		height:29px; 
		position:absolute; 
		top:230px; 
		left:0px; }
	
	#next-button {
		width:29px; 
		height:29px; 
		position:absolute; 
		top:230px; 
		right:0px; }
		




/* BEGIN DEMO STYLE */

.gallery_demo li{width:0px;height:0px;border:none;margin: 0 2px;background:#000;}


.galleria{list-style:none;width:200px}
.galleria li{display:block; width:0px; height:0px; overflow:hidden; float:left; margin:0 10px 10px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
* html .galleria li div span{width:400px} /* MSIE bug */
		
/*----- PRELOADER -----*/	

	DIV#loader {
		overflow: hidden; }

	DIV#loader.loading {
		background: url(../img/spinner2.gif) no-repeat center center; }
		
		
#content { 
	width:920px; 
	margin:20px 0 0 0; 
	text-align:left; }

a.close-button { 
	float:right; cursor:pointer; }
	
#video-thumbnails { 
	width:780px; 
	height:100%; } 
	

/*----- IMAGES -----*/	



/*----- TYPOGRAPHY -----*/

p { 
	font-size: 1.2em; 
	margin: 0 0 1em;}

h1 { 
	font-size: 16px; 
	font-weight:normal;
	margin: 0 0 1em;}


h2 { 
	font-size: 1.4em; 
	margin: 0 0 1em; }

h3 { 
	font-size: 1.6em; 
	margin: 0 0 1em; }

h4 { 
	font-size: 1.4em; font-weight: bold;
	margin: 0 0 1em; }

h5 { 
	font-size: 1.3em; font-weight: bold;
	margin: 0 0 1em; }

h6 { 
	font-size: 1.2em; font-weight: bold;
	margin: 0 0 1em; }


/*----- NAVIGATION -----*/

ul.level1 { 
	list-style: none; list-style-position: outside;
	margin: 0; }
	
	ul.level1 li { margin: 0; }
	
	ul.level1 li a, ul.level1 li a:visited { }
	
	ul.level1 li a:hover { }
	
	ul.level1 li a.MenuOn { }
	

/*----- FORM ELEMENTS -----*/

form { }

form label {
	 cursor: pointer;
	 font-size: 1.2em;
	 display: block; 
	 float: left;
	 width: 150px; }
 	
form span { font-size: 1.2em; }
 		
form fieldset {
	border: none; clear: left; }
		
input, select, textarea {
 	font: 1.2em Arial, Helvetica, sans-serif;
 	width: 150px; }
 
 	input.checkbox, input.radio { width: auto; margin-top: 5px; }

button { margin: 0 0 0 10px; }


#text-box p { 
	font-size:12px;
	text-align:justify;
	line-height:180%;
	margin:10px 0 10px 0; }

	
#text-box h1.text-heading { margin:0px 0 0 0; }

.thanks-box-left, .thanks-box-right {
	float:left; 
	background: url(../img/thanks-box.png) repeat-y 0 0; 
	width:351px; 
	padding:20px 0 20px 24px;}
	
.thanks-box-right { float:right; }

.thanks-box-left a, .thanks-box-right a {
	color:#fff;
	font-size:12px;
	display:block;
	height:10px;
	margin:0 0 0px 0;
	text-decoration:none; }
	
.thanks-box-left a:hover, .thanks-box-right a:hover {
	color:#fff;
	font-size:12px;
	text-decoration:underline; }
	
table.exhibitions { font-size:14px; width:100%; }

table.exhibitions a, table.exhibitions a:visited { color:#cc6600; text-decoration:none; }
table.exhibitions a:hover { color:#cc6600; text-decoration:underline; }

.contact-table input.join { width:62px; height:22px; border:none; cursor:pointer; background:url('../img/join-button.gif') no-repeat 0 0;}


.contact-table { width:291px; }
.contact-table label { width:60px; margin:0; padding:0; }
.contact-table input { width:196px; color:#999; padding-left:4px; }

a.contact-link { text-decoration:none; height:20px; display:block; padding:10px 0 0 0; color:#cc6600; font-size:14px; }
a.contact-link:hover { text-decoration:underline; height:20px; display:block; padding:10px 0 0 0; color:#cc6600; font-size:14px; }

 * { behavior: url(http://www.justinfiske.com/pngfix/iepngfix.htc) }
 
 .close-strip {
 	width:545px; 
	padding:0 65px 0 0;
}

*a{position:relative;}

#more-info-box { 
	width:165px; 
	height:100%; 
	background:#1a1a1a; 
	float:left; 
	margin-left:25px; 
	padding:20px;
	padding-bottom:15px; 
}

#more-info-box a, #more-info-box a:visited { 
	color:#fff;
	font-size:12px;
	display:block;
	height:20px;
	margin:0 0 0px 0;
	text-decoration:none;
}

#more-info-box a:hover {
	text-decoration:underline;
} 

#exhib-text-box {
	width:540px; 
	float:left; 
	margin:0 auto;
	padding:0;
	padding-top:3px;
	font-size:11px;
}

#exhib-text-box p { 
	font-size:12px;
	text-align:justify;
	line-height:180%;
	margin:10px 0 10px 0; }
	
	
	
/*-----------START NEW CODE FOR HOME PAGE POPUP--------------*/	

	
#exhib-text-box h1.text-heading { margin:0; }

div.homepage-popup {
	width:100%; 
	height:92px; 
	position:absolute;
	bottom:50px; 
	z-index:1000; }
	
div.homepage-popup div.popup-inner {
	width:814px; 
	height:80px; 
	margin:0 auto; 
	text-align:left;
	background: url(../img/home-page-popup.png) no-repeat top left; 
	padding:12px 0 0 10px; }
	
	div.homepage-popup div.popup-inner p { color:#fff; }
	
	div.homepage-popup div.popup-inner p span { color:#c15f04; }
	
	div.homepage-popup div.popup-inner form input {
		float:left; 
		margin-right:10px; 
		width:206px; 
		color:#666; }
		
	div.homepage-popup div.popup-inner input.join { 
		float:left; 
		background:url('../img/home-join.gif') no-repeat 0 0; 
		display:block; 
		width:62px; height:20px;
		border:none; }
	
	div.homepage-popup div.popup-inner a.close {float:right; margin-right:310px;}
	
/*-----------END NEW CODE FOR HOME PAGE POPUP--------------*/