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: "" "";
}


@charset "utf-8";
/* Description: Styles for james penfield's site */

/*STRUCTURAL
-----------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}


html {
line-height:18px;
font-size:12px;
}

h1{float:left;
text-indent:-9999px;
width:0px;}

#header img {/*logo placement*/
float:left;
padding-left:28px;
}

body {
background-color:#000000;
text-align:center; /*centering fix IE6*/
background-image:url(../img/grad_bg.jpg);
background-repeat:repeat-x;
}

#wrapper{

padding-top:36px;
}

#container {
overflow:auto;
width: 850px;
margin: 0 auto;
background-image:url(../img/jpd_photobg.jpg);
background-repeat:no-repeat;
text-align:left; /*centering fix IE6*/
border:1px solid #111;
}

#header {
	float:left;
	width: 850px;
	margin: 35px 0px 18px 0px;
	display:inline;
}






.landing p {
background-image:url(../img/bio_bg.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-family:Helvetica,Arial sans-serif;
font-size:15px;
line-height:18px;
padding:10px 12px 200px;
}


#menu {
	float:left;
	width: 137px;
    display:inline;
}

#menu_shell {

float:left;
width:306px;
display:inline;
}

#menu ul {
	float:left;
	width:137px;
	padding:36px 0 0 27px;
	position:relative;
	display:inline;
}

#menu ul li {
	position:relative;
	z-index:100;
	display:inline;
}







#gallery {
	float:left;
	width: 412px;
	margin: 0px;
	padding-bottom: 78px;
	display:inline;
}

#gallery_shell {
	float:left;
	width: 412px;
	margin: 0px;
	height:354px;
	display:inline;
}

.galunit {
	float:left;
	width: 95px;
	margin: 0px 4px 17px 4px;	
}

.galunit a {display:block; padding: 1px 1px 1px 1px; width:97px; color:#CCC;}

.galunit a.hover_style {background-color:#333;}

a.gallink img {
position:relative;
	z-index:100;
}

.last {
	margin-right: 0px;
}

div.ahover {
    position: absolute;
    z-index: 99;
    background: #1a1c1e;
}

.menubg {
	color: #DDD;
	background-color: #1a1c1e;
}

#contact {
float:left;
padding:5px 0 0 397px;
width:149px;
position:relative;
}

#contact_form {
float:left;
position:absolute;
right:76px;
top:40px;
width:149px;
display:none;
z-index:999;
}

#contact_form form {
	float:left;
	width:149px;
    padding-right:10px;	
}

#submit {
padding-left:147px;	
}

img.form_trigger:hover {
cursor:pointer;	
}

/*END STRUCTURAL*/


/*COLORS AND TYPOGRAPHY
-----------------------*/


ul li a {
	font-family: Helvetica, Arial sans-serif;
	font-size:12px;
	color:#FFF;
	letter-spacing:.25px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:3px;
}

ul li a.contact {
	font-size:24px;
}



/*END COLORS AND TYPOGRAPHY*/

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { display:none; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { display:none; } /* Top right corner */
	
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_content a.pp_next:hover { background: url(../img/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_content a.pp_previous:hover { background: url(../img/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_content a.pp_expand { background: url(../img/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_content a.pp_expand:hover { background: url(../img/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_content a.pp_contract { background: url(../img/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_content a.pp_contract:hover { background: url(../img/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(../img/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(../img/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(../img/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
		float:left;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 0px; right: 0px;
				height: 20px;
			
			
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; font-family:Arial, Helvetica, sans-serif; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
		
		div.pp_pic_holder .pp_content div.pp_hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 0px; right: 0px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
		div.pp_pic_holder #pp_full_res object,
		div.pp_pic_holder #pp_full_res embed { visibility: hidden; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff;
			font-size: 17px;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */