* { margin: 0; padding: 0; }

body { text-align: center; margin-right: auto; margin-left: auto; width:850px; height: 600px; font-family: Arial, Arial, Helvetica, sans-serif; }

#main { width: 850px; height: 600px; margin-left: 0px; margin-top: 10px; }


/* ==========================================================================*
 *		     left navigation
 * ==========================================================================*/

#left_nav { width: 170px; height: 600px; float: left; }

.static a img { float: right; border: 0px; }


/* ---------------*
 *	 main
 * ---------------*/	
 
#work a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/work.gif);
	text-decoration: none;
	}
 #work a:hover {	
	background-position: 0 -23px ;}
	
#work_current a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/work.gif);
	text-decoration: none;
	background-position: 0 -23px;
	}
	
#worked_on a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/worked_on.gif);
	text-decoration: none;
	}
 #worked_on a:hover {	
	background-position: 0 -23px;}
	
#worked_on_current a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/worked_on.gif);
	text-decoration: none;
	background-position: 0 -23px;
	}
	
#about a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/about.gif);
	text-decoration: none;
	}
 #about a:hover {	
	background-position: 0 -23px;}
	
#about_current a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/about.gif);
	text-decoration: none;
	background-position: 0 -23px;
	}
	
	
/* ---------------*
 *	 work
 * ---------------*/		

#halftone a {
	width: 170px;
	height: 22px; 
	float: left; 
	display: block;
	background-image: url(images/halftone.gif);
	text-decoration: none;
	}
 #halftone a:hover {	
	background-position: 0 -22px;}
	
#halftone_current a {
	width: 170px;
	height: 22px; 
	float: left; 
	display: block;
	background-image: url(images/halftone.gif);
	text-decoration: none;
	background-position: 0 -22px;
	}	
	
#still a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/still.gif);
	text-decoration: none;
	}
 #still a:hover {	
	background-position: 0 -24px;}
	
#still_current a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/still.gif);
	text-decoration: none;
	background-position: 0 -24px;
	}
	
#loop a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/loop.gif);
	text-decoration: none;
	}
 #loop a:hover {	
	background-position: 0 -24px;}
	
#loop_current a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/loop.gif);
	text-decoration: none;
	background-position: 0 -24px;
	}	
	
#stress_press a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/stress_press.gif);
	text-decoration: none;
	}
 #stress_press a:hover {	
	background-position: 0 -23px;}
	
#stress_press_current a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/stress_press.gif);
	text-decoration: none;
	background-position: 0 -23px;
	}
		
#vintage_blend a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/vintage_blend.gif);
	text-decoration: none;
	}
 #vintage_blend a:hover {	
	background-position: 0 -24px;}
	
#vintage_blend_current a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/vintage_blend.gif);
	text-decoration: none;
	background-position: 0 -24px;
	}

#hand_bag a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/hand_bag.gif);
	text-decoration: none;
	}
 #hand_bag a:hover {	
	background-position: 0 -24px;}
	
#hand_bag_current a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/hand_bag.gif);
	text-decoration: none;
	background-position: 0 -24px;
	}

#pop a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/pop.gif);
	text-decoration: none;
	}
 #pop a:hover {	
	background-position: 0 -23px;}
	
#pop_current a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/pop.gif);
	text-decoration: none;
	background-position: 0 -23px;
	}
	
	
/* ---------------*
 *	 worked on
 * ---------------*/	
 
 #chess a {
	width: 170px;
	height: 22px; 
	float: left; 
	display: block;
	background-image: url(images/chess.gif);
	text-decoration: none;
	}
 #chess a:hover {	
	background-position: 0 -22px;}
	
#chess_current a {
	width: 170px;
	height: 22px; 
	float: left; 
	display: block;
	background-image: url(images/chess.gif);
	text-decoration: none;
	background-position: 0 -22px;
	}
	
#life a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/life.gif);
	text-decoration: none;
	}
 #life a:hover {	
	background-position: 0 -24px;}
	
#life_current a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/life.gif);
	text-decoration: none;
	background-position: 0 -24px;
	}
	
#jar a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/jar.gif);
	text-decoration: none;
	}
 #jar a:hover {	
	background-position: 0 -23px;}
	
#jar_current a {
	width: 170px;
	height: 23px; 
	float: left; 
	display: block;
	background-image: url(images/jar.gif);
	text-decoration: none;
	background-position: 0 -23px;
	}
	
/* ---------------*
 *	 about
 * ---------------*/
 
#resume a {
	width: 170px;
	height: 21px; 
	float: left; 
	display: block;
	background-image: url(images/resume.gif);
	text-decoration: none;
	}
 #resume a:hover {	
	background-position: 0 -21px;}
	
#resume_current a {
	width: 170px;
	height: 21px; 
	float: left; 
	display: block;
	background-image: url(images/resume.gif);
	text-decoration: none;
	background-position: 0 -21px;
	} 
	
#murphy a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/murphy.gif);
	text-decoration: none;
	}
 #murphy a:hover {	
	background-position: 0 -24px;}
	
#murphy_current a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/murphy.gif);
	text-decoration: none;
	background-position: 0 -24px;
	} 
	
#friends a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/friends.gif);
	text-decoration: none;
	}
 #friends a:hover {	
	background-position: 0 -24px;}
	
#friends_current a {
	width: 170px;
	height: 24px; 
	float: left; 
	display: block;
	background-image: url(images/friends.gif);
	text-decoration: none;
	background-position: 0 -24px;
	} 
	
#finds a {
	width: 170px;
	height: 22px; 
	float: left; 
	display: block;
	background-image: url(images/finds.gif);
	text-decoration: none;
	}
 #finds a:hover {	
	background-position: 0 -22px;}
	
#finds_current a {
	width: 170px;
	height: 22px; 
	float: left; 
	display: block;
	background-image: url(images/finds.gif);
	text-decoration: none;
	background-position: 0 -22px;
	} 


/* ==========================================================================*
 *		     gallery
 * ==========================================================================*/

#gallery { width: 600px; height: 600px; margin-left: 80px; float: left; }

.image { float: left; border: solid 1px #000000; }


/* ------------*
 *	 movie
 * ------------*/	

#movie { float: left; }

#moviebox_stress { width: 500px; height: 450px; float: left; margin-top: 10px; border-bottom: solid 1px #000000; }

#moviebox_still { width: 500px; height: 400px; float: left; margin-top: 10px; border-bottom: solid 1px #000000; }

/* ------------*
 *	 resume
 * ------------*/	

.resume_box { width: 600px; float: left; margin-bottom: 10px; text-align: left; }

.resume_text { border-top: solid 1px; padding-top:10px; margin-bottom: 20px; padding-top: 3px; text-align: left; font-size: 8.5pt; letter-spacing: .5pt; }

.resume_title { font-size: 10pt; float: right; font-weight: bold; }

/* ------------*
 *  murphy made
 * ------------*/	

.murphy_box { width: 600px; height: 466px; float: left; margin-bottom: 10px; border-bottom: solid 1px #000000; }

.murphy_image { float: left; }


/* ------------*
 *  links
 * ------------*/	

#links_box { width: 600px; float: left; margin-bottom: 10px; text-align: left; border-top: solid 1px; font-size: 8.5pt; letter-spacing: .5pt; }

#links_box a {text-align: left; text-decoration:none; color:#000000; display: block; width: 100%; border-top: solid 1px #FFFFFF; }
#links_box a:hover {text-align: left; text-decoration:none; color:#000000; border-top: solid 1px #000000;}

.links { width:600px; text-align: left;  }
li  {list-style: none; padding-top:8px; width: 100%; }

.links_title { font-size: 10pt; float: right; font-weight: bold; }


/* ==========================================================================*
 *		     bottom
 * ==========================================================================*/

#bottom { width: 500px; float: left; margin-top: 16px; }

#bottom_wide { width: 600px; float: left; margin-top: 16px; }


/* ======================*
 *	 numbers
 * ======================*/	

#number_box { width: 200px; float: left; font-size: 10pt; text-align: left; }


/* -----------*
 *	 work
 * -----------*/	

.number_vintageblend a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #000000; }
.number_vintageblend a:hover { color: #1ec8f4; }

#number_vintageblend_current a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #1ec8f4; }

.number_loop a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #000000; }
.number_loop a:hover { color: #00f300; }

#number_loop_current a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #00f300; }

.number_stress a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #000000; }
.number_stress a:hover { color: #FF00FF; }

#number_stress_current a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #FF00FF; }

.number_handbag a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #000000; }
.number_handbag a:hover { color: #ffaa09; }

#number_handbag_current a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #ffaa09; }

.number_halftone a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #000000; }
.number_halftone a:hover { color: #ed1c24; }

#number_halftone_current a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #ed1c24; }

.number_still a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #000000; }
.number_still a:hover { color: #6069aa; }

#number_still_current a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #6069aa; }

.number_pop a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #000000; }
.number_pop a:hover { color: #fe2b88; }

#number_pop_current a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #fe2b88; }

/* -----------*
 *	 worked on
 * -----------*/
 
.number_life a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #000000; }
.number_life a:hover { color: #63cb71; }

#number_life_current a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #63cb71; }

/* -----------*
 *	 about
 * -----------*/
 
.number_murphy a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #000000; }
.number_life a:hover { color: #647993; }

#number_murphy_current a { width: 14px; float: left; display: block; text-decoration: none;  text-align: center; font-size: 12pt; font-weight: bold; color: #647993; }



/* ======================*
 *	 extra links
 * ======================*/	
 
#life_fullsite a { width: 138px; float: left; display: block; text-decoration: none;  text-align: left; margin-top: 10px; font-size: 8pt; letter-spacing: .15pt; font-style: italic; color: #63cb71; }
#life_fullsite a:hover { color: #000000; }

#boym  { text-decoration: none; font-size: 10pt; color: #d40001; }
#boym:hover { color: #000000; }

#jar  { text-decoration: none; font-size: 10pt; color: #dbb964; }
#jar:hover { color: #000000; }

#jar_small  { text-decoration: none; font-size: 8.5pt; color: #dbb964; }
#jar_small:hover { color: #000000; }

#murphy  { text-decoration: none; font-size: 10pt; color: #647993; }
#murphy:hover { color: #000000; }

#references  { text-decoration: none; font-size: 8.5pt; color: #ff7275; }
#references:hover { color: #000000; }

#pdf_resume  { text-decoration: none; font-size: 10pt; color: #ff7275; float: left; }
#pdf_resume:hover { color: #000000; }



/* ----------*
 *	 text
 * ----------*/	

#text { width: 300px; float: right; font-size: 10pt; text-align: left; }

#text_wide { width: 400px; float: right; font-size: 10pt; text-align: left; }

#citation { width: 300px; float: right; font-size: 8.5pt; text-align: left; margin-top: 10px; }