html{
	height: 100%;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	letter-spacing: 1px;
	margin-left: 40px;
	margin-top: 40px;
	background-color:#000;
	height: 100%;
}

a:link, a:visited
{
	color: #999;
	text-decoration: none;
}

a:hover, a:active
{
	color: #FFF;
	text-decoration: none;
} 

/* IN THE EVENT OF REGULAR LINKS IN BODY COPY */
a.regular:link, a.regular:visited 
{
	color: #FFF;
	text-decoration:underline;
}

a.regular:hover, a.regular:active 
{
	color: #F60;
	text-decoration: underline;
}

/* STYLES FOR WHITE UP STATE ON L2 PAGES */

a.white:link, a.white:visited
{
	color:#FFF;
	background-image:none;
}
a.white:hover, a.white:active
{
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("../images/bullet_orange.gif");
}

/* STYLES FOR ACTIVE DOWN STATE ON L3 PAGES FOR L1 AND L2 LINKS */

a.orange:link, a.orange:visited
{
	color:#FFF;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url('../images/bullet_orange.gif');
}
a.orange:hover, a.orange:active
{
	color: #FFF;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("../images/bullet_orange.gif");
}

/* FOR USE IF PROJECT NAMES ARE RUNNING LONG AND NEED TO BE TRACKED IN */
.squeeze 
{
	letter-spacing: 0.5px;
}

/* FOR COMMUNITY LIST OR OTHER LIST ITEMS THAT ARE NOT LINKS */
.community
{
	padding-left: 12px;
	color: #999;
}
.bold
{
	font-weight: bold;
}
.italic
{
	font-style:italic;
}

/* PROJECT ID */
#home 
{
	background-image: url("../images/bg_index0.jpg");
	background-repeat: no-repeat;
}

#projects
{
	background-image: url("../images/bg_index.jpg");
	background-repeat: no-repeat;
}

#howwework
{
	background-image: url("../images/bg_index.jpg");
	background-repeat: no-repeat;
}

#firmprofile
{
	background-image: url("../images/bg_index.jpg");
	background-repeat: no-repeat;
}
#contact
{
	background-image: url("../images/bg_l2.jpg");
	background-repeat: no-repeat;
}

#projectname, #residential, #samra, #cedrone, #jackoviak, #carte, #gordon, #wellesley, #hanlon, #hanlonleone, #crosby, #peabody, #lancerogoff, #cook, #babich, #reid, #hancock, #hyde, #corcoran, #milton, #maxwell, #poundii, #watkin, #wollberg, #stevens, #gramlingsaint, #lapierre, #poundi, #smith, #gassel, #zellino, #berger, #gentile, #kerns, #mcguireporter, #hanlon, #rawan, #gouveia, #mazarella, #cirurargio, #dolan, #brooks, #bonaventura, #sulkin, #commercial, #truesdale, #dedhamcommunity, #beechwood, #citysquash, #statestreet, #genuity, #lightower, #beacon, #blackstone, #harborpark, #drew, #sbli, #stgeorgemethuen, #stgeorgenorwood, #tuftsmachinery, #accessnortheastdc, #savvis, #cambridgeinnovation, #sunlife, #masshightech, #dljdirect, #millercanfield, #polymedica, #darwinsuzsoft, #mit_imcspec, #mit_imc_third, #mit_imc_tenth, #mit_interior, #hbm_liberty, #hbm_hbcs, #hbm_breuer, #hbm_mazonson, #draper, #traffic, #american, #venyu, #griffin, #access, #brandeis, #eloqua, #intronis, #interiors, #healthsciences, #wayland, #schg_primarycare, #schg_familypractice, #truesdale_cardiology, #highland, #truesdale_obgyn, #truesdale_surgery, #wmp_mansfield, #wmp_westwood, #oliveira, #labconversion, #luxesmile, #swls, #retail, #strack, #brickmortar, #americanapparel, #scizzors, #bostonianjewelers, #boilerroom, #garden, #parrotpizza, #robroy, #converse, #specialty, #zicaro, #danmark, #blackink, #italiandesign,  #genlight, #handrail, #leafrose, #glasswall, #bim, #sustainability, #creativity, #studio, #partnerships, #press, #robert, #michael, #shaina, #wilson, #stephen, #prasert, #chet, #stephanie, #nathalie, #jonathan, #ashley, #oceand, #pretahabiter, #bostonglobe, #masshightech, #truesdalepress, #worcester, #process, #saulnierd, #thd, #puma, #imprivata, #wang, #belmont, #michaelm, #chad, #ndgbrigham, #seaport, #candal, #edgesportscenter, #facebook, #harleydavidson, #converse, #hopper, #nuvu, #dataintensity, #mechanica, #wistia, #zafgen, #sonos, #tufts, #affinova, #altitude, #aspen, #bj, #l1solutions, #martignetti, #morphotrust
{
	background-image: url("../images/bg_l2.jpg");
	background-repeat: no-repeat;
}

#projectname a.projectname, #home a.home, #projects a.projects, #howwework a.howwework, #firmprofile a.firmprofile, #contact a.contact, #residential a.residential, #samra a.samra, #cedrone a.cedrone, #jackoviak a.jackoviak, #carte a.carte, #gordon a.gordon, #wellesley a.wellesley, #hanlon a.hanlon, #hanlonleone a.hanlonleone, #crosby a.crosby, #peabody a.peabody, #lancerogoff a.lancerogoff, #cook a.cook, #babich a.babich, #reid a.reid, #hancock a.hancock, #hyde a.hyde, #corcoran a.corcoran, #milton a.milton, #maxwell a.maxwell, #poundii a.poundii, #watkin a.watkin, #wollberg a.wollberg, #stevens a.stevens, #gramlingsaint a.gramlingsaint, #lapierre a.lapierre, #poundi a.poundi, #smith a.smith, #gassel a.gassel, #zellino a.zellino, #berger a.berger, #gentile a.gentile, #kerns a.kerns, #mcguireporter a.mcguireporter, #hanlon a.hanlon, #rawan a.rawan, #gouveia a.gouveia, #mazarella a.mazarella, #cirurargio a.cirurargio, #dolan a.dolan, #brooks a.brooks, #bonaventura a.bonaventura, #sulking a.sulkin, #commercial a.commercial, #truesdale a.truesdale, #dedhamcommunity a.dedhamcommunity, #beechwood a.beechwood, #citysquash a.citysquash, #statestreet a.statestreet, #genuity a.genuity, #lightower a.lightower, #accessnortheastdc a.accessnortheastdc, #savvis a.savvis, #beacon a.beacon, #blackstone a.blackstone, #harborpark a.harborpark, #drew a.drew, #sbli a.sbli, #stgeorgemethuen a.stgeorgemethuen, #stgeorgenorwood a.stgeorgenorwood, #tuftsmachinery a.tuftsmachinery, #interiors a.interiors, #cambridgeinnovation a.cambridgeinnovation, #sunlife a.sunlife, #masshightech a.masshightech, #dljdirect a.dljdirect, #millercanfield a.millercanfield, #polymedica a.polymedica, #darwinsuzsoft a.darwinsuzsoft, #venyu a.venyu, #brandeis a.brandeis, #healthsciences a.healthsciences, #wayland a.wayland, #schg_primarycare a.schg_primarycare, #schg_familypractice a.schg_familypractice, #truesdale_cardiology a.truesdale_cardiology, #highland a.highland, #truesdale_obgyn a.truesdale_obgyn, #truesdale_surgery a.truesdale_surgery, #wmp_mansfield a.wmp_mansfield, #wmp_westwood a.wmp_westwood, #oliveira a.oliveira, #labconversion a.labconversion, #luxesmile a.luxesmile, #swls a.swls, #retail a.retail, #strack a.strack, #americanapparel a.americanapparel, #scizzors a.scizzors, #bostonianjewelers a.bostonianjewelers, #boilerroom a.boilerroom, #garden a.garden, #parrotpizza a.parrotpizza, #robroy a.robroy, #converse a.converse, #specialty a.specialty, #zicaro a.zicaro, #danmark a.danmark, #blackink a.blackink, #italiandesign a.italiandesign,  #genlight a.genlight, #handrail a.handrail, #leafrose a.leafrose, #glasswall a.glasswall, #bim a.bim, #sustainability a.sustainability, #creativity a.creativity, #studio a.studio, #partnerships a.partnerships, #press a.press, #michael a.michael, #robert a.robert, #shaina a.shaina, #stephen a.stephen, #prasert a.prasert, #wilson a.wilson, #chet a.chet, #stephanie a.stephanie, #nathalie a.nathalie, #jonathan a.jonathan, #ashley a.ashley, #oceand a.oceand, #pretahabiter a.pretahabiter, #bostonglobe a.bostonglobe, #masshightech a.masshightech, #truesdalepress a.truesdalepress, #worcester a.worcester, #process a.process, #intronis a.intronis, #saulnierd a.saulnierd, #thd a.thd, #puma a.puma, #imprivata a.imprivata, #wang a.wang, #belmont a.belmont, #brickmortar a.brickmortar, #michaelm a.michaelm, #chad a.chad, #ndgbrigham a.ndgbrigham, #seaport a.seaport, #candal a.candal, #edgesportscenter a.edgesportscenter, #facebook a.facebook, #harleydavidson a.harleydavidson, #converse a.converse, #hopper a.hopper, #nuvu a.nuvu, #dataintensity a.dataintensity, #mechanica a.mechanica, #wistia a.wistia, #zafgen a.zafgen, #sonos a.sonos, #tufts a.tufts, #affinova a.affinova, #altitude a.altitude, #aspen a.aspen, #bj a.bj, #l1solutions a.l1solutions, #martignetti a.martignetti, #morphotrust a.morphotrust
{
	color:#FFF;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("../images/bullet_orange.gif");
}


/* HEADER STYLES */
#header
{
	position: absolute;
	top: 40px;
	overflow: visible;
	visibility: visible;
	height: 20px;
	width: 875px;
}

#header ul
{
	padding: 0;
	margin: 0;
	line-height: 20px;
}

#header li
{
	display:inline-block;
	list-style:none;
}

#header li a:link, #header li a:visited
{
	text-decoration: none;
	padding-left: 12px;
}

#header li a:hover, #header li a:active
{
	padding-left: 12px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("../images/bullet_orange.gif");
}

#l1c1
{
	float:left;
	width:269px;
	text-align: left;
}

#l1c2
{
	float:left;
	width:269px;
	text-align: left;
}

#l1c3
{
	float:left;
	width:200px;
	text-align: left;
}
	
#l1c4
{
	float:right;
	width:137px;
	text-align: right;
}

/* SUBMENU STYLES */
#submenu
{
	overflow: visible;
	position: absolute;
	visibility: visible;
	height: 20px;
	width: 875px;
	top: 100px;
}

#submenu ul{
	padding: 0;
	margin: 0;
	line-height: 20px;
}

#submenu li{
	display:inline-block;
	list-style:none;
}

#submenu li a:link, #submenu li a:visited
{
	text-decoration: none;
	padding-left: 12px;
}

#submenu li a:hover, #submenu li a:active
{
	padding-left: 12px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("../images/bullet_orange.gif");	
}

#l2c1
{
	float:left;
	width:160px;
	text-align: left;
	
}

#l2c2
{
	float:left;
	width:160px;
	text-align: left;
}

#l2c3
{
	float:left;
	width:160px;
	text-align: left;
	}

#l2c4
{
	float:left;
	width:160px;
	text-align: left;
}

#l2c5
{
	float:left;
	width:135px;
	text-align: left;
}

#l2c6
{
	float:right;
	width:100px;
	text-align: right;
}

/* L3 NAVIGATION STYLES */

#l3navshow
{
	overflow: visible;
	position: absolute;
	visibility:visible;
	height: 289px;
	width: 480px;
	top: 120px;
	left: 40px;
}

#l3navhide
{
	overflow: visible;
	position: absolute;
	visibility: hidden;
	height: 289px;
	width: 480px;
	top: 120px;
	left: 40px;
}

#column1
{
	overflow: visible;
	position: absolute;
	height: 289px;
	width: 160px;
}

#column1 ul{
	padding: 13px 0 0 0;
	margin: 0 0 0 12px;
}

#column1 li
{
	list-style:none;
	text-align: left;
	text-indent:-12px;
}

#column1 li a:link, #column1 li a:visited
{
	text-decoration: none;
	padding-left: 12px;
}
#column1 li a:hover, #column1 li a:active
{
	color: #FFF;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("../images/bullet_orange.gif");
}

#column2
{
	overflow: visible;
	position: absolute;
	height: 289px;
	width: 160px;
	left: 160px;
}

#column2 ul{
	padding: 13px 0 0 0;
	margin: 0 0 0 12px;
}

#column2 li
{
	list-style: none;
	text-align: left;
	text-indent:-12px;
}

#column2 li a:link, #column2 li a:visited
{
	text-decoration: none;
	padding-left: 12px;
}
#column2 li a:hover, #column2 li a:active
{
	color: #FFF;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("../images/bullet_orange.gif");
}

#column3
{
	overflow: visible;
	position: absolute;
	height: 289px;
	width: 160px;
	left: 320px;
}

#column3 ul{
	padding: 13px 0 0 0;
	margin: 0 0 0 12px;
}

#column3 li
{
	list-style: none;
	text-align: left;
	text-indent:-12px;
}

#column3 li a:link, #column3 li a:visited
{
	text-decoration: none;
	padding-left: 12px;
}
#column3 li a:hover, #column3 li a:active
{
	color: #FFF;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url("../images/bullet_orange.gif");
}

/* PROJECT BLURB */
#copyblock
{
	overflow: visible;
	position: relative;
	visibility: visible;
	height: 249px;
	width: 450px;
	top: 100px;
	left:40;
}

#indexblock
{
	overflow: visible;
	position: relative;
	visibility: visible;
	height: 249px;
	width: 600px;
	top: 20px;
	left:0;
}

#copyblockcontent
{
	bottom:0;
	width: 440px;
	position:absolute;
	margin-left:12px;
}

#copyblockcontent h1
{
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/* PROFILE BLURB */
#profileblock
{
	overflow: auto;
	position: absolute;
	visibility: visible;
	height: 289px;
	width: 595px;
	top: 120px;
	left:360px;
	width: 583px;
	height: 289px;
	margin-left:12px;
}

#profileblock h1
{
	padding-top:10px;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#profileblock p
{
	padding-right: 40px;
	line-height: 12px;
}

/* CONTACT BLURB */

#contactblock
{
	top: 120px;
	left:28px;
	width: 876px;
	height: 289px;
	position:absolute;
	margin-left:12px;
	overflow: auto;
}
#contactblock p
{	padding-top:10px;
}

/* HOWWEWORK BLURB */

#howweworkblock
{
	top: 120px;
	left:28px;
	width: 520px;
	height: 289px;
	position:absolute;
	margin-left:12px;
	overflow: auto;
}
#howweworkblock p
{	padding-top:10px;
}

/* PROJECT THUMBNAIL */
#thumb {
	position: absolute;
	height: 289px;
	width: 383px;
	left: 532px;
	top: 120px;
	overflow: visible;
}

#thumbfloat {
	float: right;
	height: 289px;
}

/* L3 NAV HIDDEN ROLLOVERS */
#projectnamethumb, #samrathumb, #cedronethumb, #jackoviakthumb, #cartethumb, #gordonthumb, #wellesleythumb, #hanlonthumb, #hanlonleonethumb, #crosbythumb, #peabodythumb, #lancerogoffthumb, #cookthumb, #babichthumb, #reidthumb, #hancockthumb, #hydethumb, #corcoranthumb, #miltonthumb, #maxwellthumb, #poundiithumb, #watkinthumb, #wollbergthumb, #stevensthumb, #gramlingsaintthumb, #lapierrethumb, #poundithumb, #smiththumb, #gasselthumb, #zellinothumb, #bergerthumb, #gentilethumb, #kernsthumb, #mcguireporterthumb, #hanlonthumb, #rawanthumb, #gouveiathumb, #mazarellathumb, #cirurargiothumb, #dolanthumb, #brooksthumb, #bonaventurathumb, #sulkinthumb, #truesdalethumb, #dedhamcommunitythumb, #beechwoodthumb, #citysquashthumb, #statestreetthumb, #genuitythumb, #lightowerthumb, #accessnortheastdcthumb, #savvisthumb, #beaconthumb, #blackstonethumb, #harborparkthumb, #drewthumb, #sblithumb, #stgeorgemethuenthumb, #stgeorgenorwoodthumb, #tuftsmachinerythumb, #cambridgeinnovationthumb, #sunlifethumb, #masshightechthumb, #dljdirectthumb, #millercanfieldthumb, #polymedicathumb, #darwinsuzsoftthumb, #mit_imcspecthumb, #mit_imc_thirdthumb, #mit_imc_tenththumb, #mit_interiorthumb, #hbm_libertythumb, #hbm_hbcsthumb, #hbm_breuerthumb, #hbm_mazonsonthumb, #draperthumb, #trafficthumb, #americanthumb, #venyuthumb, #griffinthumb, #accessthumb, #brandeisthumb, #eloquathumb, #waylandthumb, #schg_primarycarethumb, #schg_familypracticethumb, #truesdale_cardiologythumb, #highlandthumb, #truesdale_obgynthumb, #truesdale_surgerythumb, #wmp_mansfieldthumb, #wmp_westwoodthumb, #oliveirathumb, #labconversionthumb, #luxesmilethumb, #swlsthumb, #strackthumb, #americanapparelthumb, #scizzorsthumb, #bostonianjewelersthumb, #boilerroomthumb, #gardenthumb, #parrotpizzathumb, #robroythumb, #conversethumb, #zicarothumb, #danmarkthumb, #blackinkthumb, #italiandesignthumb,  #genlightthumb, #handrailthumb, #leafrosethumb, #glasswallthumb, #masshightechthumb, #worcesterthumb, #truesdalepressthumb, #bostonglobethumb, #intronisthumb, #saulnierdthumb, #thdthumb, #pumathumb, #imprivatathumb, #wangthumb, #belmontthumb, #brickmortarthumb, #ndgbrighamthumb, #seaportthumb, #candalthumb, #edgesportscenterthumb, #facebookthumb, #harleydavidsonthumb, #conversethumb, #hopperthumb, #nuvuthumb, #dataintensitythumb, #mechanicathumb, #wistiathumb, #zafgenthumb, #sonosthumb, #tuftsthumb, #affinovathumb, #altitudethumb, #aspenthumb, #bjthumb, #l1solutionsthumb, #martignettithumb, #morphotrustthumb
{
	position: absolute;
	height: 289px;
	width: 383px;
	left: 532px;
	top: 120px;
	overflow: visible;
	visibility: hidden;
}


/* LIGHTBOX NAV */
#lightboxnav {
	position: absolute;
	overflow: visible;
	height: 40px;
	width: 875px;
	top: 450px;
}

#lightboxnav ul{
	padding: 0;
	margin: 0;
	text-align: right;

}

#lightboxnav li
{
	display:inline;
	font-size:12px;
	line-height: 40px;
	color: #FFF;
	padding-left: 26px;
	font-weight: bold;
}

#lightboxnav a:link, #lightboxnav a:visited
{
	color: #FFF;
	padding-left: 0px;
}

#lightboxnav a:hover, #lightboxnav a:active
{
	color: #F60;
	background-image:none;
	padding-left: 0px;
}

/* PROJECT DATE AND LOCATION */
#datestate
{
	line-height: 40px;
	color: #FFF;
	margin: 0;
	padding: 0 0 0 12px;
	float: left;
}

/* FOOTER */
#footer {
	overflow: visible;
	position: absolute;
	visibility: visible;
	height: 70px;
	width: 875px;
	top: 530px;
}

#logo
{
	position: absolute;
	height: 40px;
	width: 187px;
	top: 16px;
}

#logo a:link, #logo a:visited
{
	padding-left: 0px;
	color: #FFF;
	text-decoration: none;
	background-image:none;
} 

#logo a:hover, #logo a:active
{
	padding-left: 0px;
	color: #FFF;
	text-decoration: none;
	background-image:none;
} 

#contactinfo
{
	overflow: visible;
	position: absolute;
	visibility: visible;
	height: 13px;
	width: 875px;
	top: 44px;
}
#contactinfo ul{
	margin: 0px 0 0 0;
	text-align: right;
}

#contactinfo li
{
	display:inline;
	color: #CCC;
	padding-left: 56px;
}	

/* LIGHTBOX STYLES */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#lightbox a {padding: 0px}

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F60;
	letter-spacing: 1px;
	padding-top: 12px;
	padding-left: 12px;
}
.headingdc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F60;
	letter-spacing: 1px;
	padding-top: 0 px;
	padding-left: 12px;
}

#video
{
	overflow: visible;
	top:30px;
	position: absolute;
	height: 255px;
	width: 160px;
	left: 160px;
}