/* BEGIN MAIN STRUCTURE */
/* commented backslash hack v2 \*/ 
html, body{height: 100%;}
/* end hack */ 
html {
    overflow-x: hidden;
    overflow-y: auto;
} /* needed for the bastard windows browser */
body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #000;
	background-color: #C9D5CC;
	margin: 0px;
	padding: 0px;
}
#flashintro {
  height: 247px;
  width: 409px;
  margin-bottom: 14px;
}
/****************************************
*		       defaults      			*
****************************************/
img {
    border: 0px;
}
p.first {
    margin-top: 0px;
}
p.last {
    margin-bottom: 0px;
}
.imgLeft, .imgRight {
    margin-bottom: 15px;
}
.imgLeft {
    margin-right: 15px;
}
.imgRight {
    margin-left: 15px;
}
a, a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #fff;
}
.text2 {
	font-size: 12px;
	line-height: 12px;
}
.hidetitle	{
	position: absolute;
	left: -9999px;
	top: -9999px;
} /* used to hide titles graphic used instead.  Used for accessibility and search indexing */
/****************************************
*		      main structure			*
****************************************/
#maincontent {
    position: relative;
    width: 1166px;
}
#left {
    width: 360px;
    float: left;
	height: 100%;
	min-height: 100%;
}
html>body #left { height:auto } /*for mozilla as IE treats height as min-height anyway*/
#right {
    width: 806px;
    float: left;
    padding-top: 234px;
	font-size:16px;
	line-height:17px;
}
#logo {
    position: relative;
    height: 238px;
}
#EMlogo {
    position: absolute;
    left: 28px;
    top: 28px;
}
#EMlogoPrint {
    display: none;
}
#clearBottom {
    clear: both;
    height: 60px;
	font-size: 11px;
}
/****************************************
*		       profile		        	*
****************************************/
#profileTop {
	position: relative;
	width: 804px;
	height: 192px;
	padding: 0px;
	margin: 2px 0px 0px;
}
#profileTop img {
    margin-right: 12px;
}
#profileTop img.end {
    margin-right: 0px;
}
#profileMain {
    padding-top: 30px;
}
#profileLogos {
	position: relative;
	width: 804px;
	height: 80px;
	padding: 30px 0px 0px;
	margin: 0px;
}
/****************************************
*		       approach		        	*
****************************************/
#approachTop {
	position: relative;
	width: 804px;
	height: 192px;
	padding: 0px;
	margin: 2px 0px 0px;
}
#approachTop img {
    margin-right: 12px;
}
#approachTop img.end {
    margin-right: 0px;
}
#approachMain {
    padding-top: 30px;
}
/****************************************
*		        people		        	*
****************************************/
#peopleTop {
	position: relative;
	width: 804px;
	height: 192px;
	padding: 0px;
	margin: 2px 0px 0px;
}
#peopleTop img {
    margin-right: 12px;
}
#peopleTop img.end {
    margin-right: 0px;
}
#peopleMain {
    padding-top: 30px;
}
.peoplePara {
    margin-top: 60px;
}
/****************************************
*		       projects		        	*
****************************************/
#projectThumbs {
    position: relative;
    width: 806px;
    height: 196px;
    padding: 0px;
    margin: 0px;
}
#projectThumbsSP { /* small projects */
    position: relative;
    width: 806px;
    height: 94px;
    padding: 0px;
    margin: 0px;
}
#t1, #t2, #t3, #t4 {
    position: absolute;
    top: 2px;
}
#t1 {
    left: 0px;
}
#t2 {
    left: 204px;
}
#t3 {
    left: 408px;
}
#t4 {
    left: 612px;
}
.projectThumbCurrent {
    position: absolute;
    top: 0px;
	width: 188px;
	height: 188px;
	border: 4px solid #fff;
    z-index: 10;
    display: none;
}
.projectThumbCurrent img {
	width: 188px;
	height: 188px;
}
.projectThumbCurrentSP { /* small projects */
    position: absolute;
    top: 0px;
	width: 86px;
	height: 86px;
	border: 4px solid #fff;
    z-index: 10;
    display: none;
}
.projectThumbCurrentSP img { /* small projects */
	width: 86px;
	height: 86px;
}
#t1On {
    left: -2px;
}
#t2On {
    left: 202px;
}
#t3On {
    left: 406px;
}
#t4On {
    left: 610px;
}
a:link div.projectThumbCurrent, a:visited div.projectThumbCurrent, a:link div.projectThumbCurrentSP, a:visited div.projectThumbCurrentSP {
	cursor: pointer; /* for IE */
}
.projectsImgCaption {
    display: block;
    font-size: 11px;
    line-height: 13px;
    padding-top: 4px;
}
#projectContent {
    position: relative;
    width: 806px;
    padding: 0px;
    margin: 0px;
    background-color: #C9D5CC;
}
#projectContentMain {
    position: absolute;
    top: 16px;
    left: 0px;
    width: 806px;
    background-color: #C9D5CC;
}
#projectContentLeft {
    width: 384px;
    float: left;
    padding-right: 12px;
    margin-right: 12px;
}
#projectContentRight {
    width: 396px;
    float: left;
}
.projectContentImg {
    position: absolute;
    top: 17px;
    left: 0px;
    width: 816px;
    padding: 0px;
    margin: 0px;
    padding-bottom: 40px;
    background-color: #C9D5CC;
    display: none;
}
/****************************************
*		     projects index         	*
****************************************/
#housing-homesIndexMain {
    padding-top: 120px; /* 120 222 */
}
#workplaceIndexMain {
    padding-top: 18px;
}
#learning-communityIndexMain {
    padding-top: 120px; /* 120 222 */
}
#heritageIndexMain {
    padding-top: 18px;
}
#masterplanningIndexMain {
    padding-top: 18px;
}
#projectIndexThumbs {
    position: relative;
    width: 806px;
    width: 94px;
    height: 94px;
    padding: 0px;
    margin: 0px;
}
#projectIndexThumbs a {
	cursor: pointer; /* for IE */
}
.projectIndexThumb {
	position: absolute;
	top: 0px;
	width: 86px;
	height: 86px;
	border: 4px solid #fff;
	z-index: 10;
	visibility: hidden;
}
.projectIndexThumb img {
	width: 86px;
	height: 86px;
}

/* pit = projects index, spt = small projects */

#pit1, #pit2, #pit3, #pit4, #pit5, #pit6, #pit7, #pit8, #spt1, #spt2, #spt3, #spt4, #spt5, #spt6, #spt7, #spt8 {
    position: absolute;
    top: 2px;
}
#pit9, #pit10, #pit11, #pit12, #pit13, #pit14, #pit15, #pit16, #pit9On, #pit10On, #pit11On, #pit12On, #pit13On, #pit14On, #pit15On, #pit16On {
    position: absolute;
    top: 104px;
}
#pit17, #pit17On {
    position: absolute;
    top: 206px;
}
#pit1, #pit9, #pit17, #spt1 {
    left: 0px;
}
#pit2, #pit10, #spt2 {
    left: 102px;
}
#pit3, #pit11, #spt3 {
    left: 204px;
}
#pit4, #pit12, #spt4 {
    left: 306px;
}
#pit5, #pit13, #spt5 {
    left: 408px;
}
#pit6, #pit14, #spt6 {
    left: 510px;
}
#pit7, #pit15, #spt7 {
    left: 612px;
}
#pit8, #pit16, #spt8 {
    left: 714px;
}
#pit1On, #pit9On, #pit17On, #spt1On {
    left: -2px;
}
#pit2On, #pit10On, #spt2On {
    left: 100px;
}
#pit3On, #pit11On, #spt3On {
    left: 202px;
}
#pit4On, #pit12On, #spt4On {
    left: 304px;
}
#pit5On, #pit13On, #spt5On {
    left: 406px;
}
#pit6On, #pit14On, #spt6On {
    left: 508px;
}
#pit7On, #pit15On, #spt7On {
    left: 610px;
}
#pit8On, #pit16On, #spt8On {
    left: 712px;
}
/****************************************
*		client design advisors			*
****************************************/
#cdaTop {
	position: relative;
	width: 804px;
	height: 192px;
	padding: 0px;
	margin: 2px 0px 0px;
}
#cdaTop img {
    margin-right: 12px;
}
#cdaTop img.end {
    margin-right: 0px;
}
#cdaMain {
    padding-top: 30px;
}
#cdaLogos {
	position: relative;
	width: 804px;
	height: 80px;
	padding: 80px 0px 0px;
	margin: 0px;
}
/****************************************
*		       location		        	*
****************************************/
#locationContentMain {
	position: relative;
	padding: 0px;
	margin: 0px;
}
#locationContentLeft {
    width: 527px;
    float: left;
    padding-right: 12px;
    margin-right: 12px;
}
#locationContentRight {
    width: 253px;
    float: left;
}
.directions {
    display: block;
	font-size: 12px;
	line-height: 14px;
    margin-top: 3px;
}
/****************************************
*		       vyner st		        	*
****************************************/
.vynerImages {
	position: relative;
	width: 804px;
	height: 202px;
	padding: 0px;
	margin: 2px 0px 0px;
}
.vynerImages img {
    margin-right: 12px;
}
.vynerImages img.end {
    margin-right: 0px;
}
#vynerMain {
    padding-top: 30px;
}
/****************************************
*		        news		        	*
****************************************/
#newsContentMain {
	position: relative;
	padding: 0px;
	margin: 0px;
}
#newsContentLeft {
    width: 384px;
    float: left;
    padding-right: 12px;
    margin-right: 12px;
}
#newsContentRight {
    width: 396px;
    float: left;
}
/****************************************
*		       contact		        	*
****************************************/
#contactContent {
	width: 522px;
	padding-top: 1px;
	padding-right: 18px;
	padding-bottom: 18px;
}
#contactRecruitment {
    padding-top: 0px;
}
#contactContentPrint {
    display: none;
}
/****************************************
*		        ncsl		        	*
****************************************/