@charset "UTF-8";
/* -----------------------------------*/
/* ------------- RESET <<<------------*/
/* -----------------------------------*/
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a {text-decoration: none;}
html, body { height: 100%}


.clear {clear:both; line-height:0; height:0;}

/* -----------------------------------*/
/* ------------- LAYOUT <<<-----------*/
/* -----------------------------------*/
body { 
	background:#c9cec6 url(../images/greentile.jpg) repeat; }
 
 #page-wrap {background:url(../images/topbar.gif) repeat-x top;}
 	#head-wrap { 
		background:url(../images/texture-topleft.png) no-repeat fixed left top;
		min-width: 650px;
		width:expression(document.body.clientWidth < 650? "650px": "auto" );
	}
		#head-light{
			background:url(../images/texture-highlight.png) no-repeat 80% 0%  !important; 
			background: transparent;
		}
		
			#name span.julie{
				background:url(../images/julieschneider.png) no-repeat center;
				text-indent: -9999px;
				width: 577px;
				display: block;
				height: 36px;
				float: right;
				margin: 50px 40px 10px 0;
			}
			#prime-nav {
				border-top: 1px solid #dce3d8;
				border-bottom: 1px solid #dce3d8;
				height: 37px;
			}
			#prime-nav ul {
				float: right;
				margin-right: 40px;
				width: 540px;
			}
			#prime-nav li {
				display: inline;
				float: left;
				border: 1px solid #dce3d8;
				margin: -1px 0 0 -1px;
			}
					#prime-nav ul li.sel {
					border: 3px double #dce3d8; 
					margin-top:-3px;
					}
		#contact-wrap {
			display:none;
			float: right;
			margin: 0 42px 0 0;
			border-right: 1px solid #dce3d8;

		}
			#contact {
				margin: 3px 0 0 0;
				border-top: 1px solid #dce3d8;
				border-bottom: 1px solid #dce3d8;
				padding: 7px;
			}
			#contact ul {
				float: left;
				margin-left: 10px;
				
				
			}
				#contact ul li {
					padding: 2px;
				}

	#body-wrap { 
		margin: 65px 0 0 14px;
		background: url(../images/greentile-dark.jpg) repeat left top;
		min-width: 1000px;
		width:expression(document.body.clientWidth < 1000? "1000px": "auto" );

	}
		#second-nav-col {
			border-left: 1px solid #dce3d8;
			border-right: 1px solid #dce3d8;
			width: 308px;
			float: left;
			background: url(../images/greentile.jpg) repeat left top;

		}
			#second-nav {
				padding: 0 20px 10px 20px;
				}
			#series {
			border-top: 4px double #dce3d8; 
			border-bottom: 4px double #dce3d8; 
			padding: 10px 0 10px 20px;
			}
			#thumbnails {
				padding: 8px 5px;
				margin:20px 20px 0 20px;
				background: url(../images/greentile-sel.jpg) repeat;

			}
			#copyright {
				float:left;
				margin-top: 40px;
				padding: 10px 20px;
				border-top: 4px double #dce3d8; 
				border-bottom: 4px double #dce3d8; 
			}
		#main {
			border-left: 1px solid #dce3d8;
			padding: 0 0 10px 10px;
			margin-left: -1px;
			float: left;
			width: 63%;
			display: inline;
			
		}
#image-wrap {}
			#content {
			}
			div.download {
				float: right;
				padding: 10px 0 10px 10px;
			}
			div.thumb {
				float:left;
			}
			.image img{
				background:#FFF;
				padding: 4px;
				border: 1px solid #ababa3;
			}
			div.galthumb img {
				float: left;
				background-color: #FFF;
				padding: 4px;
				border: 1px solid #ababa3;
				}
			.alpha-shadow {
				float: left;
				background: url(../images/dropshadow2.jpg) no-repeat right bottom;
				margin: 6px 0 0 5px !important;
				margin: 6px 0 0 5px;
			}
				.alpha-shadow div {
					background: url(../images/dropshadow.png) no-repeat left top;
					padding: 0 6px 6px 0;
				}
			#work-info {
				padding: 11px 5px 10px 30px;
				
			}
			.bio-alpha-shadow {
				float: left;
				background: url(../images/dropshadow2.jpg) no-repeat right bottom;
				margin: 6px 10px 0 5px !important;
				margin: 6px 10px 0 5px;
			}


/* -----------------------------------*/
/* ----------- NAVIGATION <<<---------*/
/* -----------------------------------*/
#prime-nav ul li a {
	display: block;
	text-indent: -9999px;
	height: 37px;
}
	#prime-nav ul li a.selectedwork {background:url(../images/nav-selectedwork.jpg) no-repeat left; width:259px;}
	#prime-nav ul li a.about {background:url(../images/nav-about.jpg) no-repeat left; width: 117px}
	#prime-nav li a.contact{background:url(../images/nav-contact.jpg) no-repeat left; width: 155px;}
		#prime-nav ul li a:visited {}
		#prime-nav ul li a.about:hover  {background:url(../images/nav-about-o.jpg); width: 117px; display:block;}
		#prime-nav li a.contact:hover, #prime-nav ul li a.reveal {background:url(../images/nav-contact-o.jpg) no-repeat left;}
		#prime-nav li a.selectedwork:hover {background:url(../images/nav-selectedwork-o.jpg) no-repeat left;}
			#prime-nav li.sel a.about {background:url(../images/nav-about-sel.jpg) no-repeat left; width: 117px}
			#prime-nav li.sel a.contact {background:url(../images/nav-contact-sel.jpg) no-repeat left;}
			#prime-nav li.sel a.selectedwork {background:url(../images/nav-selectedwork-sel.jpg) no-repeat left;}
				#prime-nav li.sel a:visited {}
				#prime-nav li.sel a.selectedwork:hover {background:url(../images/nav-selectedwork-sel-o.jpg) no-repeat left;}
				#prime-nav li.sel a.about:hover {background:url(../images/nav-about-sel-o.jpg) no-repeat left; width: 117px}




	
a.back {
	color: #fefcd5;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-indent: 16px;
	display: block;
	background:url(../images/arrow-hollow.gif) no-repeat center left;
	margin: 0 0 10px 2px;
	float: left;
}
div.download a {
	color: #fefcd5;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	display: block;
	text-indent: 20px;
	padding: 5px 0;
	background: url(../images/icon-pdf.gif) no-repeat center left;
}
div.download a:hover {color:#646762; }
	a.back:hover {color:#fff; background:url(../images/arrow-hollow-o.gif) no-repeat center left;}

a.imgnav, span.imgnav {
	color:#fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	float:left;
}
a.prev {
	background:url(../images/arrow-left.gif) no-repeat center left;
	padding-left: 17px;
}
	a.prev:hover {color: #646762; background:url(../images/arrow-left-o.gif) no-repeat center left;}

a.next{
	background:url(../images/arrow-right.gif) no-repeat center right;
	padding-right: 17px;
}
	a.next:hover {color: #646762; background:url(../images/arrow-right-o.gif) no-repeat center right;}
#contact a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color:#646762;
}
	#contact a:hover {color:#fff;}	
#thumbnails a {
}
#thumbnails a img {	
	border: 2px solid #666;
	margin: 4px;

}
#thumbnails a:hover img, #thumbnails a.sel img { border: 2px solid #fff;}

ul.secondnav li {
	padding: 10px 0 10px 20px;
	border-top: 1px solid #dce3d8; 
	border-bottom: 1px solid #dce3d8;
	margin-top: -1px;
}
	ul.secondnav li.sel {
		border-top: 4px double #dce3d8; 
		border-bottom: 4px double #dce3d8; 
		margin-top:-3px;
		background:url(../images/greentile-sel.jpg) repeat;
	}
ul.secondnav li a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	text-transform:uppercase;
	line-height: 25px;
	color:#646762;
	font-weight:normal;
	display: block;
}
	ul.secondnav li a:visited{}
	ul.secondnav li a:hover {color:#fff;}
	ul.secondnav li a.sel {
		padding-left: 20px;
		background:url(../images/arrow-rightsel.gif) no-repeat center left;
	}

/* -----------------------------------*/
/* ----------- typography <<<---------*/
/* -----------------------------------*/
h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	text-transform:uppercase;
	color:#646762;
	font-weight:normal;
	background:#c9cec6 url(../images/greentile.jpg) repeat; 

}
	span.seriesdate {
		color:#646762;
		line-height:25px;
		font:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size: 13px;

	}
	span.thumbtitle {
		color:#646762;
		line-height:20px;
		font-family:Helvetica, Arial, Geneva, sans-serif;
		font-size: 13px;
		font-weight:bold;
		padding: 3px 6px 3px 12px;
	}
#contact h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	text-transform:uppercase;
	color:#646762;
	font-weight:normal;
	float: left;
	padding: 10px 0 10px 0;
}
#work-info h2 {
	color:#fff;
	font-size:14px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	margin-bottom: 3px;
}
#second-nav h2 {
	color:#fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:.1em;
	color:#fff;
	font-size: 12px;
	line-height: 12px;
	padding: 15px 0 0 0;
	margin: 0
}
	#work-info p{
		color:#6a6d68;
		font-size:11px;
		font-family: Verdana, sans-serif;
		line-height: 15px;
		
	}
#content p {
	color:#2f2d2c;
	font-size: 10px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 0 10px;
}
	span.text-highlight {
		font-weight: bold;
		color:#fff;
		text-transform: uppercase;
		letter-spacing: .1em;
	}
#copyright p {
	color:#6a6d68;
	font-size: 10px;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.resume-date {
	color:#fff;
	font-weight:bold;
	padding-right: 6px;
}