/****************************************************************************

Authors: Stephen Saugestad & Ben Hulse

*****************************************************************************/

/* defaults ************************************************************/

html, body {
	margin: 0;
	padding: 0;
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000 url(bg000000.gif);
	margin-top:30px;
	padding-top: 30px;
}

body a:link, body a:visited, body a:active {
	color: #7A7A7A;
	text-decoration: none;
}

body a:hover {
	text-decoration: none;
	color: #535353;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:1em 0;
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

/* hacks ***********************************************/

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

/* misc ********************************************/

h1#logo, h1#logo a {
	float: left;
	margin:0;
	padding:0;
	display:block;
	text-indent: -9999px;
	background: url(ben-huls.gif) no-repeat left top;
	width: 221px;
	height: 40px;
}

/* main divs *****************************************/

#wrap {
	width:700px;
	margin:0 auto;
	padding:0;
}

#content {
	width:698px;
}

#contentBlank {
	width:598px;
	background-color:#fff;
	clear:left;
	padding:50px;
}

#contentHome {
	width:666px;
	height:476;
	background-color:#fff;
	clear:left;
	padding:16px;
}

#photo {
	width: 432px;
	height: 309px;
	background: #fff url(bg_photo.gif) no-repeat 16px 16px;
	float:left;
}

#photoSquare {
	width: 432px;
	height: 448px;
	background: #fff url(bg_photo.gif) no-repeat 16px 16px;
	float:left;
}

#photoTall {
	width: 432px;
	height: 667px;
	background: #fff url(bg_photo.gif) no-repeat 16px 16px;
	float:left;
}

#photovideo {
	width: 432px;
	height: 261px;
	background: #fff url(bg_photo.gif) no-repeat 16px 16px;
	float:left;
}


/* project list **************************************************/

#projectList, #projectListShort, #projectListVideo {
	width:266px;
	
	/* padding:14px 14px 20px 14px; */
	background-color:#fff;
	float:right;
}

#projectListShort {
	height:309px;
	float:right;
}

#projectListVideo {
	height:261px;
	float:right;
}

#projectList h2, #projectListShort h2, #projectListVideo h2 {
	font-size: 12px;
	margin-left:20px;
}

#projectList ul, #projectListShort ul, #projectListVideo ul {
	margin-left:16px;
/*	padding-bottom: 10px;  */
}

#projectList li a, #projectListShort li a, #projectListVideo li a {
	line-height:16px;
	padding-left:10px;
}

#projectList li p, #projectListShort li p, #projectListVideo li p {
	line-height:16px;
	padding-left:10px;
	padding-right:16px;
}

#projectList a:hover, #projectListShort a:hover, #projectListVideo a:hover {
	background: url(bullet00.gif) no-repeat 0px 5px;
}

#projectList a.active, #projectListShort a.active, #projectListVideo a.active {
	background: url(bullet-a.gif) no-repeat 0px 5px;
}


/* slides ********************************************/

#slides, #slidesWide {
	width:432px;
	height:38px;
	background-color:#736F67;
	font-size:1px;
	float:left;
	clear:left;
}

#slidesWide {
	width:698px;
}

#slides ol, #slidesWide ol {
	width:280px;
	margin:0;
	padding: 12px 0px 0px 12px;
}

#slides li, #slidesWide li {
	display:inline;
	float:left;
	height:12px;
}

#slidesText a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(slides00.gif) no-repeat left top;
	width: 54px;
	height: 12px;
}



#one a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(01000000.gif) no-repeat left top;
	width: 30px;
	height: 12px;
}

#one a:hover {
	background-position: 0px -12px;
}

#oneActive {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(01000000.gif) no-repeat 0 -12px !important;
	width: 30px;
	height: 12px;
}

#two a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(02000000.gif) no-repeat left top;
	width: 31px;
	height: 12px;
}

#two a:hover {
	background-position: 0px -12px;
}

#twoActive {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(02000000.gif) no-repeat 0 -12px !important;
	width: 31px;
	height: 12px;
}

#three a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(03000000.gif) no-repeat left top;
	width: 29px;
	height: 12px;
}

#three a:hover {
	background-position: 0px -12px;
}

#threeActive {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(03000000.gif) no-repeat 0 -12px !important;
	width: 29px;
	height: 12px;
}

#four a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(04000000.gif) no-repeat left top;
	width: 29px;
	height: 12px;
}

#four a:hover {
	background-position: 0px -12px;
}

#fourActive {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(04000000.gif) no-repeat 0 -12px !important;
	width: 29px;
	height: 12px;
}

#five a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(05000000.gif) no-repeat left top;
	width: 30px;
	height: 12px;
}

#five a:hover {
	background-position: 0px -12px;
}

#fiveActive {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(05000000.gif) no-repeat 0 -12px !important;
	width: 30px;
	height: 12px;
}

#six a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(06000000.gif) no-repeat left top;
	width: 30px;
	height: 12px;
}

#six a:hover {
	background-position: 0px -12px;
}

#sixActive {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(06000000.gif) no-repeat 0 -12px !important;
	width: 30px;
	height: 12px;
}

#seven a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(07000000.gif) no-repeat left top;
	width: 27px;
	height: 12px;
}

#seven a:hover {
	background-position: 0px -12px;
}

#sevenActive {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(07000000.gif) no-repeat 0 -12px !important;
	width: 27px;
	height: 12px;
}

/* project details ***************************************/

#projectDetails, #projectDetailsWide {
	width:432px;
	background-color:#595650;
	
	color: #BFBDB9;
	float: left;
	clear:left;
}

#projectDetailsWide {
	width:698px;
}

#projectDetails h2, #projectDetailsWide h2 {
	padding:0;
	font-size:12px;
	color: #BFBDB9;
}



/* sub nav *****************************************/

#subNav, #subNavWide {
   height:30px;
   width:420px;
   font-size:1px;
   float:left;
   clear:left;
}

#subNavWide {
   width:698px;
}

#subNav li a, #subNavWide li a {
   text-indent: -9999px;
   text-decoration: none;
   display:block;
   height: 10px;
}

#subNav li, #subNavWide li {
   display:inline;
   float:left;
   height: 10px;
   margin: 10px 0px 0px 0px;
}

#philosophy a {
   width: 62px;
   background: url(philosop.gif) no-repeat left top;
}

#friends a {
   background: url(friends0.gif) no-repeat left top;
   width: 43px;
}

#about a {
   background: url(about000.gif) no-repeat left top;
   width: 38px;
}

#contact a {
   background: url(contact0.gif) no-repeat left top;
   width: 45px;
}

#philosophy a:hover, #friends a:hover, #about a:hover, #contact a:hover { 
	background-position: 0px -10px; 
}

#copyright a, #copyrightWide a {
   background: url(copyrigh.gif) no-repeat 0 0;
   width: 61px;
}

#copyright a {
	margin: 0px 0px 2px 160px;
}

#copyrightWide a {
	margin: -20px 0px 2px 620px;
}

/* navigation **************************************/

#nav {
	width: 380px;
	float: right;
	height: 40px;
	padding:0;
		margin-right: -11px;
}

#nav li {
	display: inline;
	float:left;
}

#identity a, #identityActive a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(identity.gif) no-repeat left top;
	width: 62px;
	height: 40px;
}

#identity a:hover {
	background-position: 0px -50px;
}

#identityActive a {
	background-position: 0px -100px;
}


#print a, #printActive a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(print000.gif) no-repeat left top;
	width: 40px;
	height: 40px;
}

#print a:hover {
	background-position: 0px -50px;
}

#printActive a {
	background-position: 0px -100px;
}

#web a, #webActive a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(web00000.gif) no-repeat left top;
	width: 38px;
	height: 40px;
}

#web a:hover {
	background-position: 0px -50px;
}

#webActive a {
	background-position: 0px -100px;
}

#photography a, #photographyActive a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(photogra.gif) no-repeat left top;
	width: 94px;
	height: 40px;
}

#photography a:hover {
	background-position: 0px -50px;
}

#photographyActive a {
	background-position: 0px -100px;
}

#apparel a, #apparelActive a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(apparel0.gif) no-repeat left top;
	width: 62px;
	height: 40px;
}

#apparel a:hover {
	background-position: 0px -50px;
}

#apparelActive a {
	background-position: 0px -100px;
}

#video a, #videoActive a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(video000.gif) no-repeat left top;
	width: 44px;
	height: 40px;
}

#video a:hover {
	background-position: 0px -50px;
}

#videoActive a {
	background-position: 0px -100px;
}

#etc a, #etcActive a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(etc00000.gif) no-repeat left top;
	width: 40px;
	height: 40px;
}

#etc a:hover {
	background-position: 0px -50px;
}

#etcActive a {
	background-position: 0px -100px;
}




/* page headings *********************************************************************/

#projectList h2, projectDetails h2 {
	font-size:1px; /* ie cancel height */
	padding:0;
}

h2#h_identity {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_identi.gif) no-repeat 0px 0px;
}

h2#h_print {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_print0.gif) no-repeat 0px 0px;
}

h2#h_web {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_web000.gif) no-repeat 0px 0px;
}

h2#h_photography {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_photog.gif) no-repeat 0px 0px;
}

h2#h_apparel {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_appare.gif) no-repeat 0px 0px;
}

h2#h_video {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_video0.gif) no-repeat 0px 0px;
}

h2#h_etc {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_etc000.gif) no-repeat 0px 0px;
}

h2#h_typography {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_typogr.gif) no-repeat 0px 0px;
}

h2#h_architecture {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_archit.gif) no-repeat 0px 0px;
}

h2#h_interactive {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_intera.gif) no-repeat 0px 0px;
}

/* submenu page headings *********************************************************************/

h2#h_philosophy {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:20px 0 10px 0;
	background: url(h_philos.gif) no-repeat 0px 0px;
}

h2#h_friends {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:20px 0 10px 0;
	background: url(h_friend.gif) no-repeat 0px 0px;
}

h2#h_about {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:20px 0 10px 0;
	background: url(h_about0.gif) no-repeat 0px 0px;
}

h2#h_contact {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:20px 0 10px 0;
	background: url(h_contac.gif) no-repeat 0px 0px;
}


/* misc page headings *********************************************************************/

h2#h_portrait {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_portra.gif) no-repeat 0px 0px;
}

h2#h_concert {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_concer.gif) no-repeat 0px 0px;
}

h2#h_travel {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_travel.gif) no-repeat 0px 0px;
}

h2#h_cds {
	text-indent:-9999px;
	width:87px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_cds000.gif) no-repeat 0px 0px;
}

h2#h_promo {
	text-indent:-9999px;
	width:170px;
	height:16px;
	margin:26px 0 10px 26px;
	background: url(h_promo0.gif) no-repeat 0px 0px;
}

h2#h_corporate {
	text-indent:-9999px;
	width:64px;
	height:14px;
	margin:26px 0 10px 26px;
	background: url(h_corpor.gif) no-repeat 0px 0px;
}

h2#h_music {
	text-indent:-9999px;
	width:39px;
	height:12px;
	margin:26px 0 10px 26px;
	padding:0;
	background: url(h_music0.gif) no-repeat 0px 0px;
}

/* project headings *********************************************************************/

h2#p_arrival {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_arriva.gif) no-repeat 0px 0px;
}

h2#p_bascom {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_bascom.gif) no-repeat 0px 0px;
}

h2#p_biologic {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_biolog.gif) no-repeat 0px 0px;
}

h2#p_blue-ginger {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_blue-g.gif) no-repeat 0px 0px;
}

h2#p_countryrose {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_countr.gif) no-repeat 0px 0px;
}

h2#p_css-import {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_css-im.gif) no-repeat 0px 0px;
}

h2#p_daryl-speed {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_daryl-.gif) no-repeat 0px 0px;
}

h2#p_dasha {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_dasha0.gif) no-repeat 0px 0px;
}

h2#p_diveco {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_diveco.gif) no-repeat 0px 0px;
}

h2#p_evergreen {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_evergr.gif) no-repeat 0px 0px;
}

h2#p_gyron {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_gyron0.gif) no-repeat 0px 0px;
}

h2#p_hair-stylist {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_hair-s.gif) no-repeat 0px 0px;
}

h2#p_identafi {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_identa.gif) no-repeat 0px 0px;
}

h2#p_jay-deachman {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_jay-de.gif) no-repeat 0px 0px;
}

h2#p_johnnie-degiuli {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_johnni.gif) no-repeat 0px 0px;
}

h2#p_juice {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_juice0.gif) no-repeat 0px 0px;
}

h2#p_k9-phodography {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_k9-pho.gif) no-repeat 0px 0px;
}

h2#p_leading-edge {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_leadin.gif) no-repeat 0px 0px;
}

h2#p_matrix {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_matrix.gif) no-repeat 0px 0px;
}

h2#p_matchbox-studios {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_matchb.gif) no-repeat 0px 0px;
}

h2#p_marmalade-cat-cafe {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_marmal.gif) no-repeat 0px 0px;
}

h2#p_meta {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_meta00.gif) no-repeat 0px 0px;
}

h2#p_mobio {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_mobio0.gif) no-repeat 0px 0px;
}

h2#p_moveo {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_moveo0.gif) no-repeat 0px 0px;
}

h2#p_miranda-webb {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_mirand.gif) no-repeat 0px 0px;
}

h2#p_personafid {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_person.gif) no-repeat 0px 0px;
}

h2#p_reach-group {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_reach-.gif) no-repeat 0px 0px;
}

h2#p_retrograde {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_retrog.gif) no-repeat 0px 0px;
}

h2#p_ruby-bridal {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_ruby-b.gif) no-repeat 0px 0px;
}

h2#p_rtrl {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_rtrl00.gif) no-repeat 0px 0px;
}

h2#p_scallywags {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_scally.gif) no-repeat 0px 0px;
}

h2#p_scott-benson {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_scott-.gif) no-repeat 0px 0px;
}

h2#p_serendipity {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_serend.gif) no-repeat 0px 0px;
}

h2#p_shezza {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_shezza.gif) no-repeat 0px 0px;
}

h2#p_sweetheart {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_sweeth.gif) no-repeat 0px 0px;
}

h2#p_the-junction {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_the-ju.gif) no-repeat 0px 0px;
}

h2#p_terra {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_terra0.gif) no-repeat 0px 0px;
}

h2#p_thinkmedia {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_thinkm.gif) no-repeat 0px 0px;
}

h2#p_tiggywinkles {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_tiggyw.gif) no-repeat 0px 0px;
}

h2#p_whitfield {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_whitfi.gif) no-repeat 0px 0px;
}
h2#p_wonsong {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_wonson.gif) no-repeat 0px 0px;
}

h2#p_zubasoft {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_zubaso.gif) no-repeat 0px 0px;
}

/* extra print headings *********************************************************************/

h2#p_adrienne-pierce {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_adrien.gif) no-repeat 0px 0px;
}

h2#p_paula-toledo {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_paula-.gif) no-repeat 0px 0px;
}

h2#p_pepper-sands {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_pepper.gif) no-repeat 0px 0px;
}

h2#p_fifty-five {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_fifty-.gif) no-repeat 0px 0px;
}

h2#p_triton-films {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_triton.gif) no-repeat 0px 0px;
}

h2#p_frequency {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_freque.gif) no-repeat 0px 0px;
}

h2#p_headphones {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_headph.gif) no-repeat 0px 0px;
}

h2#p_pepper {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_pepper.gif) no-repeat 0px 0px;
}

/* extra web headings *********************************************************************/

h2#p_dunnett {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_dunnet.gif) no-repeat 0px 0px;
}

h2#p_eao {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_eao000.gif) no-repeat 0px 0px;
}

h2#p_superbeing {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_superb.gif) no-repeat 0px 0px;
}


/* extra web headings *********************************************************************/

h2#p_lincoln {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_lincol.gif) no-repeat 0px 0px;
}

h2#p_ubiquity {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_ubiqui.gif) no-repeat 0px 0px;
}

h2#p_prc {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_prc000.gif) no-repeat 0px 0px;
}

/* extra photo headings *********************************************************************/

h2#p_athlete {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_athlet.gif) no-repeat 0px 0px;
}

h2#p_josh {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_josh00.gif) no-repeat 0px 0px;
}

h2#p_jena {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_jena00.gif) no-repeat 0px 0px;
}

h2#p_jenifer {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_jenife.gif) no-repeat 0px 0px;
}

h2#p_peppersands {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_pepper.gif) no-repeat 0px 0px;
}

h2#p_reily {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_reily0.gif) no-repeat 0px 0px;
}

h2#p_strada {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_strada.gif) no-repeat 0px 0px;
}

h2#p_tele {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_tele00.gif) no-repeat 0px 0px;
}

h2#p_thirty {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_thirty.gif) no-repeat 0px 0px;
}


h2#p_travel {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_travel.gif) no-repeat 0px 0px;
}

h2#p_greymedium {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_greyme.gif) no-repeat 0px 0px;
}

h2#p_uts {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_uts000.gif) no-repeat 0px 0px;
}

/* extra etc headings *********************************************************************/

h2#p_typography {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_typogr.gif) no-repeat 0px 0px;
}

h2#p_cubo {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_cubo00.gif) no-repeat 0px 0px;
}

h2#p_axl-roadie {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_axl-ro.gif) no-repeat 0px 0px;
}

h2#p_flow {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_flow00.gif) no-repeat 0px 0px;
}

h2#p_architecture {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_archit.gif) no-repeat 0px 0px;
}

h2#p_swim {
	text-indent:-9999px;
	width:283px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_swim00.gif) no-repeat 0px 0px;
}

h2#p_models {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_model0.gif) no-repeat 0px 0px;
}

h2#p_futuretown {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_future.gif) no-repeat 0px 0px;
}

h2#p_architecture {
	text-indent:-9999px;
	width:230px;
	height:16px;
	margin:0 0 10px 0;
	padding:0;
	background: url(p_archit.gif) no-repeat 0px 0px;
}



/* misc edits *********************************************************************/

#photo img, #photoSquare img {
	margin: 16px 0 16px 16px;
	display: inline;
}

#projectDetails h2, #projectDetails p, #projectDetailsWide h2, #projectDetailsWide p {
	margin: 0 20px;
}

#projectDetailsWide h2, #projectDetails h2 { margin-top: 20px; margin-bottom: 8px;}
#projectDetailsWide p, #projectDetails p { margin-bottom: 30px; margin-right: 40px;}
#projectDetailsWide p { margin-right: 250px;}