body {
	font-family: courier;
	color: #888;
	font-size: 12px;
	line-height: 16px;
	margin: 121px 60px 60px 60px;
	padding: 0;
	background: #fff none;
	}
	
#container {
	margin: 0;
	padding: 0;
	background: #fff none;
	}
	
#content {
	margin: 0;
	padding: 0;
	background: white;
	}
			
/* ================================= top ================================= */

#lara {
	padding: 0 0 0 0;
	margin: 0 0 60px 0;
	background-color: white;
	position: fixed;
	left: 0;
	top: 0;
	height: 115px;
	width: 100%;
	/* background-color: white;   */  
	background: white url(/image/topswipe.gif) 0 0 no-repeat;
	}	

#lara h1 {
	font-size: 12px;
	font-weight: normal;
	width: 200px;
	position: fixed;
	left: 60px;
	top: 60px;
	margin: 0;
	padding: 0;
	/* background-color: white; */
	}

h1, h2 {
	font-size: 12px;
	font-weight: normal;
	}

hr {
	display: block;
	height: 1px;
	border: 0;
	color: #FFF; 
	clear: left; 
	margin: 0 0;
 	}
	
/* ================================= nav ================================= */

#nav {
	position: fixed;
	right: 60px;
	top: 60px;
	font-weight: normal;
	text-align: right;
	width: 400px;
	padding: 0 0 0 0;
	margin: 0;
	}

a {
	color: black;
	text-decoration: none;
	}

a:hover {
	color: #f26d7d;
	/* color: #ffb678; */
	}

#nav ul {
	padding: 0;
	margin: 0;
	/* background-color: white; */
	}

#nav ul li {
	display: inline;
	list-style-type: none;
	padding: 0 0 0 9px;
	margin: 0 0 0 0;
	}
	
#work #nav ul li.work a, #colab #nav ul li.colab a, #contactpage #nav ul li.contact a {
	color: #888;
	/*text-decoration: underline; */
	}

#celebrity ul li.work a, #advertising #nav ul li.work a, #editorial #nav ul li.work a {
	/* color: #ffb678; */
	color: #888;
	}
	

/* ================================= home ================================= 

body#home {
	background: #fff url(/image/front-image.jpg) center 128px no-repeat;
	}
*/

/* ================================= project =================================  */


#book img {
	margin: 0 12px 0 0 ;
	padding: 0;
	/* border: solid #CCC 1px; */
	}	

#projects {
	width: 1398px;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	
#projects p {
	width: 640px;
	margin-top: 0;
	}

/* //////////// thumbnail //////////// 	*/

#projects h2 {
	margin: 0 0 4px 0;
	padding: 0 0;
}

#projects ul li a {
	width: 78px;
	height: 98px;;
	display: block;
	font-size: 3px;
	text-indent:-3000px;
	text-decoration: none;
	background: url(/work//image/blank.jpg) 0 0 no-repeat;  
}

#projects ul img {
	border: none;
	display: block;
}

#projects ul {
	margin: 0 0;
	padding: 0 0;
	}
	
#projects ul li {
	float: left;
	list-style-type: none;
	margin: 0 12px 12px 0;
	/* border-bottom: solid #F26D7D 5px; */
	}

#projects ul li.edw, #projects ul.key li.edw {
	border-color: #ffb678;
	}

#projects ul li.edm, #projects ul.key li.edm {
	border-color: #F26D7D;
	}

#projects ul li.celw, #projects ul.key li.celw {
	border-color: #777CA6;
	}

#projects ul li.celm, #projects ul.key li.celm {
	border-color: #66CCCC;
	}

#projects ul li.ad, #projects ul.key li.ad {
	border-color: #336600;
	}

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

ul li.b {
	clear: left;
	}

/* //////////// key //////////// 	*/

#projects ul.key {
	margin: 45px 0 0 0;
	padding: 0 0;
	display: block;
	}

#projects ul.key li {
	/* width: 168px; 
	width: 123px;*/
	float: left;
	display: block;
	height: 6px;
	line-height: 6px;
	list-style-type: none;
	margin: 0 14px 12px 0;
	padding: 0 0 0 10px;
	border-left: solid #F26D7D 6px;
	border-bottom: none;
	}

#projects ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
	
/* ========== remote ========== */

	
#thumbs {
	margin: 0;
	padding: 45px 0 60px 0;
	position: fixed;
	left: 60px;
	height: 20px;
	}

#thumbs:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
	
#thumbs a.prev {
	height: 8px;
	line-height: 8px;
	display: block;
	float: left;
	margin: 0;
	padding: 0 12px 0 0;
	border-right: solid #000 1px;
	}

#thumbs a.nex {
	height: 8px;
	line-height: 8px;
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 12px;
	border-left: solid #000 1px;
	}

#thumbs a.phome {
	display: block;
	float: left;
	margin: 0 0;
	padding: 0 12px 0 12px;
	width: 11px;
	height: 8px;
	font-size: 3px;
	text-indent:-3000px;
	text-decoration: none;
	background: url(/work/image/phome.gif) 12px 0 no-repeat;
	}

#thumbs a:hover.phome {
	background: url(/work/image/phome.gif) 12px -8px no-repeat;
	}

	
/* ================================= info ================================= */

#info {
	text-align: left;
	margin: 0;
	padding: 0;
	color: #000;
	}
	
#info a {
	color: #000;
	text-decoration: underline;	}

#info a:hover {
	color: #f26d7d;
	text-decoration: underline;
	}
	
#info .c {
	margin: 0 3px -3px 0;
	padding: 0 0 0 0;
	}
	
#bio {
	margin: 0 0 6px 0;
	padding: 0;
	width: 180px;
	height: 17px;
	font-size: 3px;
	text-indent:-3000px;
	text-decoration: none;
	background: url(/info/image/title-bio.gif) 0 0 no-repeat;
	}
	
#info h3 {
	color: #000;
	font-size: 12px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0;
	}

#info ul {
	margin: 0 0 10px 0;
	padding: 0 0;
	}
	
#info ul li {
	display: inline;
	list-style-type: none;
	margin: 0 0;
	}
	
/* ========== fast link ========== */

p.credit {
	margin: 60px 0 0 0; 
	padding: 0; 
	}

p.credit img {
	border: none; 
	margin: 0 0 -1px 3px; 
	padding: 0; 
	}

/* //////////// editorial thumbnails //////////// 	*/

#projects ul li a#androgony {
	background: url(/work/editorial/image/androgony.jpg) 0 0 no-repeat;  
}

#projects ul li a#androgony:hover {
	background: url(/work/editorial/image/androgony-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#blast1 {
	background: url(/work/editorial/image/blast_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#blast1:hover {
	background: url(/work/editorial/image/blast_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#lula {
	background: url(/work/editorial/image/lula.jpg) 0 0 no-repeat;  
}

#projects ul li a#lula:hover {
	background: url(/work/editorial/image/lula-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#nylon {
	background: url(/work/editorial/image/nylon.jpg) 0 0 no-repeat;  
}

#projects ul li a#nylon:hover {
	background: url(/work/editorial/image/nylon-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#soma {
	background: url(/work/editorial/image/soma.jpg) 0 0 no-repeat;  
}

#projects ul li a#soma:hover {
	background: url(/work/editorial/image/soma-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#danee {
	background: url(/work/editorial/image/danee.jpg) 0 0 no-repeat;  
}

#projects ul li a#danee:hover {
	background: url(/work/editorial/image/danee-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#alex_salinas {
	background: url(/work/editorial/image/alex_salinas.jpg) 0 0 no-repeat;  
}

#projects ul li a#alex_salinas:hover {
	background: url(/work/editorial/image/alex_salinas-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#blossom_berkofsky {
	background: url(/work/editorial/image/blossom_berkofsky.jpg) 0 0 no-repeat;  
}

#projects ul li a#blossom_berkofsky:hover {
	background: url(/work/editorial/image/blossom_berkofsky-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#kwoon {
	background: url(/work/editorial/image/kwoon.jpg) 0 0 no-repeat;  
}

#projects ul li a#kwoon:hover {
	background: url(/work/editorial/image/kwoon-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#twill {
	background: url(/work/editorial/image/twill.jpg) 0 0 no-repeat;  
}

#projects ul li a#twill:hover {
	background: url(/work/editorial/image/twill-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#malibu {
	background: url(/work/editorial/image/malibu.jpg) 0 0 no-repeat;  
}

#projects ul li a#malibu:hover {
	background: url(/work/editorial/image/malibu-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#jeffrey_jones {
	background: url(/work/editorial/image/jeffrey_jones.jpg) 0 0 no-repeat;  
}

#projects ul li a#jeffrey_jones:hover {
	background: url(/work/editorial/image/jeffrey_jones-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_2 {
	background: url(/work/editorial/image/anthem_2.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_2:hover {
	background: url(/work/editorial/image/anthem_2-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#rockabilly_girls {
	background: url(/work/editorial/image/rockabilly_girls.jpg) 0 0 no-repeat;  
}

#projects ul li a#rockabilly_girls:hover {
	background: url(/work/editorial/image/rockabilly_girls-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#seventeen {
	background: url(/work/editorial/image/seventeen.jpg) 0 0 no-repeat;  
}

#projects ul li a#seventeen:hover {
	background: url(/work/editorial/image/seventeen-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#prints {
	background: url(/work/editorial/image/prints.jpg) 0 0 no-repeat;  
}

#projects ul li a#prints:hover {
	background: url(/work/editorial/image/prints-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#seventeen_beauty {
	background: url(/work/editorial/image/seventeen_beauty.jpg) 0 0 no-repeat;  
}

#projects ul li a#seventeen_beauty:hover {
	background: url(/work/editorial/image/seventeen_beauty-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#blast {
	background: url(/work/editorial/image/blast.jpg) 0 0 no-repeat;  
}

#projects ul li a#blast:hover {
	background: url(/work/editorial/image/blast-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#intersection {
	background: url(/work/editorial/image/intersection.jpg) 0 0 no-repeat;  
}

#projects ul li a#intersection:hover {
	background: url(/work/editorial/image/intersection-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1 {
	background: url(/work/editorial/image/anthem_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1:hover {
	background: url(/work/editorial/image/anthem_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#blackbook {
	background: url(/work/editorial/image/blackbook.jpg) 0 0 no-repeat;  
}

#projects ul li a#blackbook:hover {
	background: url(/work/editorial/image/blackbook-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#east_west {
	background: url(/work/editorial/image/east_west.jpg) 0 0 no-repeat;  
}

#projects ul li a#east_west:hover {
	background: url(/work/editorial/image/east_west-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#surface {
	background: url(/work/editorial/image/surface.jpg) 0 0 no-repeat;  
}

#projects ul li a#surface:hover {
	background: url(/work/editorial/image/surface-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1 {
	background: url(/work/editorial/image/anthem_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1:hover {
	background: url(/work/editorial/image/anthem_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1 {
	background: url(/work/editorial/image/anthem_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1:hover {
	background: url(/work/editorial/image/anthem_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1 {
	background: url(/work/editorial/image/anthem_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1:hover {
	background: url(/work/editorial/image/anthem_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1 {
	background: url(/work/editorial/image/anthem_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1:hover {
	background: url(/work/editorial/image/anthem_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1 {
	background: url(/work/editorial/image/anthem_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1:hover {
	background: url(/work/editorial/image/anthem_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1 {
	background: url(/work/editorial/image/anthem_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1:hover {
	background: url(/work/editorial/image/anthem_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1 {
	background: url(/work/editorial/image/anthem_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#anthem_1:hover {
	background: url(/work/editorial/image/anthem_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#vogue_boys {
	background: url(/work/editorial/image/vogue_boys.jpg) 0 0 no-repeat;  
}

#projects ul li a#vogue_boys:hover {
	background: url(/work/editorial/image/vogue_boys-over.jpg) 0 0 no-repeat;  
}


/* //////////// celebrity thumbnails //////////// 	*/

#projects ul li a#amanda_bynes {
	background: url(/work/celebrity/image/amanda_bynes.jpg) 0 0 no-repeat;  
}

#projects ul li a#amanda_bynes:hover {
	background: url(/work/celebrity/image/amanda_bynes-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#cassie {
	background: url(/work/celebrity/image/cassie.jpg) 0 0 no-repeat;  
}

#projects ul li a#cassie:hover {
	background: url(/work/celebrity/image/cassie-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#scarlett_johanson {
	background: url(/work/celebrity/image/scarlett_johanson.jpg) 0 0 no-repeat;  
}

#projects ul li a#scarlett_johanson:hover {
	background: url(/work/celebrity/image/scarlett_johanson-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#lil_mama {
	background: url(/work/celebrity/image/lil_mama.jpg) 0 0 no-repeat;  
}

#projects ul li a#lil_mama:hover {
	background: url(/work/celebrity/image/lil_mama-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#leighton_meester {
	background: url(/work/celebrity/image/leighton_meester.jpg) 0 0 no-repeat;  
}

#projects ul li a#leighton_meester:hover {
	background: url(/work/celebrity/image/leighton_meester-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#hayden_panettiere {
	background: url(/work/celebrity/image/hayden_panettiere.jpg) 0 0 no-repeat;  
}

#projects ul li a#hayden_panettiere:hover {
	background: url(/work/celebrity/image/hayden_panettiere-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#carly_simon {
	background: url(/work/celebrity/image/carly_simon.jpg) 0 0 no-repeat;  
}

#projects ul li a#carly_simon:hover {
	background: url(/work/celebrity/image/carly_simon-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#ashley_tisdale {
	background: url(/work/celebrity/image/ashley_tisdale.jpg) 0 0 no-repeat;  
}

#projects ul li a#ashley_tisdale:hover {
	background: url(/work/celebrity/image/ashley_tisdale-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#naomi_watts {
	background: url(/work/celebrity/image/naomi_watts.jpg) 0 0 no-repeat;  
}

#projects ul li a#naomi_watts:hover {
	background: url(/work/celebrity/image/naomi_watts-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#ben_foster {
	background: url(/work/celebrity/image/ben_foster.jpg) 0 0 no-repeat;  
}

#projects ul li a#ben_foster:hover {
	background: url(/work/celebrity/image/ben_foster-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#samuel_rockwell {
	background: url(/work/celebrity/image/samuel_rockwell.jpg) 0 0 no-repeat;  
}

#projects ul li a#samuel_rockwell:hover {
	background: url(/work/celebrity/image/samuel_rockwell-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#liev_schreiber {
	background: url(/work/celebrity/image/liev_schreiber.jpg) 0 0 no-repeat;  
}

#projects ul li a#liev_schreiber:hover {
	background: url(/work/celebrity/image/liev_schreiber-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#michael_showalter {
	background: url(/work/celebrity/image/michael_showalter.jpg) 0 0 no-repeat;  
}

#projects ul li a#michael_showalter:hover {
	background: url(/work/celebrity/image/michael_showalter-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#michael_stipe {
	background: url(/work/celebrity/image/michael_stipe.jpg) 0 0 no-repeat;  
}

#projects ul li a#michael_stipe:hover {
	background: url(/work/celebrity/image/michael_stipe-over.jpg) 0 0 no-repeat;  
}

/* //////////// advertising thumbnails //////////// 	*/

#projects ul li a#element {
	background: url(/work/advertising/image/element.jpg) 0 0 no-repeat;  
}

#projects ul li a#element:hover {
	background: url(/work/advertising/image/element-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#french_kicks {
	background: url(/work/advertising/image/french_kicks.jpg) 0 0 no-repeat;  
}

#projects ul li a#french_kicks:hover {
	background: url(/work/advertising/image/french_kicks-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#max_factor {
	background: url(/work/advertising/image/max_factor.jpg) 0 0 no-repeat;  
}

#projects ul li a#max_factor:hover {
	background: url(/work/advertising/image/max_factor-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#nina_shoes {
	background: url(/work/advertising/image/nina_shoes.jpg) 0 0 no-repeat;  
}

#projects ul li a#nina_shoes:hover {
	background: url(/work/advertising/image/nina_shoes-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#red_jumpsuit {
	background: url(/work/advertising/image/red_jumpsuit.jpg) 0 0 no-repeat;  
}

#projects ul li a#red_jumpsuit:hover {
	background: url(/work/advertising/image/red_jumpsuit-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_1 {
	background: url(/work/advertising/image/urban_1.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_1:hover {
	background: url(/work/advertising/image/urban_1-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_2 {
	background: url(/work/advertising/image/urban_2.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_2:hover {
	background: url(/work/advertising/image/urban_2-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_3 {
	background: url(/work/advertising/image/urban_3.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_3:hover {
	background: url(/work/advertising/image/urban_3-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_4 {
	background: url(/work/advertising/image/urban_4.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_4:hover {
	background: url(/work/advertising/image/urban_4-over.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_5 {
	background: url(/work/advertising/image/urban_5.jpg) 0 0 no-repeat;  
}

#projects ul li a#urban_5:hover {
	background: url(/work/advertising/image/urban_5-over.jpg) 0 0 no-repeat;  
}
